/* v41: approved C scrapbook gallery. Artwork stays complete and front-facing. */
.works-dialog{background:#f5eae5!important;border-color:#d6c3b7!important}
.works-dialog-header{background:#fffdf5;border-color:#e0d3c7;padding:22px 26px 17px}
.works-dialog-header .eyebrow{letter-spacing:2px;color:#9b8e84;font-size:9px}
.works-dialog-header .hint{color:#85877c!important;font-size:11px!important;line-height:1.7}
.works-dialog-body{padding:6px 26px 28px;background-color:#f5eae5;background-image:linear-gradient(#bd9f9910 1px,transparent 1px),linear-gradient(90deg,#bd9f9910 1px,transparent 1px);background-size:20px 20px}
.works-dialog .workspace-status{font-size:10px;color:#938b81;margin:13px 0 14px}
.works-collection-heading{margin-bottom:25px}.works-collection-heading h3{font-size:22px}.works-collection-heading p{color:#948b7d}
.works-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px;align-items:stretch;padding:0 3px 4px}
.works-dialog .work-card{padding:12px 10px 10px;border:1px solid #dfd3c5;border-radius:3px;background:#fffef8;overflow:visible;box-shadow:3px 5px 0 #b8998312;transform:rotate(-.45deg)}
.works-dialog .work-card:nth-child(3n+2){transform:rotate(.45deg)}
.works-dialog .work-card:hover{transform:translateY(-2px);border-color:#c9b5a8;box-shadow:3px 8px 15px #92776017}
.work-card:before{content:'';position:absolute;top:-10px;left:calc(50% - 30px);width:60px;height:22px;background:repeating-linear-gradient(90deg,#b8c9b5b0 0 5px,#cfdac5b0 5px 10px);transform:rotate(-5deg);z-index:4;pointer-events:none;clip-path:polygon(2% 0,97% 2%,95% 13%,100% 26%,96% 38%,100% 55%,96% 69%,99% 85%,96% 100%,0 98%,3% 79%,0 64%,4% 45%,0 29%)}
.work-card:nth-child(2n):before{background:repeating-linear-gradient(90deg,#e9c4a0b0 0 5px,#eeddbfb0 5px 10px);transform:rotate(5deg)}
.works-dialog .work-showcase{height:270px;min-height:0;padding:15px 13px 16px;background:#faf4e7;border:0;border-radius:3px;display:block;overflow:visible}
.work-showcase:before,.work-showcase:after,.work-stage:before,.work-stage:after{display:none}
.work-gallery-label{top:9px;left:10px;padding:0;background:none;border:0;color:#ae9d8a;font-size:8px;letter-spacing:1px}
.work-tap-hint{top:auto;bottom:8px;right:8px;opacity:1;transform:none;background:#fffdf4;border:1px solid #e0d8c9;border-radius:20px;font-size:9px;color:#8a8977;padding:3px 7px}
.work-stage{display:block;height:100%;width:100%;perspective:none}
.work-thumbnail{display:block;position:relative;width:100%;height:100%;padding:5px 8px;overflow:visible;transform:none;filter:drop-shadow(1px 3px 1px #80676025);border:0;border-radius:0}
.work-thumbnail svg,.work-thumbnail img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.work-showcase:hover .work-thumbnail,.work-showcase:focus-visible .work-thumbnail{transform:translateY(-2px);filter:drop-shadow(1px 5px 2px #80676025)}
.works-dialog .work-info{padding:15px 6px 5px}
.works-dialog .work-info h3{font:22px/1.4 ZaobaPF,cursive;color:#173f73;overflow-wrap:anywhere}
.work-title-line{display:block}.work-title-subtitle{font-size:.76em;line-height:1.5;margin-top:3px;color:#778275}
.works-dialog .work-meta{font-size:9px!important;color:#929184!important;margin-top:7px!important}
.works-dialog .work-actions{padding:9px 4px 1px;gap:8px;justify-content:center}
.works-dialog .work-actions [data-open-work]{background:#f7eeeb;border:1px solid #e7d8cf;border-radius:8px;color:#7c6370}
.works-dialog.is-managing .work-card{border-style:dashed}
.works-dialog .works-history{border-color:#cebcac;margin-top:5px;padding-top:14px}
.works-history .works-list{margin-top:24px}
.works-toolbar #toggleWorkManage[aria-pressed=true]{background:#173f73;color:#fffaf0}
/* In the enlarged view, the frame is unrotated, with no stand over its bottom. */
.work-preview-dialog{background:#fffcf5!important}
.work-preview-room{min-height:0;padding:15px 22px 20px;background:radial-gradient(ellipse at center,#fffef8,#f5eddd);overflow:hidden}
.work-preview-room:before,.work-preview-room:after,.work-preview-easel:before,.work-preview-easel:after{display:none}
.work-preview-easel{width:100%;height:min(53dvh,520px);display:block;perspective:none}
.work-preview-artwork{position:relative;width:100%;height:100%;padding:0;display:grid;place-items:center;transform:none;filter:drop-shadow(2px 5px 2px #80676025)}
.work-preview-artwork svg{position:static;inset:auto;width:100%;height:100%!important;max-height:100%;max-width:100%;overflow:visible}
.work-preview-dialog .dialog-top{background:#fffcf5!important;border-color:#e4dccb;padding:17px 22px 13px}
.work-preview-dialog .dialog-top h2{font-size:25px}
.work-preview-footer{background:#fffcf5;gap:12px;padding:14px 21px}
.work-preview-copy strong{font:20px/1.35 ZaobaPF,cursive}
.work-preview-copy>span{font-size:9px;line-height:1.6}
@media(max-width:850px){.works-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:29px 20px}.works-dialog .work-showcase{height:278px}}
@media(max-width:560px){
 .works-dialog-header{padding:15px 14px 12px}.works-dialog-body{padding:3px 12px 23px}.works-dialog-header .hint{font-size:10px!important}.works-dialog .workspace-status{font-size:9px;line-height:1.65}.works-collection-heading{margin-bottom:22px}.works-list{gap:25px 12px;padding:0 2px}.works-dialog .work-card{padding:9px 6px 8px}.works-dialog .work-card:hover{transform:none}.work-card:before{width:46px;height:19px;left:calc(50% - 23px);top:-9px}.works-dialog .work-showcase{height:207px;padding:12px 3px 16px}.work-thumbnail{padding:6px 3px}.work-gallery-label{top:7px;left:6px;font-size:7px}.work-tap-hint{display:block;bottom:4px;right:4px;font-size:7px;padding:2px 5px}.works-dialog .work-info{padding:11px 2px 3px}.works-dialog .work-info h3{font-size:18px}.work-title-subtitle{font-size:.75em;margin-top:4px}.works-dialog .work-meta{font-size:8px!important;margin-top:5px!important}.works-dialog .work-actions{padding:7px 1px 0;gap:5px}.works-dialog .work-actions button{min-height:42px;padding:7px 5px}.works-dialog.is-managing .work-actions{grid-template-columns:1fr 1fr}.work-preview-room{padding:12px 12px 18px}.work-preview-easel{width:100%;height:50dvh}.work-preview-artwork{height:100%;padding:0}.work-preview-artwork svg{position:static;width:100%;height:100%!important}.work-preview-dialog .dialog-top h2{font-size:22px!important}.work-preview-footer{padding:12px 14px}.work-preview-copy strong{font-size:18px}.work-preview-actions{margin-top:10px}.works-toolbar #saveCurrentWork{min-width:0}
}
@media(max-width:365px){.works-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:23px 9px}.works-dialog .work-showcase{height:184px}.works-dialog .work-info h3{font-size:16px}}
@media(prefers-reduced-motion:reduce){.works-dialog .work-card,.works-dialog .work-thumbnail{transition:none!important}}
.works-dialog .work-card{align-items:stretch;gap:0}
.works-dialog .work-info{width:100%;text-align:center}
.works-dialog .work-info h3{text-align:center}
.works-dialog .work-actions{align-self:stretch;width:100%;margin-top:auto}
/* Keep intrinsic tall SVG dimensions from enlarging the preview grid row. */
.work-preview-artwork{display:block;min-width:0;min-height:0}
.work-preview-artwork svg{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%;max-height:100%}