:root{--ink:#17181c;--muted:#6d717b;--line:#e4e5e9;--paper:#fff;--soft:#f5f5f7;--accent:#7248f5;--accent-soft:#eee9ff}*{box-sizing:border-box}html,body{min-height:100%;color:var(--ink);overscroll-behavior:none;background:#ececef;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.topbar{color:#fff;background:#15151a;border-bottom:1px solid #292930;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex}.topbar h1{letter-spacing:-.04em;margin:2px 0 0;font-size:24px}.topbar h1 strong{color:#a68cff}.eyebrow{color:#8c9099;letter-spacing:.14em;text-transform:uppercase;font-size:10px;font-weight:750}.export-actions{align-items:center;gap:9px;display:flex}.psd-button{color:#fff;cursor:pointer;background:#24242b;border:1px solid #555560;border-radius:10px;align-items:center;gap:8px;padding:11px 16px;font-weight:700;display:inline-flex}.psd-button:hover{border-color:#a68cff}.psd-button:disabled{opacity:.5;cursor:not-allowed}.psd-button svg{width:19px}.primary-button,.secondary-button{cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:700;display:inline-flex}.primary-button{background:var(--accent);color:#fff;padding:12px 18px}.primary-button:disabled{opacity:.5;cursor:not-allowed}.primary-button svg,.action-card svg{width:19px}.secondary-button{background:var(--soft);border:1px solid var(--line);width:100%;padding:10px}.workflow-bar{border-bottom:1px solid var(--line);background:#fff;grid-template-columns:250px 250px 210px 210px minmax(220px,1fr);gap:10px;min-height:88px;padding:14px 24px;display:grid}.template-picker{border:1px solid var(--line);background:var(--soft);border-radius:10px;grid-template-columns:28px 1fr;align-items:center;gap:8px;min-width:0;padding:9px 11px;display:grid}.template-picker>svg{width:20px;color:var(--accent)}.template-picker span{flex-direction:column;min-width:0;display:flex}.template-picker strong{font-size:11px}.template-picker small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.template-picker select{border:1px solid var(--line);background:#fff;border-radius:7px;grid-column:1/-1;width:100%;padding:5px 7px;font-size:10px}.design-picker{grid-template-rows:auto auto auto auto}.design-picker .category-summary{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:8px;display:block;overflow:hidden}.palette-colors{grid-column:1/-1;gap:5px;flex-direction:row!important;display:flex!important}.palette-colors label{border:1px solid var(--line);cursor:pointer;border-radius:999px;width:22px;height:16px;overflow:hidden}.palette-colors input{cursor:pointer;border:0;width:32px;height:26px;margin:-5px;padding:0}.action-card{background:var(--soft);border:1px solid var(--line);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex;position:relative}.action-card:hover{border-color:var(--accent)}.action-card.disabled{opacity:.55}.action-card input,.teacher-photo input{opacity:0;cursor:pointer;position:absolute;inset:0}.action-card span,.match-status div{flex-direction:column;min-width:0;display:flex}.action-card small,.match-status small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:3px;overflow:hidden}.match-status{align-items:center;gap:12px;padding:0 14px;display:flex}.status-dot{background:#28b67a;border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 5px #e0f6ed}.workspace{grid-template-columns:260px minmax(560px,1fr) 290px;height:calc(100vh - 164px);min-height:620px;display:grid}.sidebar,.inspector{background:#fff;min-width:0;overflow:auto}.sidebar{border-right:1px solid var(--line)}.inspector{border-left:1px solid var(--line);padding:20px}.panel-heading{justify-content:space-between;align-items:center;padding:20px 16px 14px;display:flex}.panel-heading h2,.inspector h2{margin:3px 0 0;font-size:18px}.count-badge{background:var(--soft);border:1px solid var(--line);border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.student-list{padding:0 8px 16px}.student-row{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:28px 1fr;gap:9px;width:100%;padding:9px;display:grid}.student-row:hover,.student-row.active{background:var(--accent-soft)}.student-index{color:#9f5454;background:#f0e5e5;border-radius:7px;place-items:center;width:26px;height:26px;font-size:11px;font-weight:800;display:grid}.student-index.matched{color:#168557;background:#ddf5e9}.student-row span:last-child{flex-direction:column;min-width:0;display:flex}.student-row strong{font-size:12px}.student-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:10px;overflow:hidden}.layout-tools{grid-template-columns:1fr 76px;gap:6px;padding:0 12px 10px;display:grid}.layout-tools button,.layout-tools label{border:1px solid var(--line);background:var(--soft);min-width:0;color:var(--muted);border-radius:8px;font-size:10px;font-weight:750}.layout-tools button{cursor:pointer}.layout-tools label{align-items:center;gap:4px;padding-left:7px;display:flex}.layout-tools input{background:0 0;border:0;width:34px;min-width:0;padding:5px 2px;font-weight:800}.layout-tools .add-student-button{min-height:32px;color:var(--accent);grid-column:1/-1;justify-content:center;align-items:center;gap:5px;display:flex}.add-student-button svg{width:14px}.student-row.unplaced{opacity:.55}.student-row[draggable=true]{cursor:grab}.student-row[draggable=true]:active{cursor:grabbing}.canvas-stage{background:#e9e9ec;padding:16px;overflow:auto}.canvas-toolbar{color:var(--muted);justify-content:space-between;max-width:1100px;margin:0 auto 9px;font-size:11px;display:flex}.spread{background:#fff;grid-template-columns:21.6% 78.4%;width:min(100%,1100px);min-width:720px;margin:auto;display:grid;position:relative;overflow:hidden;box-shadow:0 12px 34px #1d1d2530;container-type:inline-size}.teacher-side{position:relative;overflow:hidden}.brush-title{font:italic 900 4.8cqw/1 Arial,sans-serif;position:absolute;top:2%;left:2%;transform:rotate(-5deg)}.teacher-photo{cursor:pointer;background:#eef0f2;width:77.6%;height:33.3%;position:absolute;top:17.8%;left:7.2%;overflow:hidden}.teacher-photo img,.slot-photo img{display:block}.teacher-photo span{height:100%;color:var(--muted);place-content:center;justify-items:center;gap:6px;font-size:1.2cqw;display:grid}.teacher-edit-trigger{z-index:3;color:#fff;cursor:pointer;background:#17181ccc;border:0;border-radius:6px;padding:5px 8px;font-size:.5cqw;font-weight:750;position:absolute;bottom:6px;right:6px}.teacher-copy{text-align:center;position:absolute;top:53%;left:5%;right:5%}.teacher-copy strong{font-size:1.28cqw;font-weight:450;line-height:1.18}.teacher-copy strong b{text-transform:uppercase;font-weight:500}.teacher-copy small{margin-top:.8cqw;font-size:.72cqw;display:block}.teacher-copy p{white-space:pre-line;max-width:18cqw;margin:1.7cqw auto 0;font-size:.7cqw;line-height:1.35}.students-grid{grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(8,1fr);gap:3.2% 2.1%;padding:4.9% 3.5% 3%;display:grid}.student-slot{cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;gap:.45cqw;min-width:0;min-height:0;padding:0;display:flex}.student-slot.draggable{cursor:grab;touch-action:none}.student-slot.draggable:active{cursor:grabbing}.student-slot.active{border-color:var(--accent);box-shadow:inset 0 0 0 2px #fff}.slot-photo{color:#a2a4aa;-webkit-user-select:none;user-select:none;background:#eef0f2;flex:1;place-items:center;min-height:0;font-size:.55cqw;display:grid;position:relative;overflow:hidden}.slot-photo img{pointer-events:none;-webkit-user-select:none;user-select:none}.student-slot small{text-align:center;flex:none;height:1.55cqw;font-size:.58cqw;line-height:1.18}.template-spread{display:block}.template-decoration{pointer-events:none;position:absolute;inset:0;overflow:hidden}.decoration-soft-circles .template-decoration{opacity:.12;background:radial-gradient(circle at 7% 10%,currentColor 0 8%,#0000 8.2%),radial-gradient(circle at 92% 12%,currentColor 0 10%,#0000 10.2%),radial-gradient(circle at 88% 88%,currentColor 0 9%,#0000 9.2%)}.decoration-diagonal .template-decoration{opacity:.08;background:repeating-linear-gradient(55deg,#0000 0 70px,currentColor 72px 82px,#0000 84px 150px)}.decoration-school-lines .template-decoration{opacity:.14;background:repeating-linear-gradient(0deg,#0000 0 42px,currentColor 43px 44px)}.template-slots{position:absolute;inset:0}.template-slot{gap:.15cqw;position:absolute}.template-slot .slot-photo{flex:none;width:100%}.template-slot small{height:auto;font-size:clamp(5px,.58cqw,9px);line-height:1.05}.template-title{z-index:1;font-size:4.4cqw;position:absolute;transform:translate(-50%)}.template-teacher{z-index:1;position:absolute}.template-teacher .teacher-photo{width:100%;height:auto}.template-teacher .teacher-copy{text-align:center;padding-top:.8cqw}.template-teacher .teacher-copy strong{font-size:1.15cqw;line-height:1.1}.template-teacher .teacher-copy small{margin-top:.35cqw;font-size:.65cqw;line-height:1.15;display:block}.inspector label{color:#555a64;margin-top:14px;font-size:11px;font-weight:700;display:block}.inspector input,.inspector select,.inspector textarea{border:1px solid var(--line);width:100%;color:var(--ink);resize:vertical;background:#fff;border-radius:8px;margin-top:6px;padding:9px 10px}.inspector input[type=range]{accent-color:var(--accent);padding:0}.inspector output{float:right;color:var(--accent)}.zoom-control{grid-template-columns:36px 1fr 36px;align-items:center;gap:8px;margin-top:7px;display:grid}.zoom-control input{margin:0}.zoom-control button{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:8px;place-items:center;width:36px;height:34px;padding:0;display:grid}.zoom-control button:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.zoom-control button:disabled{opacity:.4;cursor:not-allowed}.zoom-control svg{width:16px}.crop-hint{color:var(--muted);margin:8px 0 2px;font-size:11px;line-height:1.4}.inspector .secondary-button{margin-top:9px}.inspector hr{border:0;border-top:1px solid var(--line);margin:22px 0}.inspector summary{cursor:pointer;font-size:13px;font-weight:800}.empty-state{color:var(--muted);text-align:center;padding:40px 15px}.empty-state svg{width:30px}.empty-state p{font-size:12px;line-height:1.5}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.student-layout-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.student-layout-actions button{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:36px;padding:7px;font-size:10px;font-weight:750;display:flex}.student-layout-actions button:last-child:nth-child(3){grid-column:1/-1}.student-layout-actions button:hover{border-color:var(--accent)}.student-layout-actions button.danger{color:#a74747}.student-layout-actions svg{width:14px}.photo-source-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:12px;display:grid}.photo-source-actions label,.photo-source-actions button{border:1px solid var(--line);background:var(--soft);min-height:38px;color:var(--ink);text-align:center;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:5px;margin:0;padding:7px;font-size:10px;font-weight:750;display:flex;position:relative}.photo-source-actions label:hover,.photo-source-actions button:hover{border-color:var(--accent)}.photo-source-actions svg{width:15px}.photo-source-actions input{opacity:0;cursor:pointer;position:absolute;inset:0}.teacher-replace-control{border:1px solid var(--line);background:var(--soft);text-align:center;cursor:pointer;border-radius:8px;padding:9px 10px;position:relative}.teacher-replace-control input{opacity:0;cursor:pointer;position:absolute;inset:0}.teacher-photo-replace-button{border:1px solid var(--line);background:var(--soft);min-height:36px;color:var(--ink);cursor:pointer;border-radius:8px;align-items:center;gap:6px;margin:0;padding:0 12px;font-size:10px;font-weight:750;display:flex;position:relative;overflow:hidden}.teacher-photo-replace-button:hover{border-color:var(--accent)}.teacher-photo-replace-button svg{width:15px}.teacher-photo-replace-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.student-crop-footer{flex-wrap:wrap}.student-crop-footer>span{flex:1;min-width:220px}.crop-sync-button{color:#292a2c;cursor:pointer;background:#ffe000;border:1px solid #c6b100;border-radius:8px;align-items:center;gap:6px;min-height:38px;padding:0 14px;font-size:10px;font-weight:850;display:flex}.crop-sync-button:hover:not(:disabled){background:#ffea38}.crop-sync-button:disabled{opacity:.45;cursor:not-allowed}.crop-sync-button svg{width:15px}.teacher-photo-editor>footer .teacher-photo-replace-button,.teacher-photo-editor>footer button{box-sizing:border-box;white-space:nowrap;border-radius:8px;height:36px;min-height:36px;margin:0;padding:0 12px;font-size:10px;font-weight:750;line-height:1}.photo-editor-backdrop{z-index:50;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#09090dbd;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.photo-editor-modal{background:#fff;border-radius:18px;width:min(900px,96vw);max-height:94vh;overflow:auto;box-shadow:0 28px 90px #0008}.photo-editor-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.photo-editor-modal h2{margin:3px 0 0;font-size:20px}.modal-close{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.modal-close svg{width:19px}.large-crop-workspace{background:radial-gradient(circle at 50% 40%,#eeeef1 0,#ceced4 75%);place-items:center;padding:24px 24px 76px;display:grid;position:relative}.large-crop-frame{aspect-ratio:382/562;border:3px solid var(--accent);cursor:grab;touch-action:none;background:#eef0f2;outline:0;width:min(430px,70vw);padding:0;position:relative;overflow:hidden;box-shadow:0 12px 35px #17171f3d,inset 0 0 0 1px #fff9}.large-crop-frame:active{cursor:grabbing}.large-crop-frame:focus-visible{box-shadow:0 12px 35px #17171f3d,0 0 0 4px #b9a9ff}.large-crop-frame .slot-photo{position:absolute;inset:0}.crop-frame-badge{z-index:2;color:#fff;letter-spacing:.04em;pointer-events:none;background:#17181cbd;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:750;position:absolute;top:10px;left:10px}.floating-zoom{color:#fff;background:#1b1b21;border:1px solid #3d3d46;border-radius:12px;grid-template-columns:38px 72px 38px;align-items:center;display:grid;position:absolute;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 22px #0004}.floating-zoom button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:38px;height:38px;display:grid}.floating-zoom button:hover:not(:disabled){background:#7248f5}.floating-zoom button:disabled{opacity:.3;cursor:not-allowed}.floating-zoom svg{width:17px}.floating-zoom strong{text-align:center;font-variant-numeric:tabular-nums;font-size:12px}.large-editor-controls{grid-template-columns:44px minmax(220px,1fr) 44px;align-items:end;gap:12px;padding:18px 22px 8px;display:grid}.large-editor-controls>button{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:10px;place-items:center;width:44px;height:42px;display:grid}.large-editor-controls>button:disabled{opacity:.4}.large-editor-controls svg{width:18px}.large-editor-controls label,.large-editor-fine-controls label{color:#555a64;font-size:11px;font-weight:700}.large-editor-controls output{float:right;color:var(--accent)}.large-editor-controls input,.large-editor-fine-controls input{width:100%;accent-color:var(--accent);margin-top:8px;display:block}.large-editor-fine-controls{grid-template-columns:1fr 1fr;gap:20px;padding:10px 22px 18px;display:grid}.photo-editor-modal>footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:9px;padding:14px 22px;display:flex}.photo-editor-modal>footer span{color:var(--muted);margin-right:auto;font-size:11px}.photo-editor-modal>footer .secondary-button{width:auto}.teacher-crop-frame{aspect-ratio:776/1164}.large-crop-frame.circle-crop-frame{border-radius:50%;width:min(560px,70vw,68vh)}.large-crop-frame.circle-crop-frame .slot-photo{border-radius:50%}.photo-gallery-modal{background:#fff;border-radius:18px;width:min(1100px,96vw);max-height:94vh;overflow:auto;box-shadow:0 28px 90px #0008}.photo-gallery-modal>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.photo-gallery-modal h2{margin:3px 0 0}.choice-gallery{background:#eeeef1;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;padding:20px;display:grid}.choice-gallery>button{text-align:left;cursor:pointer;background:#fff;border:3px solid #0000;border-radius:12px;flex-direction:column;min-width:0;padding:8px;display:flex}.choice-gallery>button:hover,.choice-gallery>button.selected{border-color:var(--accent)}.choice-gallery>button>span{aspect-ratio:3/4;background:#ddd;border-radius:7px;width:100%;overflow:hidden}.choice-gallery img{object-fit:cover;width:100%;height:100%}.choice-gallery strong{margin-top:9px;font-size:12px}.choice-gallery small{text-overflow:ellipsis;width:100%;color:var(--muted);white-space:nowrap;margin-top:3px;overflow:hidden}.choice-gallery em{color:#555a64;margin-top:6px;font-size:10px}.photo-gallery-modal>footer{align-items:center;gap:12px;padding:14px 20px;display:flex}.photo-gallery-modal>footer span{color:var(--muted);margin-right:auto;font-size:11px}.photo-gallery-modal>footer .secondary-button{width:auto}@media (max-width:1200px){.workflow-bar{grid-template-columns:220px 220px 200px 200px 1fr}}@media (max-width:1050px){.workspace{grid-template-columns:220px minmax(560px,1fr)}.inspector{z-index:5;border-radius:14px;width:290px;position:fixed;top:176px;bottom:12px;right:12px;box-shadow:0 12px 40px #0003}.workflow-bar{grid-template-columns:1fr 1fr 1fr}.match-status{grid-column:2/-1}}@media (max-width:760px){.topbar{padding:0 14px}.topbar .primary-button,.topbar .psd-button,.topbar .photopea-button{padding:11px;font-size:0}.workflow-bar{grid-template-columns:1fr 1fr;padding:10px}.match-status{grid-column:1/-1;padding:6px}.workspace{height:auto;min-height:0;display:block}.sidebar{border-bottom:1px solid var(--line);max-height:230px}.canvas-stage{min-height:520px}.inspector{width:auto;box-shadow:none;border-radius:0;margin:0;position:static}.spread{min-width:700px}.action-card{padding:10px}.action-card small{display:none}}@media (max-width:600px){.photo-editor-backdrop{padding:0}.photo-editor-modal{border-radius:0;width:100vw;min-height:100vh;max-height:100vh}.large-crop-workspace{padding:18px}.large-crop-frame{width:min(390px,80vw)}.large-editor-fine-controls{grid-template-columns:1fr}.photo-editor-modal>footer span{display:none}}.workspace-switcher{z-index:40;background:#25252c;border:1px solid #42424b;border-radius:12px;gap:3px;padding:4px;display:flex;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 22px #0004}.workspace-switcher button{color:#aaaab3;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;height:38px;padding:0 13px;font-size:11px;font-weight:800;display:flex}.workspace-switcher button.active{color:#fff;background:#7248f5}.workspace-switcher svg{width:16px}.editor-mode-link{color:#fff;cursor:pointer;background:#24242b;border:1px solid #555560;border-radius:10px;align-items:center;gap:8px;padding:11px 14px;font-weight:700;display:inline-flex}.editor-mode-link:hover{border-color:#a68cff}.editor-mode-link svg{width:18px}.spread-editor-shell{background:#ececef;height:100vh;padding-top:76px}.spread-editor-toolbar{color:#fff;background:#15151a;justify-content:space-between;align-items:center;height:76px;padding:0 24px;display:flex;position:absolute;inset:0 0 auto}.spread-editor-toolbar h1{margin:3px 0 0;font-size:20px}.spread-add-menu{gap:6px;display:flex}.spread-add-menu button,.spread-add-menu>label,.spread-stage-toolbar button{color:#fff;cursor:pointer;background:#25252c;border:1px solid #404049;border-radius:8px;align-items:center;gap:6px;padding:9px 10px;font-size:10px;font-weight:750;display:flex;position:relative}.spread-add-menu button:disabled{opacity:.4}.spread-add-menu>label input{opacity:0;cursor:pointer;position:absolute;inset:0}.spread-add-menu svg,.spread-stage-toolbar svg{width:15px}.spread-editor-layout{grid-template-columns:245px minmax(620px,1fr) 280px;height:100%;display:grid}.spread-pages-panel,.spread-inspector{background:#fff;min-width:0;overflow:auto}.spread-pages-panel{border-right:1px solid var(--line)}.spread-inspector{border-left:1px solid var(--line);padding:20px}.spread-page-actions{grid-template-columns:38px 38px 1fr;gap:5px;padding:0 12px 10px;display:grid}.spread-page-actions button{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:5px;min-height:32px;font-size:10px;display:flex}.spread-page-actions button:disabled{opacity:.35}.spread-page-actions svg{width:14px}.spread-page-list{padding:0 10px 20px}.spread-page-list>button{background:var(--soft);text-align:left;cursor:pointer;border:2px solid #0000;border-radius:9px;grid-template-columns:24px 1fr;align-items:center;gap:6px;width:100%;margin-bottom:7px;padding:7px;display:grid}.spread-page-list>button.active{border-color:var(--accent);background:var(--accent-soft)}.spread-page-list>button>span{color:var(--muted);text-align:center;font-size:10px}.spread-page-list i{aspect-ratio:4913/3496;border:1px solid var(--line);border-radius:3px;flex-direction:column;justify-content:flex-end;padding:8px;font-style:normal;display:flex;box-shadow:0 2px 6px #0001}.spread-page-list b{font-size:9px}.spread-page-list small{color:var(--muted);margin-top:2px;font-size:8px}.spread-stage{background:#dcdde2;min-width:0;padding:14px;overflow:auto}.spread-stage-toolbar{justify-content:space-between;align-items:center;width:min(100%,1050px);margin:0 auto 10px;display:flex}.spread-stage-toolbar>div{gap:6px;display:flex}.spread-stage-toolbar button{border-color:var(--line);color:var(--ink);background:#fff}.spread-stage-toolbar label{color:var(--muted);align-items:center;gap:5px;font-size:10px;font-weight:750;display:flex}.spread-design-canvas{aspect-ratio:4913/3496;-webkit-user-select:none;user-select:none;width:min(100%,1050px);min-width:680px;margin:auto;position:relative;overflow:hidden;box-shadow:0 15px 40px #20202a35;container-type:inline-size}.spread-design-canvas .center-fold{z-index:20;pointer-events:none;border-left:1px dashed #0000;position:absolute;top:0;bottom:0;left:50%}.spread-design-canvas .safe-zone{z-index:20;pointer-events:none;border:1px dashed #0000;position:absolute;inset:5%}.spread-design-canvas.show-guides .center-fold{border-color:#ef3e7b99}.design-element{z-index:2;cursor:move;touch-action:none;min-width:0;min-height:0;position:absolute}.design-element.selected{outline:3px solid var(--accent);outline-offset:2px}.design-photo{color:#777b85;background:#e5e6ea;display:grid;overflow:hidden;border-radius:0!important}.design-photo img{object-fit:cover;pointer-events:none;border-radius:0;width:100%;height:100%}.design-photo label{cursor:pointer;place-content:center;justify-items:center;gap:6px;height:100%;font-size:1.1cqw;display:grid;position:relative}.design-photo label svg{width:2.4cqw}.design-photo input{opacity:0;cursor:pointer;position:absolute;inset:0}.design-text{text-align:center;white-space:pre-wrap;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.design-text>span{pointer-events:none;width:100%;max-width:100%;line-height:1.08}.design-shape{opacity:.9}.spread-inspector h2{margin:4px 0 18px;font-size:18px}.spread-inspector label{color:#555a64;margin-top:12px;font-size:10px;font-weight:750;display:block}.spread-inspector input,.spread-inspector textarea{border:1px solid var(--line);resize:vertical;border-radius:7px;width:100%;margin-top:5px;padding:8px}.spread-inspector input[type=color]{height:38px;padding:3px}.spread-inspector input[type=range]{accent-color:var(--accent);padding:0}.inspector-note{color:var(--muted);margin-top:25px;font-size:11px;line-height:1.5}.element-size-grid{grid-template-columns:1fr 1fr;gap:0 8px;display:grid}.align-actions{gap:5px;margin-top:16px;display:grid}.align-actions button,.delete-element{border:1px solid var(--line);background:var(--soft);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;min-height:34px;font-size:10px;display:flex}.align-actions svg{width:14px}.delete-element{color:#a74747;width:100%;margin-top:18px}@media (max-width:1050px){.spread-editor-layout{grid-template-columns:210px minmax(620px,1fr)}.spread-inspector{z-index:30;border-radius:12px;width:270px;position:fixed;top:88px;bottom:10px;right:10px;box-shadow:0 14px 45px #0004}}.spread-page-list>button>span svg{color:#1a9a62;width:14px}.design-photo img.tone-bw{filter:grayscale()}.design-photo img.tone-warm{filter:sepia(.28)saturate(.92)contrast(1.03)}.spread-inspector select{border:1px solid var(--line);background:#fff;border-radius:7px;width:100%;margin-top:5px;padding:8px}.print-warning{color:#9a5b14;background:#fff0db;border-radius:7px;align-items:center;gap:7px;margin:14px 0;padding:9px;font-size:10px;font-weight:750;display:flex}.print-warning svg{width:16px}.approval-toggle{background:#e8f7ef;border-radius:7px;align-items:center;gap:7px;padding:9px;color:#167549!important;display:flex!important}.approval-toggle input{width:auto;margin:0}.spread-comments{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.spread-comments>strong{align-items:center;gap:6px;font-size:11px;display:flex}.spread-comments>strong svg{width:15px}.spread-comments p{background:var(--soft);border-radius:6px;padding:7px;font-size:9px}.spread-comments button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:6px;width:100%;padding:8px;font-size:10px;font-weight:750}.spread-comments button:disabled{opacity:.4}.photo-timeline{border-top:1px solid var(--line);color:#fff;background:#202127;grid-template-columns:190px 1fr;height:154px;display:grid}.photo-timeline header{border-right:1px solid #3a3b43;padding:14px}.photo-timeline header>div{flex-direction:column;display:flex}.photo-timeline header small{color:#92959e;margin-top:3px;font-size:9px}.photo-timeline header>label{border:1px solid #42434c;border-radius:6px;align-items:center;gap:5px;margin-top:12px;padding:6px;display:flex}.photo-timeline header svg{width:13px}.photo-timeline header input{color:#fff;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:9px}.timeline-strip{align-items:stretch;gap:7px;min-width:0;padding:10px;display:flex;overflow-x:auto}.timeline-strip>p{color:#8f929b;margin:auto;font-size:11px}.timeline-strip>div{opacity:.72;flex-direction:column;flex:none;width:92px;display:flex;position:relative}.timeline-strip>div>button{color:#fff;cursor:pointer;background:#33353d;border:0;border-radius:5px;flex:1;min-height:0;padding:0;overflow:hidden}.timeline-strip img{object-fit:cover;width:100%;height:78px;display:block}.timeline-strip button span{text-overflow:ellipsis;white-space:nowrap;padding:4px;font-size:8px;display:block;overflow:hidden}.timeline-strip>div>label{color:#8e919a;text-align:center;cursor:pointer;border-radius:4px;margin-top:4px;padding:3px;font-size:7px}.timeline-strip>div>label.active{color:#fff;background:#7248f5}.timeline-strip label input{display:none}.album-story-strip{background:#292a30;border-radius:8px;align-items:stretch;width:min(100%,1050px);height:70px;margin:12px auto 0;padding:7px;display:flex;overflow-x:auto}.story-strip-slot{flex:none;align-items:stretch;display:flex}.story-strip-slot>button{color:#25232b;cursor:pointer;border:2px solid #0000;border-radius:4px;flex-direction:column;justify-content:flex-end;align-items:flex-start;width:104px;padding:6px;display:flex;box-shadow:inset 0 0 0 1px #0002}.story-strip-slot>button span{font-size:9px;font-weight:800}.story-strip-slot>button small{font-size:7px}.story-strip-slot>i{border:1px dashed #656771;border-radius:3px;width:13px;margin:0 2px;transition:all .15s}.story-strip-slot>i:hover{background:#f0c93d33;border-color:#f0c93d;width:24px}.photo-timeline header{overflow:auto}.photo-timeline header .create-selected-spread{color:#242229;cursor:pointer;background:#f0c93d;border:1px solid #585a65;border-radius:6px;width:100%;margin-top:8px;padding:6px;font-size:8px;font-weight:800}.photo-timeline header .create-selected-spread:disabled{opacity:.35;cursor:default}.timeline-strip>div.used>button{outline:0}.timeline-strip>div.selected>button{outline-offset:-3px;outline:3px solid #f0c93d}.timeline-strip>div.selected button span{color:#242229;background:#f0c93d}.empty-sheet-hint{z-index:1;color:#92949c;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex;position:absolute;inset:0}.empty-sheet-hint svg{width:36px;height:36px}.empty-sheet-hint strong{color:#555861;font-size:18px}.empty-sheet-hint span{font-size:11px}.spread-design-canvas.empty-sheet{outline-offset:-10px;outline:2px dashed #0000}.spread-design-canvas.empty-sheet:hover{outline-color:#f0c93d}.smart-layout-controls>strong{align-items:center;gap:6px;font-size:11px;display:flex}.smart-layout-controls>strong svg{width:15px;color:var(--accent)}.smart-layout-controls .layout-check,.spread-inspector .featured-photo{align-items:center;gap:7px;display:flex}.smart-layout-controls .layout-check input,.spread-inspector .featured-photo input{width:auto;margin:0}.smart-layout-controls>button{background:var(--accent);color:#fff;cursor:pointer;border:0;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:12px;padding:8px;font-size:9px;font-weight:800;display:flex}.smart-layout-controls>button svg{width:14px}.spread-inspector .featured-photo{color:#655310;background:#fff5ca;border-radius:7px;padding:9px}.photo-keyboard-hint{color:#3f5875;background:#eef5ff;border-radius:7px;margin:0 0 12px;padding:9px;font-size:9px;line-height:1.45}.spread-editor-shell{background:#a8a9ab}.spread-pages-panel{display:none}.spread-stage{scrollbar-color:#777 #aaa;background:#a8a9ab;padding:10px 18px 8px}.spread-stage-toolbar{background:#77787b;border:1px solid #85868a;border-radius:3px;min-height:34px;margin-bottom:8px;padding:4px 7px}.spread-stage-toolbar button{color:#fff;background:#929397;border:0;border-radius:3px;padding:6px 8px}.spread-stage-toolbar label{color:#f0f0f1}.spread-design-canvas{border:1px solid #8d8e91;width:min(100%,140.5vh - 604.15px);min-width:560px;box-shadow:0 2px 5px #0004}.spread-inspector{background:#f5f5f4;border-left:1px solid #999a9d;box-shadow:-3px 0 12px #0002}.album-story-strip{background:#a8a9ab;border-top:1px solid #77787a;border-bottom:1px solid #77787a;border-radius:0;width:100%;height:91px;margin-top:9px;padding:7px 5px}.story-strip-slot{border-right:4px solid #66676a;padding-right:10px;position:relative}.story-strip-slot>button{border:3px solid #f4f4f4;border-radius:0;width:132px;padding:0;position:relative;overflow:hidden;box-shadow:0 1px 3px #0005}.story-strip-slot>button.active{border-color:#f5d44b}.story-strip-slot>button img{object-fit:cover;display:block;position:absolute}.story-thumb-canvas{z-index:1;pointer-events:none;display:block;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.story-thumb-element{transform-origin:50%;display:block;position:absolute;overflow:hidden}.story-thumb-element>img{object-fit:fill;width:100%;height:100%;display:block}.story-thumb-photo:not(:has(img)){background:#eceff2;box-shadow:inset 0 0 0 1px #9da2a8}.story-thumb-text{background:0 0;justify-content:center;align-items:center;display:flex}.story-thumb-text>span{white-space:pre-wrap;width:100%;line-height:1.12;display:block;overflow:hidden}.story-strip-slot>button .story-thumb-number{z-index:3;color:#fff;background:#0009;padding:2px 4px;font-size:7px;position:absolute;top:2px;left:2px}.story-strip-slot>button small{z-index:3;color:#fff;background:#0009;padding:2px 4px;font-size:7px;position:absolute;bottom:2px;right:2px}.spread-page-list i{position:relative;overflow:hidden}.spread-page-list i>.story-thumb-canvas{z-index:0}.spread-page-list i>b,.spread-page-list i>small{z-index:2;background:#ffffffd9;width:max-content;max-width:100%;padding:1px 3px;position:relative}.story-strip-slot>i{display:none}.photo-timeline{background:#555659;border-top:1px solid #77787b;grid-template-rows:40px 1fr;grid-template-columns:1fr;height:230px;display:grid}.photo-timeline header{background:#66676a;border-bottom:1px solid #77787a;border-right:0;align-items:center;gap:12px;padding:5px 10px;display:flex;overflow:hidden}.photo-timeline header>div{min-width:150px}.photo-timeline header strong{font-size:10px}.photo-timeline header small{color:#c1c2c4;margin-top:1px}.photo-timeline header .create-selected-spread{color:#fff;background:#8b8c8f;width:auto;min-width:130px;margin:0;padding:7px 10px}.photo-timeline header>label{background:#5a5b5e;width:200px;margin:0 0 0 auto;padding:5px 8px}.timeline-strip{grid-template-rows:repeat(2,82px);grid-auto-columns:106px;grid-auto-flow:column;align-items:stretch;gap:8px;padding:8px 12px;display:grid;overflow:auto hidden}.timeline-strip>div{opacity:.42;width:auto;min-width:0}.timeline-strip>div.selected,.timeline-strip>div:hover,.timeline-strip>div:focus-within{opacity:1}.timeline-strip>div>button{background:#4e4f52;border-radius:0}.timeline-strip>div>.timeline-delete-photo{z-index:8;color:#fff;cursor:pointer;opacity:0;background:#8f2929e8;border:1px solid #ff8b8b;border-radius:3px;place-items:center;width:19px;height:19px;padding:0;transition:opacity .14s,background .14s;display:grid;position:absolute;top:3px;right:3px}.timeline-strip>div:hover>.timeline-delete-photo,.timeline-strip>div:focus-within>.timeline-delete-photo{opacity:1}.timeline-strip>div>.timeline-delete-photo:hover{background:#c52f2f}.timeline-strip>div>.timeline-delete-photo svg{width:11px;height:11px}@media (hover:none){.timeline-strip>div>.timeline-delete-photo{opacity:1}}.timeline-strip .pose-detected-badge{right:25px}.timeline-strip img{object-fit:cover;height:62px}.timeline-strip button span{color:#c8c9cb;text-align:center;padding:3px}.timeline-strip>div>label{display:none}@media (max-width:1050px){.spread-editor-layout{grid-template-columns:minmax(620px,1fr)}.spread-inspector{top:82px;bottom:238px}}body:has(.spread-editor-shell) .workspace-switcher{display:none}.spread-editor-toolbar{z-index:50;background:#57585a;border-bottom:1px solid #797a7c;height:50px;padding:0 10px;position:absolute}.spread-editor-layout{grid-template-columns:1fr;height:calc(100% - 230px)}.reference-nav-tools,.reference-export-tools{align-items:center;gap:8px;display:flex}.reference-nav-tools button,.reference-export-tools button{color:#f4f4f4;cursor:pointer;background:#77787b;border:0;border-radius:50%;place-items:center;width:34px;height:34px;display:grid}.reference-nav-tools button.active,.reference-export-tools button.active{background:#929396}.reference-nav-tools svg,.reference-export-tools svg{width:16px}.editor-project-status{color:#ddd;flex-direction:column;align-items:center;display:flex;position:absolute;left:50%;transform:translate(-50%)}.editor-project-status strong{font-size:9px}.editor-project-status small{color:#aaa;margin-top:2px;font-size:7px}.reference-export-tools .reference-export{color:#3b3b35;background:#ffe000;border-radius:4px;gap:6px;width:auto;padding:0 13px;font-size:10px;font-weight:850;display:flex}.spread-stage{padding-top:10px;position:relative}.spread-stage-toolbar{z-index:35;opacity:0;width:auto;margin:0;transition:all .18s;position:absolute;top:12px;left:18px;transform:translateY(-4px)}.spread-stage:hover .spread-stage-toolbar{opacity:.96;transform:none}.reference-export-tools .reference-export.jpeg-export{color:#fff;background:#238653}.reference-export-tools .reference-export:disabled{opacity:.45;cursor:default}.photopea-backdrop{z-index:400;background:#06080eeb;align-items:stretch;padding:12px;display:flex;position:fixed;inset:0}.photopea-dialog{background:#17191f;border:1px solid #ffffff29;border-radius:16px;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.photopea-dialog>header{color:#fff;background:#20232b;justify-content:space-between;align-items:center;gap:16px;padding:10px 14px;display:flex}.photopea-dialog>header>div:first-child{gap:2px;display:grid}.photopea-dialog>header small{color:#aeb5c3}.photopea-dialog iframe{border:0;width:100%;min-height:0}.photopea-workspace{background:#202126;flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.photopea-workspace.with-ai{grid-template-columns:minmax(0,1fr) 310px}.photopea-workspace>iframe{height:100%}.photopea-ai-side-panel{background:#2f3035;border-left:1px solid #555861;grid-template-rows:auto minmax(0,1fr);min-width:0;display:grid}.photopea-ai-side-panel>header{color:#fff;background:#25262b;justify-content:space-between;align-items:center;min-height:38px;padding:5px 8px 5px 12px;display:flex}.photopea-ai-side-panel>header strong{color:#ffe000;font-size:11px}.photopea-ai-side-panel>header button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;display:grid}.photopea-ai-side-panel>header svg{width:15px}.photopea-ai-side-panel iframe{height:100%}.photopea-actions{align-items:center;gap:8px;display:flex}.photopea-actions a,.photopea-actions button{color:#fff;font:inherit;background:#343946;border:1px solid #ffffff26;border-radius:9px;align-items:center;gap:6px;padding:8px 11px;text-decoration:none;display:inline-flex}.photopea-actions svg{width:17px;height:17px}.photopea-actions button:disabled{cursor:wait;opacity:.55}.photopea-actions .photopea-return{color:#25241d;background:#ffe000;font-weight:800}.photopea-actions .photopea-ai-toggle{color:#ffe000;border-color:#8f7f16;font-weight:800}.photopea-actions .photopea-ai-toggle.active{color:#25241d;background:#ffe000}.photopea-actions .photopea-close{padding:8px}.photopea-loading{color:#fff;align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.photopea-loading svg{width:20px;height:20px}.photopea-error{color:#fff;background:#5a2025;margin:0;padding:8px 14px}@media (max-width:760px){.photopea-backdrop{padding:0}.photopea-dialog{border:0;border-radius:0}.photopea-dialog>header{flex-direction:column;align-items:flex-start;gap:8px}.photopea-dialog>header small{display:none}.photopea-actions{width:100%}.photopea-actions a{display:none}.photopea-actions button:not(.photopea-close){flex:1;justify-content:center}.photopea-workspace.with-ai{grid-template-columns:minmax(0,1fr)}.photopea-workspace.with-ai>iframe:first-child{display:none}.photopea-ai-side-panel{border-left:0}}.spread-inspector{z-index:45;border:1px solid #aaa;border-radius:4px;width:292px;display:none;position:fixed;top:62px;bottom:242px;right:12px;box-shadow:0 12px 35px #0005}.spread-inspector.open{display:block}.add-story-sheet{color:#56575a;cursor:pointer;background:#bbb;border:1px dashed #777;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;width:92px;display:flex}.add-story-sheet svg{width:18px}.add-story-sheet span{font-size:8px}.photo-timeline header>.timeline-import,.photo-timeline header>.timeline-search{color:#fff;cursor:pointer;background:#85868a;border:0;border-radius:3px;align-items:center;gap:6px;width:auto;margin:0;font-size:8px;font-weight:750;display:flex;position:relative}.timeline-import input{opacity:0;cursor:pointer;position:absolute;inset:0}.photo-timeline header>.timeline-search{background:#5a5b5e;width:190px;margin-left:auto}.timeline-autobuild{color:#fff;cursor:pointer;background:#85868a;border:0;border-radius:3px;padding:7px 11px;font-size:8px;font-weight:750}.timeline-autobuild:disabled{opacity:.4}.timeline-photo-count{margin-left:8px;min-width:110px!important}.timeline-photo-count strong{font-size:8px!important}.timeline-photo-count small{font-size:7px!important}.timeline-strip>div.available{opacity:1}.timeline-strip>div.used{opacity:.58}.timeline-strip>div.used>button{cursor:not-allowed;filter:grayscale(.7)brightness(.62);position:relative}.used-photo-badge{z-index:4;color:#fff;text-transform:uppercase;background:#242629d9;border:1px solid #b8bac0;justify-content:center;align-items:center;gap:3px;padding:3px 4px;font-size:6px;line-height:1;display:flex;position:absolute;inset:4px 4px auto}.used-photo-badge svg{color:#9be0b9;width:9px;height:9px}.timeline-strip>div.available>button:hover{outline-offset:-2px;outline:2px solid #eee}.album-story-strip{z-index:32;background:#9d9ea1;border:0;border-right:1px solid #77787a;flex-direction:column;align-items:stretch;gap:9px;width:200px;height:auto;margin:0;padding:10px 9px;position:fixed;top:50px;bottom:230px;left:0;overflow:hidden auto}.story-strip-slot{border-bottom:3px solid #6d6e71;border-right:0;width:100%;padding:0 0 9px}.story-strip-slot>button{aspect-ratio:4913/3496;width:100%;height:auto}.add-story-sheet{flex:none;width:100%;min-height:94px}.spread-design-canvas{width:min(100%,140.5vh - 401.83px)}.spread-stage-toolbar button.alternate-layout-button{color:#fff;background:#238653;border:1px solid #3c9b65;box-shadow:0 1px 2px #0003}.spread-stage-toolbar button.alternate-layout-button:hover{background:#2c9b63;border-color:#58bd82}@media (max-width:850px){.album-story-strip{width:154px}.spread-stage{padding-left:166px}.spread-stage-toolbar{left:168px}.story-strip-slot>button{width:100%}}.spread-editor-layout{height:100%}.photo-timeline{z-index:70;will-change:transform;transition:transform .24s cubic-bezier(.2,.75,.25,1);position:fixed;bottom:0;left:0;right:0;transform:translateY(calc(100% - 8px));box-shadow:0 -8px 24px #0004}.photo-timeline:before{content:"";height:26px;position:absolute;top:-18px;left:0;right:0}.photo-timeline:hover,.photo-timeline:focus-within{transform:translateY(0)}.album-story-strip{bottom:0}.spread-inspector{bottom:12px}@media (prefers-reduced-motion:reduce){.photo-timeline{transition:none}}.spread-editor-shell{padding-top:0}.spread-editor-toolbar{will-change:transform;transition:transform .22s cubic-bezier(.2,.75,.25,1);position:fixed;inset:0 0 auto;transform:translateY(calc(8px - 100%));box-shadow:0 6px 18px #0003}.spread-editor-toolbar:after{content:"";height:26px;position:absolute;bottom:-18px;left:0;right:0}.spread-editor-toolbar:hover,.spread-editor-toolbar:focus-within{transform:translateY(0)}.spread-design-canvas{width:min(100%,140.5vh - 59.01px);max-height:calc(100vh - 24px)}@media (prefers-reduced-motion:reduce){.spread-editor-toolbar{transition:none}}.face-count-badge{z-index:3;color:#dff8ea;background:#315e4de6;padding:2px 4px;font-size:6px;font-style:normal;position:absolute;bottom:18px;left:4px}.face-analysis-status{color:#286044;background:#edf8f2;border:1px solid #c9e4d4;border-radius:7px;flex-direction:column;gap:2px;margin-bottom:10px;padding:8px;display:flex}.face-analysis-status strong{font-size:9px}.face-analysis-status span{font-size:7px}.design-photo{cursor:grab}.design-photo:active{cursor:grabbing}.photo-layout-drag-handle{z-index:6;color:#292a2c;cursor:move;touch-action:none;opacity:.82;background:#ffe000e8;border:1px solid #c9b600;border-radius:4px;place-items:center;width:28px;height:34px;transition:opacity .15s,transform .15s;display:grid;position:absolute;top:6px;right:6px;box-shadow:0 2px 8px #0004}.photo-layout-drag-handle:hover,.design-photo.selected .photo-layout-drag-handle{opacity:1;transform:scale(1.04)}.photo-layout-drag-handle svg{pointer-events:none;width:16px;height:16px}.photo-frame-move-handle{z-index:7;color:#fff;cursor:move;touch-action:none;opacity:0;background:#2386dbe8;border:1px solid #67b8ff;border-radius:4px;place-items:center;width:28px;height:34px;display:grid;position:absolute;top:6px;left:6px}.photo-frame-move-handle svg{pointer-events:none;width:16px;height:16px}.photo-frame-resize-handle{z-index:8;cursor:nwse-resize;touch-action:none;opacity:0;background:#2386db;border:2px solid #fff;border-radius:50%;width:18px;height:18px;position:absolute;bottom:-6px;right:-6px;box-shadow:0 2px 7px #0008}.design-photo.selected .photo-frame-move-handle,.design-element.selected .photo-frame-resize-handle,.design-photo:hover .photo-frame-move-handle,.design-element:hover .photo-frame-resize-handle{opacity:1}.design-text{cursor:move;touch-action:none}.design-text .text-resize-handle{background:#ffe000;border-color:#292a2c}.design-photo.photo-drop-target{outline-offset:-4px;outline:4px solid #ffe000;box-shadow:inset 0 0 0 2px #292a2c}.top-gap-control{color:#eee;align-items:center;gap:7px;font-size:8px;font-weight:750;display:flex;position:absolute;right:145px}.top-gap-control input{accent-color:#ffe000;width:100px}.top-gap-control b{color:#ffe66a;min-width:22px;font-size:8px}.top-gap-control span{color:#d4d4d5}.spread-inspector{will-change:transform;transition:transform .22s cubic-bezier(.2,.75,.25,1);display:block;transform:translate(calc(100% - 8px))}.spread-inspector:before{content:"";width:26px;position:absolute;top:0;bottom:0;left:-18px}.spread-inspector:hover,.spread-inspector:focus-within,.spread-inspector.open{transform:translate(0)}.reference-export-tools button.active{box-shadow:inset 0 0 0 2px #ffe000}@media (prefers-reduced-motion:reduce){.spread-inspector{transition:none}}.spread-inspector{color:#f1f1f2;scrollbar-color:#85868a #4d4e51;background:#57585b;border:1px solid #747579;border-right:0;border-radius:4px 0 0 4px;padding:16px;box-shadow:-5px 0 18px #0003}.spread-inspector>.eyebrow{color:#b8b9bc;letter-spacing:.14em}.spread-inspector h2{color:#fff;margin:4px 0 14px;font-size:16px}.spread-inspector label{color:#d1d2d4;margin-top:10px;font-size:9px}.spread-inspector input,.spread-inspector textarea,.spread-inspector select{color:#f5f5f5;background:#48494c;border:1px solid #77787c;border-radius:3px;margin-top:4px}.spread-inspector input:focus,.spread-inspector textarea:focus,.spread-inspector select:focus{border-color:#ffe000;outline:1px solid #ffe000}.spread-inspector input[type=range]{accent-color:#ffe000;background:0 0;border:0}.spread-inspector input[type=color]{background:#48494c}.smart-layout-controls{background:#626367;border:1px solid #737478;border-radius:4px;margin-bottom:14px;padding:11px}.smart-layout-controls>strong{color:#fff}.smart-layout-controls>strong svg{color:#ffe000}.smart-layout-controls>button,.spread-comments button{color:#292a2c;background:#e2c900;border-radius:3px}.spread-inspector .featured-photo{color:#fff2ad;background:#696347;border:1px solid #8d8250;border-radius:3px}.photo-keyboard-hint{color:#e3edf7;background:#4f5c68;border:1px solid #707b86;border-radius:3px}.face-analysis-status{color:#ddf5e5;background:#4d6556;border:1px solid #62806d;border-radius:3px}.approval-toggle{background:#4d6556;border:1px solid #62806d;border-radius:3px;color:#ddf5e5!important}.print-warning{color:#ffe1ae;background:#6c5b40;border:1px solid #8c744d;border-radius:3px}.spread-comments{border-top-color:#747579}.spread-comments p,.inspector-note{color:#d0d1d3}.spread-comments p{background:#494a4d;border-radius:3px}.align-actions button,.delete-element{color:#f2f2f3;background:#68696d;border-color:#77787c;border-radius:3px}.delete-element{color:#ffc1c1}.element-size-grid input{background:#48494c}.spread-inspector:before{border-left:2px solid #ffe00055}.lab-profile-control{color:#f2f2f3;align-items:center;gap:7px;font-size:11px;font-weight:800;display:flex;position:absolute;left:150px}.lab-profile-control select{color:#fff;cursor:pointer;background:#48494c;border:1px solid #929398;border-radius:4px;height:36px;padding:7px 34px 7px 11px;font-size:12px;font-weight:700;line-height:1.5}.lab-profile-control .print-lab-selector{width:145px}.lab-profile-control .print-format-selector{width:330px}.lab-profile-control select:hover,.lab-profile-control select:focus{border-color:#ffe000;outline:none}.lab-profile-control select optgroup{color:#ffe66a;background:#3f4043;font-size:13px;font-weight:850}.lab-profile-control select option{color:#fff;background:#505155;padding:7px 10px;font-size:12px;font-weight:650}.spread-design-canvas .bleed-zone{z-index:21;pointer-events:none;border:1px dashed #0000;position:absolute}.spread-design-canvas.show-guides .bleed-zone{border-color:#ff9c3d}.spread-design-canvas.show-guides .safe-zone{border-color:#48b4ff}@media (max-width:1450px){.lab-profile-control span{display:none}.lab-profile-control .print-lab-selector{width:125px}.lab-profile-control .print-format-selector{width:260px}}@media (max-width:1150px){.lab-profile-control{left:120px}.lab-profile-control .print-lab-selector{width:110px}.lab-profile-control .print-format-selector{width:200px}.top-gap-control span{display:none}}.spread-stage{justify-content:safe center;align-items:safe center;min-height:100%;padding-top:22px;padding-bottom:22px;display:flex}.spread-design-canvas{flex:none;min-width:0;max-width:100%;margin:auto}.album-story-strip{scrollbar-gutter:stable;gap:12px;width:218px;padding:12px 11px}.spread-stage{padding-left:238px}.story-strip-slot{border-bottom:1px solid #77787a;padding:0 0 12px}.story-strip-slot>button{flex:none;width:100%}.story-strip-slot>button.active{border-color:#ffe000;box-shadow:0 0 0 2px #4a4b4e,0 2px 6px #0005}.add-story-sheet{background:#aaabae;border-color:#737478;min-height:86px;margin-bottom:8px}.spread-stage-toolbar{left:240px}@media (max-width:850px){.album-story-strip{width:164px}.spread-stage{padding-left:180px}.spread-stage-toolbar{left:182px}}.story-panel-collapse-button{color:#fff;cursor:pointer;background:#68696d;border:1px solid #77787a;border-radius:3px;flex:none;justify-content:center;align-items:center;gap:7px;width:100%;min-height:32px;padding:6px;font-size:9px;font-weight:800;display:flex}.story-panel-collapse-button:hover{color:#ffe000;border-color:#ffe000}.story-panel-collapse-button svg{width:15px;height:15px}.album-story-strip.collapsed{scrollbar-gutter:auto;width:44px;padding:10px 5px;overflow:hidden}.album-story-strip.collapsed .story-strip-slot,.album-story-strip.collapsed .add-story-sheet{display:none}.album-story-strip.collapsed .story-panel-collapse-button{width:32px;min-height:32px;padding:0}.spread-stage.story-panel-collapsed{padding-left:62px}.spread-stage.story-panel-collapsed .spread-stage-toolbar{left:64px}.spread-editor-toolbar{grid-template-rows:42px 34px;grid-template-columns:auto minmax(170px,1fr) auto;gap:2px 12px;height:88px;padding:4px 10px 6px;display:grid;transform:none}.spread-editor-toolbar:after{display:none}.reference-nav-tools{grid-area:1/1}.editor-project-status{grid-area:1/2;justify-self:center;position:static;transform:none}.reference-export-tools{grid-area:1/3}.top-layout-tools{grid-area:2/1/auto/3;align-items:center;gap:6px;min-width:0;display:flex}.top-layout-tools button{color:#fff;cursor:pointer;background:#68696d;border:1px solid #77787b;border-radius:3px;align-items:center;gap:5px;min-height:28px;padding:0 9px;font-size:8px;font-weight:800;display:flex}.top-layout-tools button:hover{border-color:#ffe000}.top-layout-tools button.alternate-layout-button{background:#238653;border-color:#3c9b65}.top-layout-tools svg{width:13px}.top-layout-tools label{color:#ddd;white-space:nowrap;align-items:center;gap:4px;font-size:8px;font-weight:750;display:flex}.top-layout-tools input{accent-color:#ffe000;margin:0}.top-gap-control{grid-area:2/3;justify-self:end;position:static}.spread-zoom-control{flex:none;align-items:center;gap:5px;height:30px;display:flex}.spread-editor-toolbar .spread-zoom-control button{color:#fff;cursor:pointer;background:#68696d;border:1px solid #77787b;border-radius:3px;justify-content:center;align-items:center;width:30px;min-height:30px;padding:0;display:flex}.spread-zoom-control button:disabled{opacity:.35;cursor:default}.spread-zoom-control input{accent-color:#168cff;width:105px;margin:0}.spread-zoom-control output{color:#ffe000;text-align:center;background:#68696d;border:1px solid #77787b;border-radius:3px;min-width:46px;padding:7px 6px;font-size:8px;font-weight:850}.spread-inspector{z-index:75;border-radius:0;width:292px;transition:none;display:block;top:88px;bottom:0;right:0;transform:none}.spread-inspector:before{display:none}.spread-stage{padding-right:310px}.reference-export-tools .reference-export,.reference-export-tools .reference-export.jpeg-export{color:#fff;min-height:38px;box-shadow:none;background:#68696d;border:1px solid #85868a;border-radius:4px;padding:0 13px}.reference-export-tools .reference-export:hover:not(:disabled){background:#77787b;border-color:#a5a6aa}.reference-export-tools .reference-export svg{width:20px;height:20px}.spread-inspector .align-actions{grid-template-columns:1fr 1fr}.spread-inspector .align-actions .align-both{grid-column:1/-1}.vignette-editor-shell .workflow-mode-links{grid-template-columns:1fr 1fr;gap:7px;min-width:310px;height:62px;display:grid}.vignette-editor-shell .workflow-mode-links .workflow-album-link{min-width:0;padding:0 9px}.vignette-editor-shell .workflow-teachers-link{color:#f4f4f4;cursor:pointer;background:#68696d;border:1px solid #85868b;border-radius:4px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:62px;padding:0 11px;font-size:9px;font-weight:800;display:flex}.vignette-editor-shell .workflow-teachers-link:hover{border-color:#ffe000}.vignette-editor-shell .workflow-teachers-link svg{color:#ffe000;width:16px}.vignette-editor-shell .workflow-bar.teachers-workflow{grid-template-columns:210px 190px 190px minmax(220px,1fr) auto}.teacher-csv-card svg{color:#ffe000}@media (max-width:1200px){.vignette-editor-shell .workflow-bar.teachers-workflow{grid-template-columns:1fr 1fr 1fr}.vignette-editor-shell .workflow-mode-links{min-width:0}.vignette-editor-shell .workflow-bar.teachers-workflow .match-status{display:none}}.spread-workflow-mode-links{z-index:42;grid-template-columns:188px 188px;gap:9px;height:62px;display:grid;position:fixed;top:96px;left:12px}.spread-workflow-mode-links button{color:#fff;cursor:pointer;background:#68696d;border:1px solid #85868a;border-radius:4px;justify-content:center;align-items:center;gap:9px;font-size:10px;font-weight:800;display:flex}.spread-workflow-mode-links button:hover,.spread-workflow-mode-links button:last-child{border-color:#ffe000}.spread-workflow-mode-links svg{color:#ffe000;width:19px}.album-story-strip{top:126px}.spread-stage{padding-top:138px}.spread-design-canvas{max-height:calc(100vh - 160px)}.spread-workflow-mode-links{left:auto;right:12px}.spread-inspector{top:126px}.spread-editor-toolbar{height:126px}.top-layout-tools{grid-column:1/3}.spread-workflow-mode-links{z-index:51;grid-template-columns:1fr 1fr;gap:7px;width:310px;height:62px;top:58px}.spread-workflow-mode-links button{gap:7px;min-height:62px;font-size:9px}.spread-workflow-mode-links svg{width:16px;height:16px}.spread-project-heading{color:#fff;grid-area:1/1;align-self:center;min-width:0}.spread-project-heading .eyebrow{color:#c2c3c5;letter-spacing:.18em;text-transform:uppercase;font-size:8px;font-weight:800;display:block}.spread-project-heading h1{color:#fff;letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:360px;margin:2px 0 0;font-size:16px;font-weight:850;line-height:1.05;overflow:hidden}.spread-editor-toolbar .top-layout-tools{position:relative;top:12px}.spread-editor-toolbar>.spread-zoom-control{grid-area:2/2;place-self:center;position:relative;top:12px}.vignette-row-controls{border-top:1px solid #77787a;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;display:flex}.vignette-row-controls>strong{color:#fff;font-size:9px}.vignette-row-control{flex-direction:column;gap:4px;display:flex}.vignette-row-control header,.vignette-row-control>div{align-items:center;gap:6px;display:flex}.vignette-row-control header{color:#ddd;justify-content:space-between;font-size:8px;font-weight:750}.vignette-row-control output{color:#ffe000}.vignette-row-control input{accent-color:#ffe000;flex:1;min-width:0;margin:0}.vignette-row-control button{flex:none;place-items:center;width:29px;height:29px;padding:0;display:grid}.vignette-row-control button svg{width:14px;height:14px}.vignette-row-heading-actions{align-items:center;gap:6px;display:flex}.vignette-row-heading-actions button{color:#ffd0d0;border-color:#936f73;width:23px;height:23px}.vignette-row-heading-actions button:hover:not(:disabled){border-color:#ff858f}.vignette-row-heading-actions button:disabled{opacity:.35;cursor:not-allowed}.vignette-row-heading-actions button svg{width:12px;height:12px}.vignette-editor-shell .vignette-row-control button{color:#f5f5f5;cursor:pointer;background:#68696d;border:1px solid #7c7d81;border-radius:3px}.vignette-editor-shell .vignette-row-control button:hover:not(:disabled){color:#ffe000;border-color:#ffe000}.vignette-editor-shell .vignette-row-heading-actions button{color:#ffd0d0;background:#6b5052;border-color:#936f73}.vignette-row-controls>.add-vignette-row,.vignette-row-controls>.reset-vignette-rows{color:#fff;cursor:pointer;background:#68696d;border:1px solid #7c7d81;border-radius:3px;width:100%;min-height:32px;margin:0;padding:7px 9px;font-size:9px;font-weight:800;line-height:1.2}.vignette-row-controls>.add-vignette-row{color:#292a2c;background:#e2c900;border-color:#b7a72c}.vignette-row-controls>.add-vignette-row:hover{background:#ffe000;border-color:#ffe000}.vignette-row-controls>.reset-vignette-rows:hover:not(:disabled){border-color:#ffe000}.vignette-row-controls>.reset-vignette-rows:disabled{opacity:.4;cursor:not-allowed}@media (max-width:900px){.spread-editor-toolbar{grid-template-columns:auto minmax(100px,1fr) auto}.top-layout-tools label{font-size:0}.top-layout-tools label input{width:14px;height:14px}.editor-project-status small{display:none}.top-gap-control input{width:70px}}.reference-nav-tools .vignette-mode-link{background:#6b6c70;border-radius:4px;gap:6px;width:auto;padding:0 11px;font-size:10px;font-weight:800}.reference-nav-tools .vignette-mode-link:hover{color:#333;background:#ffe000}.reference-nav-tools .vignette-mode-link span{display:inline}.vignette-editor-shell{background:#a8a9ab;height:100vh;padding-top:50px;overflow:hidden}.vignette-editor-shell .topbar{z-index:45;background:#57585a;border-bottom:1px solid #797a7c;height:50px;padding:0 12px;position:fixed;inset:0 0 auto}.vignette-editor-shell .topbar h1{letter-spacing:-.02em;margin:1px 0 0;font-size:16px}.vignette-editor-shell .topbar h1 strong{color:#ffe000}.vignette-editor-shell .topbar .eyebrow{color:#c2c3c5;font-size:8px}.vignette-editor-shell .export-actions{gap:7px}.vignette-editor-shell .editor-mode-link,.vignette-editor-shell .jpeg-button,.vignette-editor-shell .psd-button,.vignette-editor-shell .photopea-button,.vignette-editor-shell .primary-button{color:#f4f4f4;background:#68696d;border:1px solid #77787c;border-radius:4px;min-height:34px;padding:0 11px;font-size:9px}.vignette-editor-shell .primary-button{color:#303034;background:#ffe000;border-color:#ddc700}.vignette-editor-shell .editor-mode-link:hover,.vignette-editor-shell .jpeg-button:hover,.vignette-editor-shell .psd-button:hover,.vignette-editor-shell .photopea-button:hover:not(:disabled){border-color:#ffe000}.vignette-editor-shell .photopea-button{white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.vignette-editor-shell .photopea-button:disabled{cursor:not-allowed;opacity:.5}.vignette-editor-shell .photopea-button svg{width:18px;height:18px}.vignette-editor-shell .workflow-bar{background:#66676a;border-bottom:1px solid #77787a;grid-template-columns:220px 220px 175px 175px minmax(190px,1fr);gap:7px;min-height:76px;padding:7px 10px}.vignette-editor-shell .template-picker,.vignette-editor-shell .action-card{color:#fff;background:#737478;border:1px solid #85868b;border-radius:4px;padding:7px 9px}.vignette-editor-shell .template-picker>svg,.vignette-editor-shell .action-card>svg{color:#ffe000}.vignette-editor-shell .template-picker strong,.vignette-editor-shell .action-card strong,.vignette-editor-shell .match-status strong{font-size:9px}.vignette-editor-shell .template-picker small,.vignette-editor-shell .action-card small,.vignette-editor-shell .match-status small,.vignette-editor-shell .category-summary{color:#d0d1d3}.vignette-editor-shell .template-picker select{color:#fff;background:#525356;border-color:#88898d;border-radius:3px}.vignette-editor-shell .match-status{color:#fff;padding:0 10px}.vignette-editor-shell .status-dot{box-shadow:none;background:#8ad5ad}.vignette-editor-shell .workspace{background:#a8a9ab;grid-template-columns:220px minmax(600px,1fr);height:calc(100vh - 126px);min-height:0}.vignette-editor-shell .sidebar{scrollbar-color:#6f7073 #999a9d;background:#8f9093;border-right:1px solid #77787a}.vignette-editor-shell .panel-heading{padding:14px 12px 10px}.vignette-editor-shell .panel-heading h2{color:#fff;font-size:15px}.vignette-editor-shell .panel-heading .eyebrow{color:#dedfe0}.vignette-editor-shell .count-badge{color:#fff;background:#68696d;border-color:#77787a;border-radius:3px}.vignette-editor-shell .layout-tools{grid-template-columns:1fr 68px;padding:0 9px 9px}.vignette-editor-shell .layout-tools button,.vignette-editor-shell .layout-tools label{color:#303136;background:#a2a3a6;border-color:#77787a;border-radius:3px}.vignette-editor-shell .student-list{padding:0 7px 14px}.vignette-editor-shell .student-row{color:#242529;border-radius:3px;padding:7px}.vignette-editor-shell .student-row:hover,.vignette-editor-shell .student-row.active{background:#ffe000}.vignette-editor-shell .student-index{border-radius:3px}.vignette-editor-shell .student-row small{color:#55565a}.vignette-editor-shell .workspace,.vignette-editor-shell .participants-sidebar{transition:grid-template-columns .2s,width .2s}.vignette-editor-shell .workspace.participants-collapsed{grid-template-columns:42px minmax(600px,1fr)}.participants-heading-actions{align-items:center;gap:5px;display:flex}.participants-collapse-button{color:#fff;cursor:pointer;background:#68696d;border:1px solid #77787a;border-radius:3px;flex:none;place-items:center;width:27px;height:27px;padding:0;display:grid}.participants-collapse-button:hover{color:#ffe000;border-color:#ffe000}.participants-collapse-button svg{width:15px}.vignette-editor-shell .participants-sidebar.collapsed{overflow:hidden}.vignette-editor-shell .participants-sidebar.collapsed .panel-heading{align-items:flex-start;height:100%;padding:10px 7px}.vignette-editor-shell .participants-sidebar.collapsed .panel-heading>div:first-child,.vignette-editor-shell .participants-sidebar.collapsed .count-badge,.vignette-editor-shell .participants-sidebar.collapsed .layout-tools,.vignette-editor-shell .participants-sidebar.collapsed .student-list{display:none}.vignette-editor-shell .participants-sidebar.collapsed .participants-heading-actions{display:block}.vignette-editor-shell .canvas-stage{background:#a8a9ab;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:18px 24px;display:flex}.vignette-editor-shell .canvas-toolbar{color:#f1f1f2;background:#77787b;border:1px solid #85868a;border-radius:3px;align-items:center;gap:12px;width:min(100%,1100px);margin:0 auto 8px;padding:6px 8px;display:flex}.vignette-editor-shell .canvas-toolbar>span:last-child{margin-left:auto}.vignette-editor-shell .spread{border:1px solid #8d8e91;flex:none;width:min(100%,140.5vh - 255.71px);min-width:0;box-shadow:0 2px 7px #0005}.vignette-editor-shell .canvas-stage{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.vignette-editor-shell .canvas-stage.canvas-panning,.vignette-editor-shell .canvas-stage.canvas-panning .spread{cursor:grabbing}.vignette-page-tabs{cursor:default;touch-action:auto;gap:6px;width:min(100%,1100px);margin:0 auto 10px;display:flex;overflow-x:auto}.vignette-page-tabs button{color:#f7f7f8;cursor:pointer;background:#898a8e;border:1px solid #77787c;border-radius:4px;flex-direction:column;align-items:flex-start;gap:2px;min-width:112px;padding:7px 10px;display:flex}.vignette-page-tabs button.active{background:#65666a;border-color:#ffe000;box-shadow:inset 0 -3px #ffe000}.vignette-page-tabs b{font-size:11px}.vignette-page-tabs small{color:#dedee0;font-size:9px}.vignette-background-image{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.vignette-background-image img{pointer-events:none;max-width:none;position:absolute}.canvas-stage.background-editing,.canvas-stage.background-editing .spread{cursor:move}.vignette-decoration-elements{z-index:1;pointer-events:none;position:absolute;inset:0}.vignette-decoration-visual{pointer-events:none;display:block;position:absolute}.vignette-decoration-visual img{object-fit:fill;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.vignette-decoration-hitbox{z-index:20;cursor:move;touch-action:none;background:#7248f50d;border:2px dashed #7248f5;padding:0;position:absolute}.vignette-decoration-hitbox:hover,.vignette-decoration-hitbox:focus-visible{background:#7248f51f;box-shadow:0 0 0 2px #fff9}.vignette-decoration-hitbox>span{color:#fff;pointer-events:none;background:#7248f5;border-radius:3px;place-items:center;width:20px;height:20px;font-size:12px;display:grid;position:absolute;top:4px;right:25px}.template-slots{z-index:3}.template-teacher{z-index:4}.vignette-editor-shell .inspector{z-index:48;color:#f1f1f2;scrollbar-color:#85868a #4d4e51;background:#57585b;border:1px solid #747579;border-right:0;width:292px;padding:16px;transition:transform .22s cubic-bezier(.2,.75,.25,1);position:fixed;top:50px;bottom:0;right:0;overflow:auto;transform:translate(calc(100% - 8px));box-shadow:-5px 0 18px #0003}.vignette-editor-shell .inspector:before{content:"";border-left:2px solid #ffe00055;width:26px;position:absolute;top:0;bottom:0;left:-18px}.vignette-editor-shell .inspector:hover,.vignette-editor-shell .inspector:focus-within{transform:translate(0)}.vignette-editor-shell .inspector>.eyebrow{color:#b8b9bc}.vignette-editor-shell .inspector h2{color:#fff}.vignette-editor-shell .inspector label{color:#d1d2d4;font-size:9px}.vignette-editor-shell .inspector input,.vignette-editor-shell .inspector textarea,.vignette-editor-shell .inspector select{color:#f5f5f5;background:#48494c;border-color:#77787c;border-radius:3px}.vignette-editor-shell .inspector input[type=range]{accent-color:#ffe000;background:0 0;border:0}.vignette-editor-shell .inspector .secondary-button,.vignette-editor-shell .student-layout-actions button,.vignette-editor-shell .photo-source-actions label,.vignette-editor-shell .photo-source-actions button{color:#f2f2f3;background:#68696d;border-color:#77787c;border-radius:3px}.vignette-editor-shell .inspector hr{border-top-color:#747579}.vignette-editor-shell .inspector summary{color:#fff}@media (max-width:1100px){.vignette-editor-shell .workflow-bar{grid-template-columns:1fr 1fr 1fr 1fr}.vignette-editor-shell .match-status{display:none}.vignette-editor-shell .workspace{grid-template-columns:180px minmax(560px,1fr)}.vignette-editor-shell .topbar h1{display:none}}@media (prefers-reduced-motion:reduce){.vignette-editor-shell .inspector{transition:none}}@media (max-width:1100px){.vignette-editor-shell .workflow-bar{grid-template-columns:1fr 1fr 1fr}}.vignette-editor-shell .vignette-print-picker>select{grid-column:auto;min-width:0}@media (max-width:1200px){.vignette-editor-shell .workflow-bar{grid-template-columns:220px 190px 160px 160px 1fr}.vignette-editor-shell .match-status{padding:0 4px}}@media (max-width:1100px){.vignette-editor-shell .workflow-bar{grid-template-columns:1.25fr 1fr 1fr 1fr}.vignette-editor-shell .match-status{display:none}}.vignette-editor-shell .vignette-print-picker{grid-template-columns:28px 145px 1fr;overflow:visible}.vignette-editor-shell .vignette-print-picker>span{grid-column:2/-1}.vignette-editor-shell .vignette-print-picker>select{grid-column:auto;min-width:0;height:30px;padding:4px 28px 4px 9px;font-size:12px;font-weight:750}.vignette-editor-shell .vignette-print-picker>select:last-child{width:100%}.vignette-editor-shell .vignette-print-picker optgroup{color:#ffe66a;background:#3f4043;font-size:14px;font-weight:850}.vignette-editor-shell .vignette-print-picker option{color:#fff;background:#505155;padding:7px 10px;font-size:13px;font-weight:700;line-height:1.65}@media (max-width:1350px){.vignette-editor-shell .workflow-bar{grid-template-columns:320px 190px 160px 160px 1fr}.vignette-editor-shell .vignette-print-picker{grid-template-columns:28px 120px 1fr}}@media (max-width:1100px){.vignette-editor-shell .workflow-bar{grid-template-columns:1.4fr 1fr 1fr 1fr}.vignette-editor-shell .match-status{display:none}}.vignette-editor-shell .canvas-toolbar label{color:#f2f2f3;align-items:center;gap:5px;font-size:9px;font-weight:750;display:flex}.vignette-editor-shell .canvas-toolbar input{accent-color:#ffe000}.vignette-bleed-guide,.vignette-safe-guide,.vignette-fold-guide{z-index:20;pointer-events:none;position:absolute}.photopea-returned-preview{pointer-events:none;z-index:19;position:absolute;inset:0}.photopea-returned-preview img{object-fit:fill;width:100%;height:100%;display:block}.vignette-bleed-guide{border:1px dashed #ff9c3d}.vignette-safe-guide{border:1px dashed #48b4ff}.vignette-fold-guide{border-left:1px dashed #ef3e7b;top:0;bottom:0;left:50%}.vignette-zoom-control{align-items:center;gap:5px;display:flex}.vignette-zoom-control button{color:#fff;cursor:pointer;background:#68696d;border:1px solid #929398;border-radius:3px;place-items:center;width:25px;height:25px;padding:0;display:grid}.vignette-zoom-control button:disabled{opacity:.35;cursor:default}.vignette-zoom-control button:hover:not(:disabled){border-color:#ffe000}.vignette-zoom-control button svg{width:12px}.vignette-zoom-control input{width:105px;margin:0}.vignette-zoom-control .zoom-value{color:#ffe000;width:42px;font-size:8px;font-weight:800}.project-wizard-shell{color:#f5f5f5;background:radial-gradient(circle at 50% 10%,#77787c 0,#4d4e51 48%,#36373a 100%);place-items:center;min-height:100vh;padding:42px 20px;display:grid}.project-wizard-card{background:#57585b;border:1px solid #85868b;border-radius:8px;width:min(880px,100%);overflow:hidden;box-shadow:0 24px 70px #0006}.project-wizard-card>header{border-bottom:1px solid #737478;padding:24px 28px 20px}.project-wizard-card>header span{color:#ffe000;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:850}.project-wizard-card>header h1{margin:5px 0 7px;font-size:27px}.project-wizard-card>header p{color:#c9cacc;margin:0;font-size:11px;line-height:1.5}.project-csv-drop{background:#4b4c4f;border:1px dashed #929398;border-radius:5px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;margin:20px 28px 0;padding:16px;display:grid}.project-csv-drop.ready{background:#5f5c45;border-color:#9d9235}.project-csv-drop>svg{color:#ffe000;width:30px}.project-csv-drop>div{flex-direction:column;min-width:0;display:flex}.project-csv-drop strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.project-csv-drop small{color:#bfc0c3;margin-top:4px;font-size:9px}.project-csv-drop>label{color:#292a2c;cursor:pointer;background:#e2c900;border:1px solid #b7a72c;border-radius:4px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:9px;font-weight:850;display:flex;position:relative}.project-csv-drop>label svg{width:14px}.project-csv-drop>label input{opacity:0;cursor:pointer;position:absolute;inset:0}.project-fields{grid-template-columns:1fr 1fr;gap:12px;padding:18px 28px 0;display:grid}.project-fields label,.project-format-selects label{color:#d4d5d7;font-size:9px;font-weight:750}.project-fields input,.project-format-selects select{color:#fff;background:#48494c;border:1px solid #77787c;border-radius:4px;outline:0;width:100%;margin-top:6px;padding:10px 11px;font-size:11px}.project-fields input:focus,.project-format-selects select:focus{border-color:#ffe000}.project-name-field{grid-column:1/-1}.project-name-field input{font-size:14px;font-weight:750}.project-format-step{background:#626367;border:1px solid #737478;border-radius:5px;margin:20px 28px 0;padding:16px}.project-format-step h2{margin:0 0 12px;font-size:14px}.project-format-selects{grid-template-columns:190px minmax(0,1fr);gap:12px;display:grid}.project-wizard-error{color:#ffd2d2;background:#6b5052;border:1px solid #9a6666;border-radius:4px;margin:14px 28px 0;padding:9px 11px;font-size:10px}.project-wizard-card>footer{background:#505154;border-top:1px solid #737478;align-items:center;gap:15px;margin-top:20px;padding:16px 28px;display:flex}.project-wizard-card>footer span{color:#bfc0c3;margin-right:auto;font-size:9px}.project-wizard-card>footer button{color:#292a2c;cursor:pointer;background:#ffe000;border:1px solid #ddc700;border-radius:4px;align-items:center;gap:7px;min-height:38px;padding:0 16px;font-size:10px;font-weight:850;display:flex}.project-wizard-card>footer button:disabled{opacity:.35;cursor:default}.project-wizard-card>footer svg{width:15px}@media (max-width:700px){.project-wizard-shell{padding:12px}.project-fields,.project-format-selects{grid-template-columns:1fr}.project-name-field{grid-column:auto}.project-csv-drop{grid-template-columns:32px 1fr}.project-csv-drop>label{grid-column:1/-1;justify-content:center}.project-wizard-card>footer{flex-direction:column;align-items:stretch}.project-wizard-card>footer button{justify-content:center}}.project-wizard-card>footer .wizard-back{color:#fff;background:#68696d;border-color:#77787c}.projects-library-shell{color:#f5f5f5;background:#4b4c4f;min-height:100vh;padding:28px}.projects-library-page{width:min(1200px,100%);margin:auto}.projects-library-page>header{border-bottom:1px solid #707175;align-items:flex-end;gap:20px;padding:0 0 20px;display:flex}.projects-library-page>header>div{margin-right:auto}.projects-library-page>header span{color:#ffe000;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:850}.projects-library-page>header h1{margin:4px 0;font-size:28px}.projects-library-page>header p{color:#bfc0c3;margin:0;font-size:10px}.projects-library-page>header button{color:#292a2c;cursor:pointer;background:#ffe000;border:1px solid #ddc700;border-radius:4px;align-items:center;gap:7px;min-height:38px;padding:0 14px;font-size:10px;font-weight:850;display:flex}.projects-library-page>header svg{width:15px}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:15px;padding:20px 0;display:grid}.projects-grid>article{background:#57585b;border:1px solid #707175;border-radius:6px;grid-template-columns:96px minmax(0,1fr);min-width:0;display:grid;overflow:hidden;box-shadow:0 8px 22px #0002}.projects-grid>article.active{border-color:#d3be23;box-shadow:0 0 0 1px #d3be23,0 8px 22px #0003}.project-card-preview{color:#ffe000;background:#696a6e;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:150px;display:flex}.project-card-preview svg{width:30px}.project-card-preview span{color:#fff;font-size:10px;font-weight:800}.project-card-copy{min-width:0;padding:14px}.project-card-copy>span{color:#ffe000;font-size:8px;font-weight:800}.project-card-copy h2{text-overflow:ellipsis;white-space:nowrap;margin:4px 0 5px;font-size:15px;overflow:hidden}.project-card-copy p{color:#c2c3c5;margin:0 0 10px;font-size:8px}.project-card-copy dl{margin:0}.project-card-copy dl div{border-top:1px solid #68696d;gap:8px;padding:4px 0;font-size:8px;display:flex}.project-card-copy dt{color:#aaa}.project-card-copy dd{text-overflow:ellipsis;white-space:nowrap;max-width:130px;margin:0 0 0 auto;overflow:hidden}.project-card-actions{background:#505154;border-top:1px solid #707175;grid-column:1/-1;gap:6px;padding:8px;display:flex}.project-card-actions button{color:#fff;cursor:pointer;background:#68696d;border:1px solid #77787c;border-radius:3px;justify-content:center;align-items:center;gap:5px;min-height:31px;padding:0 10px;font-size:9px;font-weight:750;display:flex}.project-card-actions button:first-child{color:#292a2c;background:#e2c900;border-color:#b7a72c}.project-card-actions .danger{color:#ffd2d2;background:#6b5052;border-color:#936666;width:34px;margin-left:auto;padding:0}.project-card-actions svg{width:13px}.project-edit-fields{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:9px;padding:14px;display:grid}.project-edit-fields label{color:#d1d2d4;font-size:8px;font-weight:750}.project-edit-fields input,.project-edit-fields select{color:#fff;background:#48494c;border:1px solid #77787c;border-radius:3px;width:100%;margin-top:4px;padding:8px;font-size:9px}.projects-empty{color:#aaa;place-items:center;padding:70px;display:grid}.projects-empty svg{width:38px}.projects-empty p{font-size:11px}@media (max-width:650px){.projects-library-shell{padding:16px}.projects-library-page>header{flex-direction:column;align-items:stretch}.projects-library-page>header button{justify-content:center}.projects-grid,.project-edit-fields{grid-template-columns:1fr}.project-edit-fields label:last-child{grid-column:auto}}.projects-grid{flex-direction:column;gap:10px;display:flex}.projects-grid>article{grid-template-columns:112px minmax(0,1fr) auto;width:100%;min-height:126px}.project-card-preview{min-height:124px}.project-card-copy{flex-direction:column;justify-content:center;padding:15px 18px;display:flex}.project-card-copy h2{font-size:17px}.project-card-copy dl{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 18px;max-width:620px;display:grid}.project-card-actions{border-top:0;border-left:1px solid #707175;flex-direction:column;grid-area:1/3;justify-content:center;min-width:138px;padding:12px}.project-card-actions button{width:100%}.project-card-actions .danger{width:100%;margin:0}.project-edit-fields{grid-area:1/1/auto/3;grid-template-columns:1fr 1fr 1fr;align-content:center}.project-edit-fields label:last-child{grid-column:auto}.project-csv-replace{color:#fff;cursor:pointer;background:#68696d;border:1px solid #77787c;border-radius:3px;justify-content:center;align-items:center;gap:5px;width:100%;min-height:31px;padding:0 9px;font-size:9px;font-weight:750;display:flex;position:relative}.project-csv-replace input{opacity:0;cursor:pointer;position:absolute;inset:0}.project-csv-replace svg{width:13px}.vignette-editor-shell .workflow-bar>.template-picker,.vignette-editor-shell .workflow-bar>.action-card{box-sizing:border-box;width:100%;min-height:62px}.vignette-editor-shell .workflow-bar>.template-picker{grid-template-rows:auto 30px;grid-template-columns:28px minmax(0,1fr)}.vignette-editor-shell .workflow-bar>.template-picker>select{grid-column:1/-1;width:100%}.vignette-editor-shell .workflow-bar>.action-card{grid-template-columns:28px minmax(0,1fr);align-items:center;display:grid}@media (max-width:1100px){.vignette-editor-shell .workflow-bar{grid-template-columns:1fr 1fr}.vignette-editor-shell .match-status{display:none}}@media (max-width:760px){.projects-grid>article{grid-template-columns:82px minmax(0,1fr)}.project-card-preview{min-height:120px}.project-card-copy dl{grid-template-columns:1fr}.project-card-actions{border-top:1px solid #707175;border-left:0;flex-direction:row;grid-area:auto/1/auto/-1;min-width:0}.project-card-actions .danger{width:34px;margin-left:auto}.project-edit-fields{grid-column:1/-1;grid-template-columns:1fr}.project-edit-fields label:last-child{grid-column:auto}}.vignette-editor-shell .template-teacher{height:auto;display:block}.vignette-editor-shell .template-teacher .teacher-photo{width:100%;height:auto;display:block;position:relative;inset:auto}.vignette-editor-shell .template-teacher .teacher-copy{text-align:center;margin-top:.55cqw;padding:0;position:static}.vignette-editor-shell .template-teacher .teacher-copy strong{font-size:1.05cqw;line-height:1.12;display:block}.vignette-editor-shell .template-teacher .teacher-copy small{margin-top:.28cqw;font-size:.58cqw;line-height:1.2;display:block}.vignette-editor-shell .template-teacher .teacher-copy p{white-space:pre-wrap;overflow-wrap:anywhere;width:100%;max-width:100%;margin:.7cqw 0 0;font-size:.52cqw;line-height:1.35}.teacher-message-toggle{cursor:pointer;background:#4b4c4f;border:1px solid #77787c;border-radius:3px;align-items:center;gap:8px;padding:9px;margin:10px 0!important;display:flex!important}.teacher-message-toggle input{accent-color:#ffe000;width:auto!important;margin:0!important}.vignette-spacing-controls{background:#626367;border:1px solid #737478;border-radius:4px;margin:0 0 15px;padding:11px}.vignette-spacing-controls>strong{color:#fff;margin-bottom:9px;font-size:10px;display:block}.vignette-spacing-controls label{margin-top:8px!important}.vignette-spacing-controls output{float:right;color:#ffe000!important}.vignette-spacing-controls input{margin-top:5px!important}.vignette-spacing-controls>button{color:#fff;cursor:pointer;background:#6d6e72;border:1px solid #7c7d81;border-radius:3px;width:100%;margin-top:10px;padding:7px;font-size:9px;font-weight:750}.vignette-spacing-controls>button:hover{border-color:#ffe000}.vignette-editor-shell .student-layout-actions .delete-frame-action{color:#ffd2d2;border-color:#9a6666;grid-column:1/-1}.vignette-editor-shell .student-layout-actions .delete-frame-action:hover{border-color:#ff8f8f}.empty-frame-properties p{color:#d0d1d3;font-size:9px;line-height:1.45}.delete-empty-frame{color:#ffd2d2;cursor:pointer;background:#6b5052;border:1px solid #9a6666;border-radius:3px;justify-content:center;align-items:center;gap:6px;width:100%;padding:9px;font-size:9px;font-weight:800;display:flex}.delete-empty-frame:hover{border-color:#ff8f8f}.delete-empty-frame svg{width:14px}.frame-size-controls{background:#626367;border:1px solid #737478;border-radius:4px;margin:0 0 15px;padding:11px}.frame-size-controls>strong{color:#fff;font-size:10px}.frame-size-controls label{margin-top:8px!important}.frame-size-controls output{float:right;color:#ffe000!important}.frame-size-controls input{margin-top:5px!important}.frame-size-controls>button{color:#fff;cursor:pointer;background:#6d6e72;border:1px solid #7c7d81;border-radius:3px;width:100%;margin-top:10px;padding:7px;font-size:9px;font-weight:750}.frame-size-controls>button:hover{border-color:#ffe000}.frame-size-controls>small{color:#bfc0c3;margin-top:8px;font-size:8px;line-height:1.4;display:block}.frame-size-controls>.synchronize-frame-size{color:#292a2c;background:#e2c900;border-color:#b7a72c}.frame-size-controls>.synchronize-frame-size:hover{background:#ffe000;border-color:#ffe000}.frame-size-controls>.synchronize-label-position{color:#292a2c;background:#e2c900;border-color:#b7a72c}.frame-size-controls>.synchronize-label-position:hover{background:#ffe000;border-color:#ffe000}.label-size-control{grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:7px;margin-top:5px;display:grid}.label-size-control button{color:#fff;cursor:pointer;background:#6d6e72;border:1px solid #7c7d81;border-radius:3px;height:30px;padding:0;font-size:16px;font-weight:800}.label-size-control button:hover{color:#ffe000;border-color:#ffe000}.label-size-control input{width:100%;margin:0!important}@media (min-width:761px){.vignette-editor-shell .workspace{grid-template-columns:220px minmax(0,1fr) 292px}.vignette-editor-shell .workspace.participants-collapsed{grid-template-columns:42px minmax(0,1fr) 292px}.vignette-editor-shell .inspector{z-index:auto;border:0;border-left:1px solid #747579;border-radius:0;width:auto;min-width:0;height:100%;padding:14px;transition:none;position:static;transform:none;box-shadow:-2px 0 8px #0002}.vignette-editor-shell .inspector:before{display:none}.vignette-editor-shell .inspector:hover,.vignette-editor-shell .inspector:focus-within{transform:none}}@media (min-width:761px) and (max-width:1100px){.vignette-editor-shell .workspace{grid-template-columns:180px minmax(0,1fr) 270px}.vignette-editor-shell .workspace.participants-collapsed{grid-template-columns:42px minmax(0,1fr) 270px}}@media (max-width:760px){.vignette-editor-shell .inspector{width:auto;height:auto;box-shadow:none;position:static;transform:none}}.slot-photo .custom-png-frame{z-index:2;object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.frame-move-handle{z-index:12;color:#4931ed;cursor:move;touch-action:none;background:#fff;border:1px solid #6a55ff;border-radius:3px;place-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:grid;position:absolute;top:3px;right:3px;box-shadow:0 1px 5px #0004}.frame-move-handle:hover{color:#292a2c;background:#ffe000}.frame-snap-guide{z-index:35;pointer-events:none;background:#00a8ff;position:absolute;box-shadow:0 0 0 1px #fff8}.frame-snap-guide.vertical{width:1px;top:0;bottom:0}.frame-snap-guide.horizontal{height:1px;left:0;right:0}.teacher-move-handle{z-index:12;color:#4931ed;cursor:move;touch-action:none;background:#fff;border:1px solid #6a55ff;border-radius:3px;place-items:center;width:25px;height:25px;font-size:15px;display:grid;position:absolute;top:3px;right:3px;box-shadow:0 1px 5px #0004}.teacher-move-handle:hover{color:#292a2c;background:#ffe000}.teacher-resize-handle{z-index:14;cursor:nwse-resize;touch-action:none;border:2px solid #fff;border-radius:2px;bottom:-5px;right:-5px;box-shadow:0 0 0 1px #3924c9,0 1px 4px #0005;background:#6048ff!important;width:13px!important;height:13px!important;display:block!important;position:absolute!important}.teacher-resize-handle:hover{background:#ffe000!important}.custom-photo-aperture{z-index:1;background:#eef0f2;display:block;position:absolute;overflow:hidden}.custom-photo-aperture>span{place-items:center;width:100%;height:100%;display:grid}.custom-photo-aperture img{pointer-events:none}.custom-frame-controls{background:#626367;border:1px solid #737478;border-radius:4px;margin:0 0 15px;padding:11px}.custom-frame-controls>strong{color:#fff;font-size:10px}.custom-frame-controls p{color:#cfd0d2;overflow-wrap:anywhere;margin:7px 0 0;font-size:8px;line-height:1.4}.custom-frame-controls p b{color:#ffe000}.custom-frame-upload,.custom-frame-controls>button{cursor:pointer;justify-content:center;align-items:center;gap:6px;width:100%;min-height:32px;color:#292a2c!important;background:#e2c900!important;border:1px solid #8c833c!important;border-radius:3px!important;margin-top:9px!important;padding:7px!important;font-size:9px!important;font-weight:800!important;display:flex!important}.custom-frame-upload{position:relative}.custom-frame-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.custom-frame-upload svg,.custom-frame-controls>button svg{width:14px;height:14px}.custom-frame-controls>button{color:#fff!important;background:#6d6e72!important;border-color:#7c7d81!important}.custom-frame-upload:hover{background:#ffe000!important;border-color:#ffe000!important}.custom-frame-controls>button:hover{border-color:#ffe000!important}.background-image-controls>label:not(.custom-frame-upload){color:#f1f1f2;margin-top:9px;font-size:9px;font-weight:700;display:block}.background-image-controls output{float:right;color:#ffe000}.background-image-controls input[type=range]{accent-color:#ffe000;width:100%;margin-top:5px}.background-image-controls>button.active{color:#ffe000!important;border-color:#ffe000!important}.inspector-title{border-bottom:1px solid #747579;flex-direction:column;gap:4px;margin:-3px 0 12px;padding:0 2px 11px;display:flex}.inspector-title strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.inspector-accordion{background:#505154;border:1px solid #737478;border-radius:5px;margin:0 0 7px;overflow:hidden}.inspector-accordion>summary{color:#f4f4f5;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:7px;min-height:36px;padding:0 10px;font-size:10px;font-weight:800;list-style:none;display:flex}.inspector-accordion>summary::-webkit-details-marker{display:none}.inspector-accordion>summary:before{content:"›";color:#ffe000;font-size:17px;line-height:1;transition:transform .15s;transform:rotate(0)}.inspector-accordion[open]>summary:before{transform:rotate(90deg)}.inspector-accordion>summary span{color:#bfc0c3;text-overflow:ellipsis;white-space:nowrap;max-width:110px;margin-left:auto;font-size:8px;font-weight:650;overflow:hidden}.inspector-accordion[open]>summary{background:#5d5e62;border-bottom:1px solid #737478}.inspector-accordion>section{background:#57585b!important;border:0!important;border-radius:0!important;margin:0!important;padding:11px!important}.inspector-accordion+.inspector-accordion{margin-top:0}.teacher-settings-body{background:#57585b;padding:11px}.teacher-settings-body>label:first-child{margin-top:0!important}.decoration-controls>label:not(.custom-frame-upload){margin-top:9px!important}.decoration-controls output{float:right;color:#ffe000}.decoration-controls input[type=range]{accent-color:#ffe000;width:100%;margin-top:5px}.decoration-order-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;display:grid}.decoration-order-actions button{color:#fff;cursor:pointer;background:#68696d;border:1px solid #77787c;border-radius:3px;min-height:30px;padding:5px;font-size:8px}.decoration-order-actions button:disabled{opacity:.4}.decoration-controls .clear-decoration-selection{color:#fff!important;background:#68696d!important;border-color:#85868a!important}.decoration-controls .delete-decoration{color:#ffd2d2!important;background:#6b5052!important;border-color:#936666!important}.preset-library-controls{background:#626367;border:1px solid #8b8139;border-radius:4px;margin:0 0 15px;padding:11px}.preset-library-controls header{justify-content:space-between;align-items:center;display:flex}.preset-library-controls header strong{color:#fff;font-size:10px}.preset-library-controls header span{color:#292a2c;text-align:center;background:#ffe000;border-radius:10px;min-width:22px;padding:2px 5px;font-size:8px;font-weight:850}.preset-library-controls label{margin-top:8px!important}.preset-primary-actions{grid-template-columns:1fr auto;gap:6px;margin-top:8px;display:grid}.preset-primary-actions button,.preset-save-row button{color:#292a2c;cursor:pointer;background:#e2c900;border:1px solid #b7a72c;border-radius:3px;min-height:30px;padding:6px 9px;font-size:9px;font-weight:800}.preset-primary-actions .delete-preset{color:#ffd2d2;background:#6b5052;border-color:#936666}.preset-save-row{grid-template-columns:minmax(0,1fr) auto;gap:6px;margin-top:8px;display:grid}.preset-save-row input{min-width:0;margin:0!important;padding:7px!important}.preset-library-controls>small{color:#c4c5c8;margin-top:8px;font-size:8px;line-height:1.4;display:block}.font-library-picker{background:#56575a;border:1px solid #747579;border-radius:3px;margin-top:9px;padding:9px}.font-library-picker label{margin-top:0!important}.font-library-picker>label+label{margin-top:7px!important}.font-style-row{grid-template-columns:minmax(0,1fr) 72px;align-items:end;gap:7px;margin-top:7px;display:grid}.font-italic-toggle{cursor:pointer;background:#48494c;border:1px solid #77787c;border-radius:3px;justify-content:center;align-items:center;gap:5px;height:31px;display:flex!important}.font-italic-toggle input{width:auto!important;margin:0!important}.vignette-editor-shell .vignette-print-picker>select{font-size:13px}.vignette-editor-shell .vignette-print-picker option{font-size:14px}.vignette-editor-shell .vignette-print-picker optgroup{font-size:15px}@media (max-width:1450px){.vignette-editor-shell .workflow-bar{grid-template-columns:430px 190px 160px 160px 1fr}.vignette-editor-shell .vignette-print-picker{grid-template-columns:28px 120px 1fr}}@media (max-width:1100px){.vignette-editor-shell .workflow-bar{grid-template-columns:1.6fr 1fr 1fr 1fr}.vignette-editor-shell .match-status{display:none}}.vignette-editor-shell .workflow-bar{grid-template-columns:600px 210px 165px 165px minmax(170px,1fr)}.vignette-editor-shell .vignette-print-picker{grid-template-columns:28px 135px 1fr}@media (max-width:1450px){.vignette-editor-shell .workflow-bar{grid-template-columns:480px 185px 150px 150px 1fr}}@media (max-width:1100px){.vignette-editor-shell .workflow-bar{grid-template-columns:1.8fr 1fr 1fr 1fr}}.vignette-editor-shell .workflow-bar{grid-template-columns:230px 230px minmax(260px,1fr) auto;align-items:stretch}.vignette-editor-shell .workflow-bar>.template-picker,.vignette-editor-shell .workflow-bar>.action-card{box-sizing:border-box;width:100%;height:62px;min-height:62px}.vignette-editor-shell .workflow-bar>.template-picker{grid-template-rows:auto 27px;grid-template-columns:28px minmax(0,1fr);overflow:hidden}.vignette-editor-shell .workflow-bar>.template-picker>select{grid-column:1/-1;width:100%;height:27px}.vignette-editor-shell .workflow-album-link{color:#f4f4f4;cursor:pointer;background:#68696d;border:1px solid #85868b;border-radius:4px;justify-content:center;align-self:stretch;align-items:center;gap:7px;min-width:150px;min-height:62px;padding:0 14px;font-size:9px;font-weight:800;display:flex}.vignette-editor-shell .workflow-album-link:hover{border-color:#ffe000}.vignette-editor-shell .workflow-album-link svg{color:#ffe000;width:16px}@media (max-width:1100px){.vignette-editor-shell .workflow-bar{grid-template-columns:1fr 1fr}.vignette-editor-shell .match-status{display:none}.vignette-editor-shell .workflow-album-link{min-width:0}}.auto-template-backdrop{z-index:80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1d1e20b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.auto-template-dialog{color:#f5f5f5;background:#57585b;border:1px solid #85868b;border-radius:7px;grid-template-rows:auto minmax(0,1fr) auto;width:min(760px,100%);max-height:calc(100dvh - 24px);display:grid;overflow:hidden;box-shadow:0 24px 70px #0009}.auto-template-dialog>header{background:#626367;border-bottom:1px solid #737478;align-items:center;gap:15px;min-height:66px;padding:14px 17px;display:flex}.auto-template-dialog>header>div{margin-right:auto}.auto-template-dialog>header span{color:#ffe000;letter-spacing:.13em;text-transform:uppercase;font-size:8px;font-weight:850}.auto-template-dialog>header h2{margin:4px 0 0;font-size:18px}.auto-template-dialog>header button{color:#fff;cursor:pointer;background:#505154;border:1px solid #797a7e;border-radius:3px;place-items:center;width:30px;height:30px;padding:0;display:grid}.auto-template-dialog>header button svg{width:15px}.auto-template-dialog-body{overscroll-behavior:contain;scrollbar-color:#85868b #4d4e51;min-height:0;padding:18px;overflow:auto}.auto-template-dialog-body>p{color:#d0d1d3;margin:0 0 16px;font-size:10px;line-height:1.55}.auto-template-dialog-body>label{color:#fff;font-size:10px;font-weight:800;display:block}.auto-frame-range{accent-color:#ffe000;cursor:pointer;background:0 0;border:0;width:100%;height:18px;margin:9px 0 0;padding:0}.auto-frame-presets{grid-template-columns:repeat(8,1fr);gap:6px;margin-top:9px;display:grid}.auto-frame-presets button{color:#fff;cursor:pointer;background:#4b4c4f;border:1px solid #77787c;border-radius:3px;min-height:30px;font-size:9px;font-weight:800}.auto-frame-presets button:hover{border-color:#c5b42f}.auto-frame-presets button.active{color:#292a2c;background:#ffe000;border-color:#ffe000}.auto-frame-shape{border:0;grid-template-columns:repeat(2,1fr);gap:8px;margin:13px 0 0;padding:0;display:grid}.auto-frame-shape legend{color:#fff;margin-bottom:7px;font-size:10px;font-weight:800}.auto-frame-shape button{color:#fff;cursor:pointer;background:#4b4c4f;border:1px solid #77787c;border-radius:4px;justify-content:center;align-items:center;gap:9px;min-height:40px;font-size:10px;font-weight:800;display:flex}.auto-frame-shape button.active{border-color:#ffe000;box-shadow:0 0 0 1px #ffe000}.auto-frame-shape i{background:#e5e7ea22;border:2px solid;width:19px;height:27px;display:block}.auto-frame-shape .shape-rectangle-4x5{width:22px;height:27px}.auto-frame-shape .shape-square,.auto-frame-shape .shape-circle{width:24px;height:24px}.auto-frame-shape .shape-circle,.auto-preview-slot.circle,.auto-preview-teacher.circle{border-radius:50%}.auto-frame-count{grid-template-columns:38px minmax(0,1fr) 38px;gap:7px;margin-top:7px;display:grid}.auto-frame-count button,.auto-frame-count input{color:#fff;background:#48494c;border:1px solid #7a7b7f;border-radius:3px;height:40px}.auto-frame-count button{cursor:pointer;place-items:center;padding:0;display:grid}.auto-frame-count button:disabled{opacity:.35;cursor:default}.auto-frame-count button:not(:disabled):hover{color:#ffe000;border-color:#ffe000}.auto-frame-count button svg{width:15px}.auto-frame-count input{text-align:center;outline:0;width:100%;padding:0 10px;font-size:18px;font-weight:850}.auto-frame-count input:focus{border-color:#ffe000}.auto-template-summary{background:#4b4c4f;border-left:3px solid #ffe000;justify-content:space-between;align-items:center;gap:12px;margin-top:15px;padding:11px 12px;display:flex}.auto-template-summary strong{font-size:10px}.auto-template-summary span{color:#c6c7c9;text-align:right;font-size:8px}.auto-variant-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;margin-top:16px;display:grid}.auto-variant-grid>button{color:#fff;text-align:left;cursor:pointer;background:#4b4c4f;border:1px solid #77787c;border-radius:4px;min-width:0;padding:8px}.auto-variant-grid>button:hover{border-color:#c5b42f}.auto-variant-grid>button.active{border-color:#ffe000;box-shadow:0 0 0 1px #ffe000}.auto-variant-grid strong,.auto-variant-grid small{display:block}.auto-variant-grid strong{margin-top:7px;font-size:9px}.auto-variant-grid small{color:#bfc0c3;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:7px;overflow:hidden}.auto-variant-preview{aspect-ratio:4913/3496;background:#fff;border:1px solid #85868b;width:100%;display:block;position:relative;overflow:hidden}.auto-variant-preview i{display:block;position:absolute}.auto-preview-fold{z-index:3;border-left:1px dashed #ef3e7b;top:0;bottom:0;left:50%}.auto-preview-teacher{background:#8a8d94}.auto-preview-slot{background:#e5e7ea;border:1px solid #b5b8bf}.template-slot.frame-circle .slot-photo,.template-teacher.frame-circle .teacher-photo{border-radius:50%;overflow:hidden}.template-slot.frame-circle .custom-photo-aperture{border-radius:50%}.teacher-photo.has-custom-teacher-frame{border-radius:0}.teacher-photo-aperture{z-index:1;position:absolute;overflow:hidden}.teacher-photo-aperture img{position:absolute}.teacher-custom-png-frame{z-index:2;object-fit:fill;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.teacher-photo-editor footer{flex-wrap:wrap}.teacher-photo-editor footer>span{flex:1;min-width:180px}.auto-template-dialog>footer{background:#505154;border-top:1px solid #737478;justify-content:flex-end;gap:8px;padding:13px 17px;display:flex}.auto-template-dialog>footer button{cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:0 13px;font-size:9px;font-weight:850;display:flex}.auto-template-dialog>footer svg{width:14px}.auto-template-cancel{color:#fff;background:#68696d;border:1px solid #77787c}.auto-template-save{color:#292a2c;background:#ffe000;border:1px solid #ddc700}@media (max-width:520px){.auto-template-backdrop{padding:10px}.auto-frame-presets{grid-template-columns:repeat(4,1fr)}.auto-variant-grid{grid-template-columns:1fr}.auto-variant-preview{display:none}.auto-template-summary{flex-direction:column;align-items:flex-start}.auto-template-summary span{text-align:left}.auto-template-dialog>footer{flex-direction:column-reverse}.auto-template-dialog>footer button{width:100%}}@media (max-height:800px){.auto-template-backdrop{padding:8px}.auto-template-dialog{max-height:calc(100dvh - 16px)}.auto-template-dialog>header{min-height:54px;padding:9px 14px}.auto-template-dialog-body{padding:12px 14px}.auto-template-dialog-body>p{margin-bottom:10px}.auto-frame-shape{margin-top:9px}.auto-variant-grid{margin-top:10px}.auto-template-dialog>footer{padding:9px 14px}}.vignette-top-canvas-tools{color:#f1f1f2;white-space:nowrap;align-items:center;gap:9px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.vignette-top-canvas-tools>span{font-size:8px;font-weight:750}.vignette-top-canvas-tools label{color:#f2f2f3;align-items:center;gap:5px;font-size:8px;font-weight:750;display:flex}.vignette-top-canvas-tools label input{accent-color:#ffe000}.vignette-template-summary{text-overflow:ellipsis;max-width:210px;overflow:hidden}.vignette-profile-size{color:#d5d6d8}@media (max-width:1050px){.vignette-template-summary,.vignette-profile-size{display:none}}.vignette-editor-shell .student-row.dragging{opacity:.42}.vignette-editor-shell .student-row.drag-over{background:#d8d9dc;position:relative;box-shadow:inset 0 2px #ffe000}.vignette-editor-shell .student-row.drag-over:before{content:"Поміняти місцями";z-index:3;color:#292a2c;pointer-events:none;background:#ffe000;border-radius:2px;padding:2px 4px;font-size:6px;font-weight:850;position:absolute;top:3px;right:5px}.vignette-editor-shell .template-slot>small{text-align:center;align-self:center;width:100%}.vignette-editor-shell .slot-photo>.student-name-overlay{z-index:4;box-sizing:border-box;color:#fff;text-align:center;text-shadow:0 1px 2px #0008;pointer-events:none;background:#1c1c1ead;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:13%;padding:.28em .35em;line-height:1.08;display:flex;position:absolute;bottom:0;left:0;right:0}.vignette-editor-shell .template-slot .student-position{margin-top:.28em;font-size:.68em;font-weight:400;line-height:1.15;display:block}.auth-page{color:#fff;background:radial-gradient(circle at top,#4b4c50,#242529 58%);place-items:center;min-height:100dvh;padding:24px;display:grid}.auth-card{background:#56575b;border:1px solid #747579;border-radius:10px;width:min(430px,100%);padding:34px;box-shadow:0 24px 70px #0008}.auth-mark{color:#292a2c;background:#ffe000;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.auth-mark svg{width:23px}.auth-card>span{color:#ffe000;letter-spacing:.14em;text-transform:uppercase;margin-top:20px;font-size:10px;font-weight:850;display:block}.auth-card h1{margin:7px 0 8px;font-size:25px}.auth-card>p{color:#d0d1d3;margin:0;font-size:12px;line-height:1.55}.telegram-auth-link{color:#fff;background:#229ed9;border-radius:5px;justify-content:center;align-items:center;gap:8px;min-height:42px;margin:22px 0;font-size:12px;font-weight:800;text-decoration:none;display:flex}.telegram-auth-link svg{width:17px}.auth-card form{gap:13px;display:grid}.auth-card form label{color:#f4f4f5;font-size:10px;font-weight:800}.auth-card form input{color:#fff;background:#48494c;border:1px solid #797a7e;border-radius:4px;outline:0;width:100%;height:42px;margin-top:5px;padding:0 12px}.auth-card form input:focus{border-color:#ffe000}.auth-card form button{color:#292a2c;cursor:pointer;background:#ffe000;border:0;border-radius:4px;height:43px;font-weight:850}.auth-error{color:#ffd0d0;font-size:10px}.account-chip{z-index:120;color:#fff;background:#414246e8;border:1px solid #77787c;border-radius:20px;align-items:center;gap:8px;min-height:32px;padding:4px 5px 4px 10px;display:flex;position:fixed;bottom:12px;right:12px;box-shadow:0 5px 20px #0005}.account-chip span{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:9px;font-weight:750;overflow:hidden}.account-chip .account-storage{text-align:center;background:#303136;border:1px solid #55565b;border-radius:4px;min-width:150px;padding:5px 8px;font-size:8px;position:relative;overflow:hidden}.account-chip .account-storage i{background:#ffe000;height:2px;position:absolute;inset:auto auto 0 0}.admin-psd-archive th a{color:#ffe000;text-decoration:none}.account-chip a{color:#ffe000;font-size:8px;font-weight:800;text-decoration:none}.account-chip button{color:#fff;cursor:pointer;background:#68696d;border:1px solid #8b8c90;border-radius:14px;min-height:24px;padding:0 9px;font-size:8px}.picklume-source-link{color:#3d62d9;text-underline-offset:2px;align-items:center;width:max-content;margin-top:7px;font-size:10px;font-weight:800;text-decoration:underline;display:inline-flex}.picklume-source-link:hover{color:#243f9d}.admin-page{color:#f5f5f6;background:#292a2e;min-height:100dvh;padding:28px}.admin-header{justify-content:space-between;align-items:flex-end;gap:20px;max-width:1400px;margin:0 auto 18px;display:flex}.admin-header span{color:#ffe000;letter-spacing:.15em;text-transform:uppercase;font-size:9px;font-weight:900}.admin-header h1{margin:5px 0;font-size:28px}.admin-header p{color:#afb0b4;margin:0;font-size:11px}.admin-header>a{color:#fff;background:#57585c;border:1px solid #747579;border-radius:4px;align-items:center;gap:7px;min-height:38px;padding:0 13px;font-size:10px;font-weight:800;text-decoration:none;display:flex}.admin-header>a svg{width:15px}.admin-metrics{grid-template-columns:repeat(4,1fr);gap:10px;max-width:1400px;margin:0 auto 18px;display:grid}.admin-metrics article{background:#505155;border:1px solid #65666a;border-radius:6px;align-items:center;gap:13px;min-height:88px;padding:16px;display:flex}.admin-metrics article>svg{color:#ffe000;width:25px}.admin-metrics strong,.admin-metrics span{display:block}.admin-metrics strong{font-size:23px}.admin-metrics span{color:#bfc0c3;margin-top:2px;font-size:9px}.admin-panel{background:#505155;border:1px solid #65666a;border-radius:6px;max-width:1400px;margin:0 auto 16px;overflow:hidden}.admin-panel>header{background:#595a5e;border-bottom:1px solid #65666a;align-items:center;gap:10px;padding:13px 16px;display:flex}.admin-panel>header>svg{color:#ffe000;width:19px}.admin-panel h2{margin:0;font-size:14px}.admin-panel p{color:#bfc0c3;margin:3px 0 0;font-size:8px}.admin-table-wrap{overflow:auto}.admin-panel table{border-collapse:collapse;width:100%;font-size:9px}.admin-panel th,.admin-panel td{text-align:left;white-space:nowrap;border-bottom:1px solid #626367;padding:10px 12px}.admin-panel th{color:#c7c8ca;text-transform:uppercase;background:#48494d;font-size:8px}.admin-panel tr:last-child td{border-bottom:0}.admin-psd-archive td small{color:#8e9096;margin-top:3px;font-size:9px;display:block}.admin-archive-actions{align-items:center;gap:7px;display:flex}.admin-archive-actions form{margin:0}.admin-archive-actions a,.admin-archive-actions button{color:#fff;cursor:pointer;background:#626368;border:1px solid #77787d;border-radius:4px;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:9px;font-weight:800;text-decoration:none;display:inline-flex}.admin-archive-actions button{background:#753c3f;border-color:#9c5959}.admin-archive-actions svg{width:13px;height:13px}.admin-archive-delete{position:relative}.admin-archive-delete summary{color:#fff;cursor:pointer;background:#753c3f;border:1px solid #9c5959;border-radius:4px;align-items:center;gap:5px;min-height:30px;padding:0 9px;font-size:9px;font-weight:800;list-style:none;display:inline-flex}.admin-archive-delete summary::-webkit-details-marker{display:none}.admin-archive-delete form{z-index:5;background:#3f3033;border:1px solid #9c5959;border-radius:5px;width:170px;padding:7px;position:absolute;top:34px;right:0;box-shadow:0 8px 24px #0007}.admin-archive-delete form button{justify-content:center;width:100%}.admin-event{background:#68696d;border-radius:9px;padding:3px 6px}.admin-event.login_success{background:#287552}.admin-event.login_failure{background:#825052}.admin-event.credentials_issued{color:#fff6a4;background:#756923}.admin-event.admin_login_success{background:#315a89}.admin-event.admin_login_failure{background:#825052}.admin-auth-page .auth-card>p{margin-bottom:22px}.admin-login-back{color:#d3d4d6;text-align:center;text-underline-offset:3px;margin-top:16px;font-size:10px;display:block}@media (max-width:800px){.admin-page{padding:16px}.admin-header{flex-direction:column;align-items:flex-start}.admin-metrics{grid-template-columns:1fr 1fr}}@supports (padding:max(0px)){.auth-page,.admin-page{padding-top:max(24px, env(safe-area-inset-top));padding-right:max(16px, env(safe-area-inset-right));padding-bottom:max(24px, env(safe-area-inset-bottom));padding-left:max(16px, env(safe-area-inset-left))}.account-chip{right:max(12px, env(safe-area-inset-right));bottom:max(12px, env(safe-area-inset-bottom))}}@media (display-mode:standalone){html,body,.auth-page,.admin-page{min-height:100dvh}}.top-layout-tools .design-variants-button{color:#292a2c;background:#ffe000;border-color:#c9b500}.top-layout-tools .design-variants-button svg{color:#292a2c}.top-layout-tools .history-controls{border-right:1px solid #85868a;gap:3px;padding-right:5px;display:flex}.top-layout-tools .history-controls button{padding:0 7px}.top-layout-tools .history-controls button:not(:disabled) svg{color:#ffe000}.vignette-history-controls{gap:4px;display:flex}.vignette-history-controls button{color:#fff;cursor:pointer;background:#5b5c60;border:1px solid #747579;border-radius:3px;align-items:center;gap:5px;min-height:31px;padding:5px 8px;font-size:8px;font-weight:800;display:inline-flex}.vignette-history-controls button:disabled{opacity:.42;cursor:not-allowed}.vignette-history-controls svg{color:#ffe000;width:13px}.top-layout-tools button:disabled{opacity:.4;cursor:default}.design-variants-backdrop{z-index:150;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17181bcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.template-library-backdrop{z-index:170;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#17181be6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.template-library-dialog{color:#f7f7f7;background:#505155;border:1px solid #77787c;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1320px,100%);max-height:calc(100dvh - 40px);display:grid;overflow:hidden;box-shadow:0 28px 90px #000b}.template-library-dialog>header{background:#5b5c60;border-bottom:1px solid #6d6e72;align-items:center;padding:11px 16px;display:flex}.template-library-dialog>header>div{margin-right:auto}.template-library-dialog>header span{color:#ffe000;letter-spacing:.13em;text-transform:uppercase;font-size:9px;font-weight:900}.template-library-dialog>header h2{margin:2px 0;font-size:18px}.template-library-dialog>header p{color:#d0d1d3;margin:0;font-size:10px}.template-library-dialog>header>button{color:#fff;background:#48494c;border:1px solid #7a7b7f;border-radius:4px;place-items:center;width:36px;height:36px;display:grid}.template-library-dialog>header svg{width:16px}.template-library-content{grid-template-columns:250px minmax(0,1fr);min-height:0;display:grid}.template-library-create{background:#48494c;border-right:1px solid #6d6e72;padding:12px;overflow:auto}.template-library-create h3{margin:0 0 8px;font-size:13px}.template-library-create label{color:#d5d6d8;gap:3px;margin-bottom:7px;font-size:9px;display:grid}.template-library-create input,.template-library-create select{color:#fff;background:#5b5c60;border:1px solid #77787c;border-radius:4px;width:100%;min-height:32px;padding:0 8px;font-size:10px}.template-library-create button,.template-library-card button{color:#fff;cursor:pointer;background:#65666a;border:1px solid #77787c;border-radius:4px;min-height:28px;padding:0 9px;font-size:10px}.template-library-create button:disabled,.template-library-card button:disabled{opacity:.45;cursor:default}.template-library-create hr{border:0;border-top:1px solid #68696d;margin:11px 0}.template-library-error{color:#ffd5d5;background:#7b3030;padding:9px;font-size:10px}.template-library-list{align-content:start;gap:7px;min-height:0;padding:10px 12px;display:grid;overflow:auto}.template-library-empty{color:#d2d3d5;text-align:center;border:1px dashed #77787c;padding:30px}.template-library-card{background:#595a5e;border:1px solid #717276;border-radius:5px;padding:9px 10px}.template-library-card>header{align-items:center;gap:12px;display:flex}.template-library-card>header>div:first-child{margin-right:auto}.template-library-card>header>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.template-library-card h3{margin:0;font-size:14px}.template-library-card small{color:#c5c6c8;margin-top:3px;font-size:9px;display:block}.template-library-card .danger{color:#ffd2d2}.shared-library-heading{border-top:1px solid #74757a;justify-content:space-between;align-items:end;gap:12px;margin-top:12px;padding:14px 2px 4px;display:flex}.shared-library-heading h3{margin:0;font-size:16px}.shared-library-heading small{color:#bfc0c4;font-size:9px}.shared-library-heading select{color:#fff;background:#4b4c50;border:1px solid #77787c;border-radius:4px;min-height:34px}.template-library-card.shared{background:#555542;border-color:#8b7d24}.template-rating{gap:4px;margin:9px 0;display:flex}.template-rating button{color:#ffe000;min-height:25px;padding:0 6px;font-size:9px}.shared-library-heading.saved{border-top-color:#9f8f28}.template-rating span{color:#d5d5d7;align-self:center;font-size:10px}.template-destination{border:0;gap:5px;margin:2px 0 4px;padding:0;display:grid}.template-destination legend{color:#f4f4f5;margin-bottom:4px;font-size:10px;font-weight:700}.template-destination>label{cursor:pointer;background:#505156;border:1px solid #737478;border-radius:4px;align-items:center;gap:7px;padding:7px 8px;display:flex}.template-destination>label.selected{background:#5a573c;border-color:#ffe000}.template-destination input{accent-color:#ffe000;width:13px;height:13px}.template-destination span{gap:1px;display:grid}.template-destination strong{font-size:10px}.template-destination small{color:#c7c8cb;font-size:8px;line-height:1.2}.template-project-entry{gap:4px;display:grid}.template-project-heading{color:#fff;cursor:pointer;text-align:left;background:#4a4b50;border:1px solid #68696d;border-left:3px solid #ffe000;border-radius:4px;align-items:center;gap:7px;width:100%;min-height:34px;margin-top:4px;padding:5px 9px;display:flex}.template-project-heading:hover{background:#535459}.template-project-heading svg{width:13px;transition:transform .16s}.template-project-entry.open>.template-project-heading svg{transform:rotate(90deg)}.template-project-heading span{color:#bfc0c4;letter-spacing:.12em;text-transform:uppercase;font-size:7px;font-weight:800}.template-project-heading h3{color:#fff;margin:0;font-size:12px}.template-project-heading small{color:#c9cace;margin:0 0 0 auto;font-size:8px}.template-project-content{border-left:1px solid #6f7074;gap:5px;padding:2px 0 5px 8px;display:grid}.template-sheet-list{gap:4px;margin:7px 0;display:grid}.template-sheet-row{background:#4c4d50;border:1px solid #6e6f73;border-radius:4px;grid-template-columns:22px minmax(120px,1fr) auto auto auto 30px;align-items:center;gap:5px;min-height:36px;padding:4px 5px;display:grid}.template-sheet-row>span{color:#ffe000;text-align:center;font-weight:900}.template-sheet-row strong{font-size:11px}.template-sheet-row svg{width:13px}.template-primary-action{font-weight:900;color:#292a2d!important;background:#ffe000!important;border-color:#ffe000!important}.template-primary-action.apply-all{width:100%;min-height:29px}@media (max-width:760px){.template-library-content{grid-template-columns:1fr;overflow:auto}.template-library-create{border-bottom:1px solid #6d6e72;border-right:0}.template-sheet-row{grid-template-columns:24px 1fr}.template-sheet-row button{grid-column:auto}}.story-strip-slot>button.story-delete-sheet{z-index:8;aspect-ratio:1;color:#fff;opacity:0;cursor:pointer;background:#2d2e31d9;border:1px solid #fff8;border-radius:3px;place-items:center;width:25px;height:25px;min-height:0;padding:0;transition:opacity .15s,background .15s,color .15s;display:grid;position:absolute;top:5px;right:5px;box-shadow:0 1px 4px #0007}.story-strip-slot:hover>button.story-delete-sheet,.story-strip-slot:focus-within>button.story-delete-sheet{opacity:1}.story-strip-slot>button.story-delete-sheet:hover{color:#fff;background:#a63232;border-color:#ff8d8d}.story-strip-slot>button.story-delete-sheet:disabled{display:none}.story-strip-slot>button.story-delete-sheet svg{width:13px;height:13px}.spread-page-list>button.system-album-sheet i{background:linear-gradient(145deg,#fff9d6,#efe4a8);border-color:#8c7a24;justify-content:center;gap:4px;min-height:72px}.spread-page-list>button.system-album-sheet i>svg{color:#7d6810;width:22px;height:22px}.system-story-slot>button.story-system-sheet{color:#292714;background:linear-gradient(145deg,#fff9d6,#e8d77e);border-color:#8c7a24;justify-content:center;gap:5px;min-height:86px;position:relative}.system-story-slot>button.story-system-sheet>svg{color:#79630a;width:24px;height:24px}.system-story-slot>button.story-system-sheet>span,.system-story-slot>button.story-system-sheet>small{color:inherit;background:0 0;padding:0;position:static}.unified-album-sheets{z-index:40;background:#9d9ea1;border-right:1px solid #77787b;flex-direction:column;gap:7px;width:190px;padding:9px;transition:width .18s,padding .18s;display:flex;position:fixed;top:50px;bottom:0;left:0;overflow:hidden auto}.unified-album-sheets>header{justify-content:space-between;align-items:center;gap:6px;min-height:34px;display:flex}.unified-album-sheets>header>strong{color:#ffe000;letter-spacing:.08em;text-transform:uppercase;padding:0 5px;font-size:10px}.unified-album-sheets>header>button{color:#fff;cursor:pointer;background:#5d5e62;border:1px solid #77787b;border-radius:4px;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.unified-album-sheets>header>button:hover{color:#ffe000;border-color:#ffe000}.unified-album-sheets>header svg{width:15px}.unified-album-sheets>button{color:#fff;cursor:pointer;text-align:left;background:#56575c;border:1px solid #77787b;border-radius:5px;grid-template-columns:22px 22px minmax(0,1fr);align-items:center;gap:5px;width:100%;min-height:54px;padding:7px;display:grid}.unified-album-sheets>button:hover,.unified-album-sheets>button.active{background:#66633f;border-color:#ffe000;box-shadow:inset 3px 0 #ffe000}.unified-album-sheets>button:disabled{opacity:.4;cursor:default}.unified-album-sheets>button span{color:#ffe000;text-align:center;font-size:10px;font-weight:900}.unified-album-sheets>button svg{width:16px;height:16px}.unified-album-sheets>button b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.unified-album-sheets>button.album-content-sheet{aspect-ratio:4913/3496;background:#fff;border:3px solid #ffe000;border-radius:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.unified-album-sheets>button.album-content-sheet .story-thumb-canvas{background:#fff;border:0;width:auto;height:auto;position:absolute;inset:0}.unified-album-sheets>button.album-content-sheet>.story-thumb-number{z-index:4;color:#fff;background:#0009;min-width:16px;padding:2px 4px;position:absolute;top:2px;left:2px}.unified-album-sheets>button.album-content-sheet>small{z-index:4;color:#fff;background:#0009;padding:2px 4px;font-size:7px;position:absolute;bottom:2px;right:2px}.unified-album-sheets>button.album-add-sheet{color:#66676a;text-align:center;background:#aaabae;border:1px dashed #737478;border-radius:0;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:6px;min-height:86px;display:flex}.unified-album-sheets>button.album-add-sheet:hover{color:#4e450e;box-shadow:none;background:#aaabae;border-color:#ffe000}.unified-album-sheets>button.album-add-sheet svg{width:18px;height:18px}.unified-album-sheets>button.album-add-sheet b{font-size:8px}.unified-album-sheets.collapsed{width:48px;padding:8px 5px}.unified-album-sheets.collapsed>header{justify-content:center}.unified-album-sheets.collapsed>header>strong{display:none}.unified-album-sheets.collapsed>button{grid-template-columns:1fr;place-items:center;min-height:42px;padding:4px}.unified-album-sheets.collapsed>button span,.unified-album-sheets.collapsed>button b,.unified-album-sheets.collapsed>button small{display:none}.unified-album-sheets.collapsed>button.album-content-sheet{min-height:42px}.unified-album-sheets.collapsed>button.album-content-sheet .story-thumb-canvas{inset:4px}.unified-album-sheets.collapsed>button.album-add-sheet{display:none}.vignette-editor-shell .workflow-bar,.vignette-editor-shell .workspace{margin-left:200px;transition:margin-left .18s}.vignette-editor-shell.album-navigator-collapsed .workflow-bar,.vignette-editor-shell.album-navigator-collapsed .workspace{margin-left:48px}.vignette-editor-shell .workspace{width:calc(100% - 200px)}.vignette-editor-shell.album-navigator-collapsed .workspace{width:calc(100% - 48px)}.design-variants-dialog{color:#f7f7f7;background:#505155;border:1px solid #77787c;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1180px,100%);max-height:calc(100dvh - 40px);display:grid;overflow:hidden;box-shadow:0 28px 90px #000b}.design-variants-dialog>header{background:#5b5c60;border-bottom:1px solid #6d6e72;align-items:center;gap:16px;min-height:78px;padding:15px 18px;display:flex}.design-variants-dialog>header>div{min-width:0;margin-right:auto}.design-variants-dialog>header span{color:#ffe000;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:900}.design-variants-dialog>header h2{margin:3px 0;font-size:20px}.design-variants-dialog>header p{color:#cacbcd;margin:0;font-size:9px}.design-variants-dialog>header button{color:#fff;cursor:pointer;background:#48494c;border:1px solid #7a7b7f;border-radius:4px;place-items:center;width:34px;height:34px;padding:0;display:grid}.design-variants-dialog>header button:hover{color:#ffe000;border-color:#ffe000}.design-variants-dialog>header button svg{width:16px}.design-style-list{scrollbar-color:#85868b #48494c;gap:11px;min-height:0;padding:14px 18px 18px;display:grid;overflow:auto}.design-style-row{background:#48494d;border:1px solid #696a6e;border-radius:5px;grid-template-columns:190px minmax(0,1fr);align-items:center;gap:14px;min-width:0;padding:11px;display:grid}.design-style-copy h3{margin:0;font-size:12px}.design-style-copy p{color:#bfc0c3;margin:5px 0 0;font-size:8px;line-height:1.45}.design-proposal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;min-width:0;display:grid}.design-proposal-grid>button{color:#fff;text-align:left;cursor:pointer;background:#57585c;border:1px solid #747579;border-radius:4px;min-width:0;padding:7px}.design-proposal-grid>button:hover{border-color:#ffe000;box-shadow:0 0 0 1px #ffe000}.design-proposal-grid>button strong{margin-top:6px;font-size:8px;display:block}.design-proposal-preview{border:1px solid #85868b;width:100%;display:block;position:relative;overflow:hidden}.design-preview-fold{z-index:3;border-left:1px dashed #e93b76;position:absolute;top:0;bottom:0;left:50%}.design-preview-photo{background:#dfe1e4;display:block;position:absolute;overflow:hidden;box-shadow:inset 0 0 0 1px #afb2b8}.design-preview-photo img{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block}@media (max-width:800px){.design-variants-backdrop{padding:8px}.design-variants-dialog{max-height:calc(100dvh - 16px)}.design-style-row{grid-template-columns:1fr}.design-style-copy p{display:none}}@media (max-width:520px){.design-proposal-grid{grid-template-columns:1fr}.design-proposal-grid>button{grid-template-columns:120px 1fr;align-items:center;gap:8px;display:grid}.design-proposal-grid>button strong{margin:0}.design-variants-dialog>header p{display:none}}.pose-crop-warning{color:#fff0cf;background:#684b2c;border:1px solid #9c7135;border-radius:3px;align-items:center;gap:7px;min-height:35px;padding:8px 9px;font-size:8px;font-weight:800;display:flex}.pose-crop-warning svg{color:#ffd36b;flex:none;width:15px}.timeline-strip .pose-detected-badge{z-index:3;color:#292a2c;background:#ffe000;border-radius:2px;padding:2px 4px;font-size:6px;font-style:normal;font-weight:900;position:absolute;top:4px;right:25px}.photo-timeline header .analyze-pose-button{color:#fff;cursor:pointer;background:#57585c;border:1px solid #85868b;border-radius:3px;align-items:center;gap:5px;min-height:29px;padding:0 9px;font-size:8px;font-weight:800;display:flex}.photo-timeline header .analyze-pose-button:hover{border-color:#ffe000}.photo-timeline header .analyze-pose-button:disabled{opacity:.4;cursor:default}.photo-timeline header .analyze-pose-button svg{color:#ffe000;width:13px}.quality-score-badge{z-index:4;color:#fff;background:#222d;border-radius:2px;padding:2px 4px;font-size:7px;font-style:normal;font-weight:900;position:absolute;top:4px;left:4px}.quality-score-badge.picked{color:#292a2c;background:#ffe000}.production-center-button{color:#ffe000!important;border-color:#ffe000!important}.production-dialog{color:#fff;background:#424347;border:1px solid #77787c;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1320px,100%);max-height:calc(100dvh - 36px);display:grid;overflow:hidden;box-shadow:0 28px 90px #000b}.production-dialog>header{background:#5b5c60;border-bottom:1px solid #6d6e72;align-items:center;gap:16px;padding:15px 18px;display:flex}.production-dialog>header>div{margin-right:auto}.production-dialog>header span{color:#ffe000;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:900}.production-dialog>header h2{margin:3px 0;font-size:20px}.production-dialog>header p{color:#cacbcd;margin:0;font-size:9px}.production-dialog>header>button{color:#fff;background:#48494c;border:1px solid #777;width:34px;height:34px}.production-dashboard{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;padding:12px;display:grid;overflow:auto}.production-card{background:#505155;border:1px solid #66676b;border-radius:5px;min-width:0;padding:11px}.production-card>header{align-items:start;gap:8px;margin-bottom:9px;display:flex}.production-card>header>div{margin-right:auto}.production-card h3{margin:0;font-size:12px}.production-card p{color:#c8c9cc;margin:3px 0 0;font-size:8px}.production-card>header>b{color:#292a2c;background:#ffe000;padding:4px 6px;font-size:9px}.face-loupe-card{grid-column:1/-1}.face-loupe-card>article{grid-template-columns:150px 1fr;align-items:center;gap:8px;margin-top:8px;display:grid}.face-loupe-card>article>strong{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.face-loupe-card>article>div{gap:5px;display:flex;overflow:auto}.face-loupe{background:#333;border:2px solid #85868b;flex:none;width:58px;height:58px;display:block;position:relative;overflow:hidden}.face-loupe img{object-fit:fill;max-width:none;position:absolute}.face-loupe b{color:#222;background:#ffe000;padding:2px 3px;font-size:7px;position:absolute;bottom:2px;right:2px}.production-table{gap:3px;max-height:220px;display:grid;overflow:auto}.production-table>div{background:#45464a;grid-template-columns:1fr 70px 55px;padding:5px 6px;font-size:8px;display:grid}.production-table>div.missing{border-left:3px solid #ff6a6a}.production-table>div.low{border-left:3px solid #ffc85c}.production-table>div.ok{border-left:3px solid #66d69a}.production-table small{color:#bbb}.issue-list{gap:3px;max-height:240px;display:grid;overflow:auto}.issue-list p,.issue-list button{color:#fff;text-align:left;background:#45464a;border:0;align-items:center;gap:5px;margin:0;padding:6px;font-size:8px;display:flex}.issue-list svg{flex:none;width:12px}.issue-list .error{border-left:3px solid #ff6a6a}.issue-list .warning{border-left:3px solid #ffc85c}.issue-list .info{border-left:3px solid #72a9ff}.issue-list .success{border-left:3px solid #66d69a}.target-builder>div{align-items:end;gap:8px;display:flex}.target-builder label{color:#ccc;gap:3px;font-size:8px;display:grid}.target-builder input{color:#fff;background:#444;border:1px solid #777;width:90px;padding:6px}.target-builder button{color:#292a2c;background:#ffe000;border:0;padding:7px 12px;font-weight:900}.preflight-card{grid-column:1/-1}@media (max-width:760px){.production-dashboard{grid-template-columns:1fr}.face-loupe-card,.preflight-card{grid-column:auto}}.proof-publisher{grid-column:1/-1}.proof-publisher>button{color:#292a2c;background:#ffe000;border:0;padding:8px 12px;font-size:9px;font-weight:900}.proof-publisher>div{gap:5px;margin-top:8px;display:flex}.proof-publisher input{color:#fff;background:#444;border:1px solid #777;flex:1;min-width:0;padding:7px}.proof-publisher a,.proof-publisher>div button{color:#fff;background:#777;border:0;padding:7px 10px;font-size:8px;text-decoration:none}.proof-copy-status{color:#8ff0b9;margin-top:5px;font-size:8px;display:block}.preference-card{grid-column:1/-1}.preference-card>div{flex-wrap:wrap;gap:7px 18px;display:flex}.preference-card>div p{color:#fff}.preference-actions{margin-top:9px}.preference-actions button,.composite-button{color:#fff;background:#57585c;border:1px solid #85868b;padding:7px 9px;font-size:8px;font-weight:800}.preference-actions button:first-child,.composite-button{color:#ffe000;border-color:#ffe000}.composite-badge{z-index:5;color:#fff;background:#c53650;padding:2px 4px;font-size:6px;font-style:normal;font-weight:900;position:absolute;bottom:22px;right:4px}.culling-series>header .composite-button{margin-left:auto}.culling-series>header>span{flex:none}.batch-export-card,.presentation-card{grid-column:1/-1}.batch-export-card>button,.presentation-card>button{color:#292a2c;background:#ffe000;border:0;padding:8px 12px;font-size:9px;font-weight:900}.batch-progress{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.batch-progress progress{accent-color:#ffe000;width:100%}.batch-progress span{font-size:8px}.batch-progress button{color:#fff;background:#68434a;border:1px solid #c65b68;padding:6px 8px}.batch-export-card>button:disabled{opacity:.45;cursor:not-allowed}.book-preview-backdrop{z-index:190;perspective:1400px;background:radial-gradient(circle at 50% 40%,#777a,#18191de8 65%);place-items:center;padding:20px;display:grid;position:fixed;inset:0}.book-preview-dialog{color:#fff;background:#45464a;border:1px solid #777;border-radius:8px;grid-template-rows:auto 1fr auto;width:min(1100px,100%);height:min(760px,100dvh - 40px);display:grid;overflow:hidden}.book-preview-dialog>header{align-items:center;padding:13px 16px;display:flex}.book-preview-dialog>header div{margin-right:auto}.book-preview-dialog>header span{color:#ffe000;font-size:8px;font-weight:900}.book-preview-dialog h2{margin:3px 0;font-size:18px}.book-preview-dialog>header button{color:#fff;background:#555;border:1px solid #777;width:34px;height:34px}.book-scene{perspective:1400px;place-items:center;min-height:0;display:grid;overflow:hidden}.book-object{width:min(86%,900px);transform-style:preserve-3d;filter:drop-shadow(0 40px 24px #0008);position:relative;transform:rotateX(54deg)rotate(-2deg)}.book-spread{width:100%;transform-style:preserve-3d;background:#fff;position:relative;overflow:hidden;transform:translateZ(18px);box-shadow:inset 0 0 18px #0002}.book-spread img,.book-spread>i{object-fit:cover;text-align:center;font-style:normal;display:block;position:absolute;overflow:hidden}.book-spread>b{background:linear-gradient(90deg,#0004,#fff8,#0004);width:2px;position:absolute;top:0;bottom:0;left:50%}.book-pages-edge{transform-origin:top;background:repeating-linear-gradient(#f4f1e9 0 2px,#d2cec5 2px 3px);height:18px;position:absolute;bottom:-17px;left:1%;right:1%;transform:rotateX(-90deg)}.book-preview-dialog>footer{background:#55565a;justify-content:center;align-items:center;gap:10px;padding:12px;display:flex}.book-preview-dialog>footer button{color:#fff;background:#48494c;border:1px solid #777;align-items:center;gap:4px;padding:8px 10px;display:flex}.book-preview-dialog>footer button svg{width:13px}.book-preview-dialog>footer span{font-size:9px}.book-preview-dialog>footer .ar-ready{color:#8ff0b9;border-color:#54cf91}.proof-page{color:#fff;background:#292a2e;min-height:100vh;padding:24px}.proof-page>header{align-items:center;gap:20px;max-width:1200px;margin:0 auto 20px;display:flex}.proof-page>header>div{margin-right:auto}.proof-page>header span{color:#ffe000;font-size:11px;font-weight:900}.proof-page h1{margin:4px 0}.proof-page>header p{color:#bbb;margin:0}.proof-page>header button{background:#ffe000;border:0;padding:12px 16px;font-weight:900}.proof-page>header button.approved{background:#54cf91}.proof-page>section{gap:22px;max-width:1200px;margin:auto;display:grid}.proof-page article h2{font-size:13px}.proof-image{cursor:crosshair;position:relative}.proof-image>img{width:100%;display:block}.proof-image>i{background:#ff4d65;border:3px solid #fff;border-radius:50%;width:18px;height:18px;margin:-9px;position:absolute;box-shadow:0 2px 8px #0008}.proof-image>i.draft{background:#ffe000}.proof-comment{background:#3b3c40;border-left:3px solid #ff4d65;padding:8px;font-size:12px}.proof-page>aside{background:#55565a;gap:7px;width:min(360px,100% - 36px);padding:12px;display:grid;position:fixed;bottom:18px;right:18px;box-shadow:0 8px 30px #0008}.proof-page>aside input,.proof-page>aside textarea{color:#fff;background:#444;border:1px solid #777;padding:9px}.proof-page>aside textarea{min-height:80px}.proof-page>aside button{background:#ffe000;border:0;padding:9px;font-weight:900}.editor-photo-number{z-index:8;color:#ffe000;pointer-events:none;background:#17181dcc;border-radius:3px;padding:2px 4px;font-size:7px;font-weight:900;position:absolute;top:5px;left:5px}.proof-publish-actions{grid-template-columns:auto minmax(180px,1fr) auto auto;gap:5px!important;display:grid!important}.proof-publish-actions>button,.proof-publish-actions>a{color:#fff;background:#777;border:0;padding:7px 10px;font-size:8px;text-decoration:none}.proof-publish-actions>button:first-child{color:#292a2c;background:#ffe000;font-weight:900}.proof-publish-actions input{color:#fff;background:#444;border:1px solid #777;min-width:0;padding:7px}.proof-inbox-filter{color:#ddd;align-items:center;gap:6px;margin:10px 0 6px;font-size:8px;display:flex}.proof-inbox-filter input{accent-color:#ffe000}.proof-inbox{gap:5px;max-height:330px;display:grid;overflow:auto}.proof-inbox>article{background:#45464a;border-left:3px solid #ff6a6a;gap:6px;padding:7px;display:grid}.proof-inbox>article.status-in_progress{border-color:#72a9ff}.proof-inbox>article.status-done{border-color:#66d69a}.proof-inbox>article.status-rejected{border-color:#999}.proof-comment-target{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;gap:3px;padding:0;display:grid}.proof-comment-target b{color:#ffe000;font-size:8px}.proof-comment-target span{font-size:8px}.proof-inbox article>div{grid-template-columns:105px 1fr auto;gap:5px;display:grid}.proof-inbox select,.proof-inbox input{color:#fff;background:#3f4043;border:1px solid #777;min-width:0;padding:6px;font-size:8px}.proof-inbox article>div button{background:#ffe000;border:0;padding:6px 8px;font-size:8px;font-weight:900}.proof-inbox article>div button:disabled{opacity:.4}.proof-controls{background:#3b3c40;flex-wrap:wrap;align-items:center;gap:12px;max-width:1200px;margin:0 auto 18px;padding:10px;display:flex}.proof-controls label{color:#ddd;align-items:center;gap:6px;font-size:11px;display:flex}.proof-controls select{color:#fff;background:#292a2e;border:1px solid #666;padding:6px}.proof-controls input{accent-color:#ffe000}.proof-compare-range{margin-left:auto}.proof-compare-range input{width:180px}.proof-compare-layer{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.proof-compare-layer img{width:100%;height:100%;display:block}.proof-compare-divider{z-index:5;pointer-events:none;background:#ffe000;width:2px;position:absolute;top:0;bottom:0}.proof-photo-number{z-index:6;color:#ffe000;pointer-events:none;background:#17181dcc;border-radius:3px;padding:3px 5px;font-size:10px;font-style:normal;font-weight:900;position:absolute}.proof-image>i{z-index:7}.proof-image>i.status-in_progress{background:#3d8dff}.proof-image>i.status-done{background:#43c985}.proof-image>i.status-rejected{background:#888}.proof-comment{gap:5px;margin-top:5px;display:grid}.proof-comment>header{gap:8px;display:flex}.proof-comment>header b{margin-right:auto}.proof-comment>header span{color:#ffe000;font-size:10px;font-weight:900}.proof-comment p{margin:0}.proof-comment small{color:#ddd;background:#292a2e;padding:5px}.proof-comment.status-in_progress{border-color:#3d8dff}.proof-comment.status-done{border-color:#43c985}.proof-comment.status-rejected{border-color:#888}.proof-page>aside strong{font-size:12px}.proof-page>aside button:disabled{opacity:.45}@media (max-width:700px){.proof-page{padding:12px}.proof-page>header{align-items:flex-start}.proof-controls{align-items:stretch}.proof-compare-range{width:100%;margin-left:0}.proof-compare-range input{flex:1}.proof-publish-actions{grid-template-columns:1fr 1fr}.proof-publish-actions input{grid-column:1/-1}.proof-inbox article>div{grid-template-columns:1fr}.proof-photo-number{font-size:8px}}.culling-dialog{color:#fff;background:#505155;border:1px solid #77787c;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1260px,100%);max-height:calc(100dvh - 40px);display:grid;overflow:hidden;box-shadow:0 28px 90px #000b}.culling-dialog>header{background:#5b5c60;border-bottom:1px solid #6d6e72;align-items:center;gap:16px;padding:15px 18px;display:flex}.culling-dialog>header>div{margin-right:auto}.culling-dialog>header span{color:#ffe000;letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:900}.culling-dialog>header h2{margin:3px 0;font-size:20px}.culling-dialog>header p{color:#cacbcd;margin:0;font-size:9px}.culling-dialog>header>button{color:#fff;background:#48494c;border:1px solid #7a7b7f;border-radius:4px;width:34px;height:34px}.culling-series-list{gap:12px;min-height:0;padding:14px;display:grid;overflow:auto}.culling-series{background:#48494d;border:1px solid #696a6e;border-radius:5px;padding:11px}.culling-series>header{align-items:start;gap:12px;margin-bottom:9px;display:flex}.culling-series>header div{margin-right:auto}.culling-series>header strong{font-size:11px}.culling-series>header p{color:#cfd0d2;margin:4px 0 0;font-size:8px}.culling-series>header>span{color:#292a2c;background:#ffe000;padding:5px 7px;font-size:8px;font-weight:900}.culling-photo-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:8px;display:grid}.culling-photo-grid>button{color:#fff;text-align:left;cursor:pointer;background:#57585c;border:1px solid #747579;min-width:0;padding:6px}.culling-photo-grid>button.preferred{border:2px solid #ffe000}.culling-photo-grid img{aspect-ratio:4/3;object-fit:cover;width:100%;display:block}.culling-photo-grid b,.culling-photo-grid small{text-overflow:ellipsis;white-space:nowrap;margin-top:5px;font-size:8px;display:block;overflow:hidden}.culling-photo-grid dl{gap:2px;margin:6px 0 0;display:grid}.culling-photo-grid dl div{gap:4px;font-size:7px;display:flex}.culling-photo-grid dt{color:#cfd0d2;margin-right:auto}.culling-photo-grid dd{margin:0;font-weight:900}.culling-empty{color:#ddd;margin:auto;font-size:10px}.crop-recommendations{gap:6px;margin-bottom:10px;display:grid}.crop-recommendations>strong{color:#fff;font-size:9px}.crop-recommendations>button{color:#fff;text-align:left;cursor:pointer;background:#4c4d50;border:1px solid #77787c;border-radius:3px;gap:3px;padding:8px;display:grid}.crop-recommendations>button:hover{border-color:#c7b72f}.crop-recommendations>button.active{border-color:#ffe000;box-shadow:inset 3px 0 #ffe000}.crop-recommendations b{font-size:9px}.crop-recommendations span{color:#c8c9cb;font-size:7px;line-height:1.45}.color-consistency-panel{color:#ffe9bc;background:#65543c;border:1px solid #917348;border-radius:3px;gap:4px;margin:10px 0;padding:9px;display:grid}.color-consistency-panel strong{font-size:9px}.color-consistency-panel span{font-size:7px;line-height:1.35}.photo-color-reference{color:#edf6ff;background:#4b5b68;border:1px solid #657b8d;border-radius:3px;gap:5px;margin-bottom:10px;padding:9px;display:grid}.photo-color-reference strong{font-size:9px}.photo-color-reference span{color:#cedae4;font-size:7px;line-height:1.4}.photo-color-reference button{color:#292a2c;cursor:pointer;background:#ffe000;border:1px solid #dbc600;border-radius:3px;min-height:30px;font-size:8px;font-weight:850}.photo-color-reference button:disabled{opacity:.4;cursor:default}.photo-color-reference .reset-color-match{color:#fff;background:#596a77;border-color:#7e8b96}.spread-workflow-mode-links{grid-template-columns:repeat(4,minmax(0,1fr))!important;width:620px!important}@media (max-width:900px){.spread-workflow-mode-links{width:min(520px,100vw - 24px)!important}.spread-workflow-mode-links button{font-size:8px}}.personal-albums-backdrop{z-index:170;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17181bd4;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.personal-albums-dialog{color:#fff;background:#505155;border:1px solid #76777b;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1240px,100%);height:min(860px,100dvh - 36px);display:grid;overflow:hidden;box-shadow:0 28px 90px #000b}.personal-albums-dialog>header{background:#5b5c60;border-bottom:1px solid #6d6e72;align-items:center;gap:16px;min-height:76px;padding:14px 18px;display:flex}.personal-albums-dialog>header>div{margin-right:auto}.personal-albums-dialog>header span{color:#ffe000;letter-spacing:.14em;text-transform:uppercase;font-size:8px;font-weight:900}.personal-albums-dialog>header h2{margin:3px 0;font-size:20px}.personal-albums-dialog>header p{color:#c7c8ca;margin:0;font-size:8px}.personal-albums-dialog>header button{color:#fff;cursor:pointer;background:#48494c;border:1px solid #7b7c80;border-radius:3px;place-items:center;width:33px;height:33px;padding:0;display:grid}.personal-albums-dialog>header button svg{width:15px}.personal-albums-body{grid-template-columns:245px minmax(0,1fr);min-height:0;display:grid}.personal-albums-body>aside{background:#45464a;border-right:1px solid #68696d;min-height:0;padding:9px;overflow:auto}.personal-albums-body>aside>button{color:#fff;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #626367;width:100%;min-height:48px;padding:8px 24px 8px 9px;display:block;position:relative}.personal-albums-body>aside>button:hover{background:#55565a}.personal-albums-body>aside>button.active{background:#606165;box-shadow:inset 3px 0 #ffe000}.personal-albums-body>aside span,.personal-albums-body>aside small{display:block}.personal-albums-body>aside span{font-size:9px;font-weight:850}.personal-albums-body>aside small{color:#bfc0c3;margin-top:3px;font-size:7px}.personal-albums-body>aside i{background:#85868a;border-radius:50%;width:8px;height:8px;position:absolute;top:19px;right:9px}.personal-albums-body>aside i.warning{background:#e5ad39}.personal-albums-body>aside i.review{background:#588ed1}.personal-albums-body>aside i.ready{background:#42bb83}.personal-albums-body>aside i.missing{background:#d85c60}.personal-version-editor{min-height:0;padding:17px;overflow:auto}.personal-version-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.personal-version-heading span{color:#bfc0c3;font-size:8px}.personal-version-heading h3{margin:3px 0 0;font-size:17px}.personal-version-heading>strong{background:#696a6e;border-radius:12px;padding:5px 8px;font-size:8px}.personal-preview-grid{grid-template-columns:minmax(180px,33%) minmax(0,1fr);gap:12px;margin-top:14px;display:grid}.personal-cover-preview,.personal-main-preview{color:#28292c;background:#f3f1ec;border:1px solid #77787c;border-radius:4px;min-height:260px;position:relative;overflow:hidden}.personal-cover-preview>img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.personal-cover-preview>div{color:#999;place-items:center;height:100%;display:grid}.personal-cover-preview>span{z-index:2;background:#ffffffe8;padding:10px;display:grid;position:absolute;inset:auto 13px 14px}.personal-cover-preview b{font-size:16px;line-height:1.05}.personal-cover-preview small{margin-top:5px;font-size:7px}.personal-main-preview{padding:14px}.personal-main-preview>strong{font-size:14px}.personal-main-preview>div{grid-template-columns:repeat(2,1fr);gap:5px;height:175px;margin-top:10px;display:grid}.personal-main-preview img{object-fit:cover;width:100%;height:100%;min-height:0}.personal-main-preview p{color:#65666a;margin:9px 0 0;font-size:8px}.personal-settings{background:#48494d;border:1px solid #6d6e72;border-radius:4px;gap:9px;margin-top:12px;padding:12px;display:grid}.personal-settings>strong{font-size:10px}.personal-cover-options{gap:6px;display:flex;overflow:auto}.personal-cover-options button{cursor:pointer;background:#5b5c60;border:1px solid #77787c;flex:none;width:58px;height:70px;padding:2px;overflow:hidden}.personal-cover-options button.active{border-color:#ffe000;box-shadow:0 0 0 1px #ffe000}.personal-cover-options img{object-fit:cover;width:100%;height:100%}.personal-settings label{color:#d2d3d5;font-size:8px}.personal-settings textarea{color:#fff;resize:vertical;background:#3f4043;border:1px solid #77787c;border-radius:3px;width:100%;margin-top:5px;padding:8px}.personal-settings .personal-approve{align-items:center;gap:6px;display:flex}.personal-settings .personal-approve input{accent-color:#ffe000}.personal-linked-spreads{margin-top:12px}.personal-linked-spreads>strong{font-size:10px}.personal-linked-spreads>div{grid-template-columns:repeat(4,1fr);gap:7px;margin-top:8px;display:grid}.personal-linked-spreads article{aspect-ratio:4913/3496;border:1px solid #77787c;position:relative;overflow:hidden}.personal-linked-spreads article img{object-fit:cover;position:absolute}.personal-linked-spreads p{color:#bfc0c3;margin:7px 0 0;font-size:7px}@media (max-width:760px){.personal-albums-backdrop{padding:6px}.personal-albums-dialog{height:calc(100dvh - 12px)}.personal-albums-body{grid-template-columns:150px minmax(0,1fr)}.personal-preview-grid{grid-template-columns:1fr}.personal-linked-spreads>div{grid-template-columns:1fr 1fr}}.personal-linked-photo{position:absolute;overflow:hidden}.personal-linked-photo img{max-width:none}.frame-expand-controls{gap:9px;display:grid}.frame-expand-controls>b{color:#fff;font-size:10px}.frame-expand-controls label{gap:4px;display:grid}.frame-expand-controls textarea{color:#fff;resize:vertical;background:#48494c;border:1px solid #77787c;border-radius:3px;width:100%;padding:8px}.frame-expand-controls p{color:#c8c9cb;margin:0;font-size:8px;line-height:1.45}.cleanup-badge{z-index:5;color:#fff;background:#278866;padding:2px 4px;font-size:6px;font-style:normal;font-weight:900;position:absolute;bottom:22px;right:4px}.composite-badge+.cleanup-badge{bottom:34px}.cleanup-launch-card button{color:#292a2c;background:#ffe000;border:0;padding:8px 11px;font-size:8px;font-weight:900}.cleanup-launch-card button:disabled{opacity:.45}.cleanup-launch-card>p{margin-bottom:0}.cleanup-backdrop{z-index:210;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#17181be8;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.cleanup-dialog{color:#fff;background:#505155;border:1px solid #77787c;border-radius:8px;grid-template-rows:auto minmax(0,1fr);width:min(1280px,100%);height:min(850px,100dvh - 36px);display:grid;overflow:hidden;box-shadow:0 28px 90px #000b}.cleanup-dialog>header{background:#5b5c60;border-bottom:1px solid #6d6e72;align-items:center;gap:15px;padding:14px 18px;display:flex}.cleanup-dialog>header>div{margin-right:auto}.cleanup-dialog>header span{color:#ffe000;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:900}.cleanup-dialog>header h2{margin:3px 0;font-size:20px}.cleanup-dialog>header p{color:#cacbcd;margin:0;font-size:8px}.cleanup-dialog>header>button{color:#fff;background:#48494c;border:1px solid #777;width:34px;height:34px}.cleanup-body{grid-template-columns:285px minmax(0,1fr);min-height:0;display:grid}.cleanup-body>aside{background:#45464a;border-right:1px solid #68696d;min-height:0;padding:13px;overflow:auto}.cleanup-body>aside>label{color:#ccc;gap:5px;font-size:8px;display:grid}.cleanup-body select{color:#fff;background:#393a3d;border:1px solid #777;width:100%;min-width:0;padding:7px}.cleanup-body>aside>button{color:#292a2c;background:#ffe000;border:0;width:100%;margin:9px 0;padding:8px;font-size:8px;font-weight:900}.cleanup-body>aside>strong{margin:5px 0 8px;font-size:10px;display:block}.cleanup-body>aside>p{color:#bbb;font-size:7px;line-height:1.45}.cleanup-region-list{gap:5px;display:grid}.cleanup-region-list label{cursor:pointer;background:#515256;border:1px solid #696a6e;align-items:center;gap:7px;padding:7px;display:flex}.cleanup-region-list label.confirmed{border-color:#ffe000;box-shadow:inset 3px 0 #ffe000}.cleanup-region-list input{accent-color:#ffe000}.cleanup-region-list span,.cleanup-region-list b,.cleanup-region-list small{min-width:0;display:block}.cleanup-region-list b{font-size:8px}.cleanup-region-list small{color:#c5c6c8;margin-top:2px;font-size:7px}.cleanup-preview{grid-template-rows:minmax(0,1fr) auto;gap:10px;min-height:0;padding:14px;display:grid}.cleanup-preview>div{background:#292a2d;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.cleanup-preview img{object-fit:contain;max-width:100%;max-height:100%;display:block}.cleanup-preview i{color:#fff;pointer-events:none;background:#ff647233;border:2px solid #ff6472;place-items:center;font-size:8px;font-style:normal;font-weight:900;display:grid;position:absolute;box-shadow:0 0 0 1px #0005}.cleanup-preview i.confirmed{color:#292a2c;background:#ffe00038;border-color:#ffe000}.cleanup-preview footer{justify-content:flex-end;gap:8px;display:flex}.cleanup-preview footer button{color:#fff;background:#48494c;border:1px solid #777;padding:9px 12px;font-size:8px;font-weight:900}.cleanup-preview footer .hold-compare{touch-action:none;-webkit-user-select:none;user-select:none;margin-right:auto}.cleanup-preview footer .create-cleanup{color:#292a2c;background:#ffe000;border-color:#ffe000}.cleanup-preview footer button:disabled{opacity:.4;cursor:not-allowed}@media (max-width:760px){.cleanup-backdrop{padding:5px}.cleanup-dialog{height:calc(100dvh - 10px)}.cleanup-body{grid-template-columns:190px minmax(0,1fr)}.cleanup-preview{padding:7px}.cleanup-preview footer{flex-wrap:wrap}.cleanup-preview footer button{flex:1}}.cleanup-preview>div{justify-self:center;max-width:100%;height:100%;display:block}.cleanup-preview img{object-fit:fill;width:100%;max-width:none;height:100%;max-height:none}.cleanup-preview>.cleanup-preview-viewport{overscroll-behavior:contain;background:#292a2d;width:100%;height:100%;overflow:auto}.cleanup-preview-image{min-width:100%;height:auto;margin:auto;position:relative;overflow:hidden}.cleanup-preview-image img{width:100%;height:100%;display:block}.cleanup-preview-image i{position:absolute}.cleanup-zoom{align-items:center;gap:5px;display:flex}.cleanup-zoom button{place-items:center;width:31px;height:31px;display:grid;padding:5px!important}.cleanup-zoom button svg{width:13px}.cleanup-zoom input{accent-color:#ffe000;width:120px}.cleanup-zoom output{color:#ffe000;min-width:38px;font-size:8px;font-weight:900}.cleanup-preview footer .hold-compare{margin-right:0}.cleanup-preview footer .create-cleanup{margin-left:auto}.cleanup-preview-image i b,.cleanup-preview-image i span{color:#fff;background:#17181dcc;padding:2px 4px;line-height:1;display:block}.cleanup-preview-image i b{border-radius:8px;font-size:8px}.cleanup-preview-image i span{text-transform:uppercase;margin-top:3px;font-size:6px}@media (max-width:760px){.cleanup-zoom{width:100%}.cleanup-zoom input{flex:1}.cleanup-preview footer .create-cleanup{margin-left:0}}.cleanup-body>aside>button.manual-active{color:#ffe000;background:#3f4043;border:1px solid #ffe000}.cleanup-region-list article{background:#515256;border:1px solid #696a6e;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:5px;padding:6px;display:grid}.cleanup-region-list article.confirmed{border-color:#ffe000;box-shadow:inset 3px 0 #ffe000}.cleanup-region-list article label{cursor:pointer;align-items:center;gap:7px;min-width:0;display:flex}.cleanup-region-list article>button{color:#fff;background:#68434a;border:1px solid #805e64;place-items:center;width:27px;height:27px;padding:5px;display:grid}.cleanup-region-list article>button svg{width:12px}.cleanup-preview-image.manual-mode{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.cleanup-preview-image.manual-mode img{pointer-events:none}.cleanup-preview-image i.draft-manual{background:#ffe00025;border-style:dashed}.cleanup-region-list article label,.cleanup-region-list article.confirmed label{box-shadow:none;background:0 0;border:0;padding:0}.open-exact-crop{color:#292a2c;letter-spacing:.04em;cursor:pointer;background:#ffe000;border:1px solid #ffe000;border-radius:3px;width:100%;min-height:34px;margin-bottom:10px;font-size:8px;font-weight:900}.spread-exact-crop-backdrop{z-index:220}.spread-exact-crop-modal{width:min(1050px,96vw)}.spread-large-crop-frame{max-width:82vw}.spread-large-crop-frame .slot-photo img{-webkit-user-select:none;user-select:none;pointer-events:none}.spread-exact-crop-modal .large-editor-fine-controls output{float:right;color:var(--accent)}.spread-exact-crop-modal .primary-button{background:var(--accent);color:#fff;border:0;border-radius:9px;width:auto;min-width:90px;padding:10px 16px;font-weight:800}.spread-exact-crop-modal .secondary-button{border:1px solid var(--line);background:var(--soft);color:#31343a;border-radius:9px;min-width:90px;padding:10px 16px}@media (max-width:600px){.spread-large-crop-frame{width:min(92vw,68vh);max-height:58vh}.spread-exact-crop-modal .large-crop-workspace{padding-bottom:68px}}.design-photo>img{cursor:grab}.design-photo>img:active{cursor:grabbing}.spread-large-crop-frame .spread-exact-crop-photo{width:100%;height:100%;display:block;position:absolute;inset:0;overflow:hidden}.spread-large-crop-frame .spread-exact-crop-photo img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:none;height:100%;max-height:none;display:block;position:absolute;inset:0}.ai-retouch-button{color:#292a2c;cursor:pointer;background:#ffe000;border:1px solid #ffe000;border-radius:8px;align-items:center;gap:6px;width:auto;min-height:38px;padding:0 13px;font-weight:850;display:flex}.ai-retouch-button svg{width:16px}.ai-retouch-panel{z-index:5;color:#fff;background:#45464a;border:1px solid #77787c;border-radius:9px;width:min(340px,100% - 44px);padding:14px;position:absolute;top:86px;right:22px;box-shadow:0 18px 55px #0009}.ai-retouch-panel>header{border:0;align-items:center;padding:0 0 11px;display:flex}.ai-retouch-panel>header>div{margin-right:auto}.ai-retouch-panel header span{color:#ffe000;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:900}.ai-retouch-panel h3{margin:3px 0 0;font-size:16px}.ai-retouch-panel header button{color:#fff;background:#555;border:1px solid #777;place-items:center;width:30px;height:30px;display:grid}.ai-retouch-panel header svg{width:14px}.ai-retouch-wallet{background:#505155;border:1px solid #696a6e;grid-template-columns:1fr auto;padding:10px;display:grid}.ai-retouch-wallet span,.ai-retouch-wallet small{font-size:8px}.ai-retouch-wallet b{color:#ffe000}.ai-retouch-wallet small{color:#d0d1d3;grid-column:1/-1;margin-top:5px}.ai-retouch-panel>label{gap:5px;margin-top:11px;font-size:9px;display:grid}.ai-retouch-panel select{color:#fff;background:#393a3d;border:1px solid #777;padding:8px}.ai-retouch-submit,.ai-retouch-progress button{color:#292a2c;cursor:pointer;background:#ffe000;border:0;width:100%;margin-top:11px;padding:10px;font-weight:900}.ai-retouch-submit:disabled{opacity:.45;cursor:not-allowed}.ai-retouch-result-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.ai-retouch-result-actions button:last-child{color:#ffe000;background:#45464a;border:1px solid #ffe000}.ai-retouch-result-actions button:disabled{cursor:default;opacity:.65}.ai-retouch-panel>p,.ai-retouch-progress span{color:#c8c9cc;margin:10px 0 0;font-size:8px;line-height:1.45;display:block}.ai-retouch-panel .ai-retouch-error{color:#ffb3b3}.vignette-ai-retouch-panel{z-index:110;position:fixed}.retouch-region-control{margin-top:11px}.retouch-region-control>header{border:0;align-items:center;padding:0 0 6px;font-size:9px;display:flex}.retouch-region-control>header b{margin-right:auto}.retouch-region-control>header button{color:#fff;background:#555;border:1px solid #777;width:auto;height:auto;padding:3px 7px;font-size:8px}.retouch-region-canvas{-webkit-user-select:none;user-select:none;background:#252629;border:1px solid #777;place-items:center;width:100%;height:190px;display:grid;overflow:hidden}.retouch-region-canvas.disabled{opacity:.75}.retouch-region-image-plane{cursor:crosshair;touch-action:none;max-width:100%;height:100%;max-height:100%;position:relative;overflow:hidden}.retouch-region-canvas.disabled .retouch-region-image-plane{cursor:default}.retouch-region-image-plane>img{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.retouch-selection-box{pointer-events:none;background:#ffe00024;border:2px solid #ffe000;position:absolute;box-shadow:0 0 0 999px #0006}.retouch-selection-box span{color:#292a2c;background:#ffe000;padding:3px 5px;font:800 9px/1 sans-serif;position:absolute;top:-18px;left:-2px}.retouch-region-control>p{color:#d0d1d3;margin:6px 0 0;font-size:8px}.object-removal-brush{gap:10px;display:grid}.object-removal-brush>header,.object-removal-brush>label,.object-removal-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.object-removal-brush>header span{color:#aeb4bd;font-size:12px}.object-removal-plane{touch-action:none;background:#202226;border:1px solid #777b83;width:100%;max-height:360px;position:relative;overflow:hidden}.object-removal-plane img,.object-removal-plane canvas{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.object-removal-plane canvas{cursor:crosshair}.object-removal-preview>button{color:#ffe000;cursor:zoom-in;text-transform:uppercase;background:#1119;border:0;flex-direction:column;justify-content:center;align-items:center;width:100%;font-weight:900;display:flex;position:absolute;inset:0}.object-removal-preview>button:hover{background:#1115}.object-removal-preview>button small{color:#fff;text-transform:none;margin-top:4px;font-size:10px}.object-removal-backdrop{z-index:300;background:#090a0ddd;justify-content:center;align-items:center;padding:22px;display:flex;position:fixed;inset:0}.object-removal-dialog{background:#36383d;border:1px solid #777b83;border-radius:10px;gap:12px;width:max-content;max-width:calc(100vw - 44px);max-height:calc(100vh - 44px);padding:14px;display:grid;box-shadow:0 24px 70px #000b}.object-removal-dialog>header,.object-removal-dialog>header>div,.object-removal-dialog>footer{display:flex}.object-removal-dialog>header{justify-content:space-between;align-items:center}.object-removal-dialog>header>div,.object-removal-dialog>footer{flex-direction:column;gap:8px}.object-removal-dialog>header span{color:#bec1c7;font-size:11px}.object-removal-dialog>header>button{width:38px;height:38px;font-size:24px;line-height:1}.object-removal-plane.expanded{width:min(82vw,1100px);max-width:calc(100vw - 76px);max-height:72vh}.object-removal-dialog>footer>label{align-items:center;gap:10px;display:flex}.object-removal-dialog>footer input{min-width:min(420px,50vw)}.object-removal-plane.disabled canvas{cursor:not-allowed;pointer-events:none}.object-removal-brush input[type=range],.object-removal-actions button{flex:1}@media (max-width:700px){.object-removal-backdrop{padding:8px}.object-removal-dialog{max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);padding:10px}.object-removal-plane.expanded{width:calc(100vw - 36px);max-width:calc(100vw - 36px);height:auto}.object-removal-dialog>footer input{min-width:0}}.ai-retouch-panel{z-index:125;width:min(340px,100vw - 44px);max-height:calc(100vh - 108px);position:fixed;top:86px;left:auto;right:22px;overflow:auto;transform:none}.retouch-region-overlay{z-index:12;cursor:crosshair;touch-action:none;background:#0001;position:absolute;inset:0}.retouch-region-overlay>b{color:#ffe000;text-align:center;pointer-events:none;background:#17181cdd;width:max-content;max-width:85%;padding:8px 11px;font-size:11px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ai-edit-mode-tabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px;display:grid}.ai-edit-mode-tabs button{color:#d0d1d3;cursor:pointer;background:#393a3d;border:1px solid #696a6e;border-radius:6px;min-height:34px;font-size:9px;font-weight:800}.ai-edit-mode-tabs button.active{color:#292a2c;background:#ffe000;border-color:#ffe000}.ai-edit-mode-tabs button:disabled{cursor:not-allowed;opacity:.6}.ai-pose-description{background:#393a3d;border:1px solid #696a6e;border-radius:6px;margin-top:11px;padding:11px}.ai-pose-description b{color:#fff;font-size:10px}.ai-pose-description p{color:#d0d1d3;margin:6px 0 0;font-size:9px;line-height:1.5}.ai-edit-mode-tabs.three{grid-template-columns:repeat(3,1fr)}.ai-reference-pose{background:#393a3d;border:1px solid #696a6e;border-radius:6px;margin-top:11px;padding:10px}.ai-reference-pose label{color:#fff;gap:6px;font-size:9px;font-weight:800;display:grid}.ai-reference-pose input{color:#d0d1d3;max-width:100%;font-size:8px}.ai-reference-pose img{object-fit:contain;background:#252629;width:100%;height:180px;margin-top:9px;display:block}.ai-reference-pose p{color:#d0d1d3;margin:0;font-size:9px;line-height:1.5}.ai-edit-mode-tabs.four,.ai-edit-mode-tabs.five{grid-template-columns:repeat(2,1fr)}.ai-edit-mode-tabs.five button:last-child{grid-column:1/-1}.ai-edit-mode-tabs.six,.ai-edit-mode-tabs.seven{grid-template-columns:repeat(2,1fr)}.ai-edit-mode-tabs.seven button:last-child{grid-column:1/-1}.ai-edit-mode-tabs.eight{grid-template-columns:repeat(2,1fr)}.ai-edit-mode-tabs.nine{grid-template-columns:repeat(3,1fr)}.ai-edit-mode-tabs.ten{grid-template-columns:repeat(2,1fr)}.lumixa-wallet-access{color:#fff;background:#554b2f;border:1px solid #8b7130;border-radius:7px;margin:10px 0;padding:12px}.lumixa-wallet-access.insufficient{background:#5b383e;border-color:#a55b63}.lumixa-wallet-access strong{font-size:11px;display:block}.lumixa-wallet-access p{color:#f1e9cf!important;margin:6px 0 10px!important;font-size:8px!important;line-height:1.5!important}.lumixa-wallet-access>div{grid-template-columns:1fr 1fr;gap:7px;display:grid}.lumixa-wallet-access a,.lumixa-wallet-access button{color:#292a2c;text-align:center;cursor:pointer;background:#ffe000;border:1px solid #ffe000;border-radius:5px;place-items:center;min-height:35px;padding:7px 8px;font-size:8px;font-weight:900;text-decoration:none;display:grid}.lumixa-wallet-access button{color:#fff;background:#515256;border-color:#888}.lumixa-wallet-access button:disabled{opacity:.55;cursor:wait}.group-face-analysis{background:#393a3d;border:1px solid #696a6e;border-radius:6px;gap:9px;margin-top:11px;padding:11px;display:grid}.group-face-analysis b{color:#fff;font-size:10px}.group-face-analysis p{color:#d0d1d3;margin:4px 0 0;font-size:8px;line-height:1.5}.group-face-analysis>button{color:#292a2c;cursor:pointer;background:#ffe000;border:1px solid #ffe000;border-radius:5px;min-height:36px;font-size:9px;font-weight:900}.group-face-analysis>button:disabled{opacity:.5;cursor:not-allowed}.group-face-analysis output{background:#4d4e52;border:1px solid #777;grid-template-columns:1fr auto;gap:5px 10px;padding:9px;display:grid}.group-face-analysis output span{color:#d5d6d8;font-size:8px}.group-face-analysis output strong{color:#ffe000;font-size:11px}.group-face-analysis output small{color:#bfc0c3;text-align:right;grid-column:1/-1;font-size:7px}.group-face-selector-backdrop{z-index:400;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#080a0ee0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.group-face-selector-dialog{color:#fff;background:#25272b;border:1px solid #656970;border-radius:18px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1500px,96vw);height:min(920px,94vh);display:grid;overflow:hidden;box-shadow:0 30px 90px #000}.group-face-selector-dialog header,.group-face-selector-dialog footer{background:#303238;align-items:center;gap:14px;padding:16px 20px;display:flex}.group-face-selector-dialog header{justify-content:space-between}.group-face-selector-dialog header span{letter-spacing:.12em;text-transform:uppercase;color:#ffd900;font-size:12px;font-weight:800}.group-face-selector-dialog h2{margin:3px 0;font-size:24px}.group-face-selector-dialog p{color:#bfc3ca;margin:0}.group-face-selector-dialog header button{color:#fff;background:#26282c;border:1px solid #666;border-radius:9px;width:42px;height:42px;font-size:28px}.group-face-selector-stage{background:#111317;place-items:center;min-height:0;padding:18px;display:grid;overflow:auto}.group-face-selector-image{line-height:0;position:relative}.group-face-selector-image>img{object-fit:contain;max-width:calc(96vw - 80px);max-height:calc(94vh - 190px);display:block}.group-face-selector-image>button{color:#fff;cursor:pointer;background:#14161926;border:3px solid #8d929b;justify-content:space-between;align-items:flex-start;min-width:28px;min-height:28px;padding:4px;display:flex;position:absolute;box-shadow:0 0 0 1px #000}.group-face-selector-image>button.selected{background:#ffe0001f;border-color:#ffe000;box-shadow:0 0 0 1px #171300,0 0 16px #ffe0008c}.group-face-selector-image button b{background:#565b64;border-radius:50%;place-items:center;min-width:23px;height:23px;font-size:12px;line-height:1;display:grid}.group-face-selector-image button.selected b{color:#111;background:#ffe000}.group-face-selector-image button span{background:#000000b8;align-self:flex-end;padding:3px 5px;font-size:10px;line-height:1}.group-face-selector-dialog footer{flex-wrap:wrap;justify-content:flex-end}.group-face-selector-dialog footer div{flex-direction:column;margin-right:auto;display:flex}.group-face-selector-dialog footer div span{color:#ffe000}.group-face-selector-dialog footer button{color:#fff;background:#3a3d43;border:1px solid #62666d;border-radius:9px;padding:10px 16px;font-weight:700}.group-face-selector-dialog footer button.primary{color:#161616;background:#ffe000;border-color:#ffe000}.group-face-selector-dialog footer button:disabled{opacity:.45}@media (max-width:700px){.group-face-selector-backdrop{padding:0}.group-face-selector-dialog{border:0;border-radius:0;width:100vw;height:100dvh}.group-face-selector-dialog h2{font-size:19px}.group-face-selector-dialog p{font-size:12px}.group-face-selector-image>img{max-width:100vw;max-height:calc(100dvh - 210px)}.group-face-selector-image button span{display:none}}.ai-compare-backdrop{z-index:410;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07090ce6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ai-compare-dialog{color:#fff;background:#25272b;border:1px solid #666a72;border-radius:18px;grid-template-rows:auto auto minmax(0,1fr) auto;width:min(1500px,96vw);height:min(940px,94vh);display:grid;overflow:hidden;box-shadow:0 30px 90px #000}.ai-compare-dialog header,.ai-compare-dialog footer{background:#303238;justify-content:space-between;align-items:center;gap:16px;padding:15px 20px;display:flex}.ai-compare-dialog header span{letter-spacing:.12em;text-transform:uppercase;color:#ffe000;font-size:11px;font-weight:900}.ai-compare-dialog h2{margin:3px 0 0}.ai-compare-dialog header>button{color:#fff;background:#25272b;border:1px solid #666;border-radius:9px;width:42px;height:42px;font-size:28px}.ai-compare-dialog nav{background:#292b30;justify-content:center;gap:8px;padding:10px;display:flex}.ai-compare-dialog nav button,.ai-compare-dialog footer button{color:#fff;background:#383b41;border:1px solid #666a72;border-radius:9px;padding:9px 20px;font-weight:800}.ai-compare-dialog nav button.active{color:#151515;background:#ffe000;border-color:#ffe000}.ai-compare-stage{background:#111317;place-items:center;min-height:0;padding:16px;display:grid;overflow:auto}.ai-compare-image{flex:none;line-height:0;position:relative;overflow:hidden}.ai-compare-image>img{object-fit:contain;max-width:calc(96vw - 70px);max-height:calc(94vh - 280px);display:block}.ai-compare-image>img.sized{object-fit:fill;width:100%;max-width:none;height:100%;max-height:none}.ai-compare-after{position:absolute;inset:0}.ai-compare-after img{object-fit:fill;width:100%;height:100%}.ai-compare-image>i{background:#ffe000;width:3px;position:absolute;top:0;bottom:0;transform:translate(-1px);box-shadow:0 0 12px #000}.ai-compare-image>b{background:#000000b8;border-radius:7px;padding:7px 10px;font-size:12px;line-height:1;position:absolute;top:12px}.ai-compare-image .before-label{left:12px}.ai-compare-image .after-label{color:#ffe000;right:12px}.ai-compare-controls{flex:1;align-items:center;gap:18px;min-width:0;display:flex}.ai-compare-dialog footer label{align-items:center;gap:12px;width:min(620px,60%);font-weight:800;display:flex}.ai-compare-dialog footer input{accent-color:#ffe000;width:100%}.ai-compare-zoom{align-items:center;gap:9px;min-width:290px;display:flex}.ai-compare-zoom button{font-size:18px;padding:7px 13px!important}.ai-compare-zoom input{min-width:130px}.ai-compare-open{color:#ffe000!important;border-color:#ffe000!important}@media (max-width:700px){.ai-compare-backdrop{padding:0}.ai-compare-dialog{border:0;border-radius:0;width:100vw;height:100dvh}.ai-compare-image>img{max-width:100vw;max-height:calc(100dvh - 290px)}.ai-compare-dialog footer{align-items:flex-end}.ai-compare-controls{flex-direction:column;align-items:stretch;gap:8px}.ai-compare-dialog footer label{width:100%}.ai-compare-zoom{min-width:0}.ai-compare-zoom input{min-width:60px}}.feedback-launcher{z-index:480;color:#292a2d;cursor:pointer;background:#ffe000;border:1px solid #d7bd00;border-radius:22px;align-items:center;gap:7px;min-height:40px;padding:0 14px;font-size:10px;font-weight:900;display:flex;position:fixed;bottom:58px;right:18px;box-shadow:0 8px 26px #0006}.feedback-launcher svg{width:17px}.feedback-launcher i{background:#d52f39;border-radius:50%;width:8px;height:8px}.feedback-backdrop{z-index:520;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#111318d9;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.feedback-dialog{color:#fff;background:#393a3f;border:1px solid #74767d;border-radius:10px;grid-template-rows:auto auto minmax(0,1fr);width:min(720px,100%);max-height:min(850px,100dvh - 48px);display:grid;overflow:hidden;box-shadow:0 25px 80px #000b}.feedback-dialog>header{background:#4b4c51;border-bottom:1px solid #65666c;justify-content:space-between;align-items:center;gap:16px;padding:15px 18px;display:flex}.feedback-dialog>header span{color:#ffe000;letter-spacing:.1em;text-transform:uppercase;font-size:8px;font-weight:900}.feedback-dialog h2{margin:4px 0 0;font-size:18px}.feedback-dialog>header>button{color:#fff;cursor:pointer;background:#3a3b40;border:1px solid #777980;border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.feedback-dialog>header svg{width:17px}.feedback-dialog>form{border-bottom:1px solid #5e6066;padding:14px 18px}.feedback-category{grid-template-columns:1fr 1fr;gap:7px;margin-bottom:9px;display:grid}.feedback-category button{color:#ddd;cursor:pointer;background:#505156;border:1px solid #6d6f75;border-radius:4px;min-height:34px;font-size:9px;font-weight:800}.feedback-category button.active{color:#fff7a7;background:#665f25;border-color:#ffe000}.feedback-dialog textarea{resize:vertical;color:#fff;width:100%;font:inherit;background:#2c2d31;border:1px solid #73757c;border-radius:4px;outline:0;padding:10px;font-size:11px}.feedback-dialog textarea:focus{border-color:#ffe000}.feedback-submit-row{justify-content:space-between;align-items:center;gap:12px;margin-top:8px;display:flex}.feedback-submit-row small{color:#aaa;font-size:8px}.feedback-submit-row button{color:#292a2d;cursor:pointer;background:#ffe000;border:0;border-radius:4px;align-items:center;gap:6px;min-height:34px;padding:0 12px;font-size:9px;font-weight:900;display:flex}.feedback-submit-row button:disabled{opacity:.45;cursor:default}.feedback-submit-row svg{width:14px}.feedback-error{color:#ff9b9b;margin-top:8px;font-size:9px;display:block}.feedback-history{min-height:0;padding:14px 18px 20px;overflow:auto}.feedback-history>h3{margin:0 0 10px;font-size:12px}.feedback-history>p{color:#bbb;font-size:10px}.feedback-history>article{background:#323338;border:1px solid #5e6066;border-radius:5px;margin-bottom:10px;padding:10px}.feedback-history article>header{justify-content:space-between;gap:10px;margin-bottom:8px;font-size:9px;display:flex}.feedback-history article>header span{background:#6c6d72;border-radius:10px;padding:3px 7px}.feedback-history article>header span.answered{background:#287552}.feedback-history article>header span.closed{color:#bbb;background:#55565b}.feedback-history article>div{background:#45464b;border-radius:4px;margin-top:6px;padding:8px}.feedback-history article>div.admin{background:#555329;border-left:3px solid #ffe000;margin-left:30px}.feedback-history article>div strong{color:#ffe000;font-size:8px}.feedback-history article>div p{color:#fff;white-space:pre-wrap;margin:4px 0 0;font-size:10px}.admin-metrics{grid-template-columns:repeat(5,1fr)}.admin-feedback-list{gap:12px;padding:14px;display:grid}.admin-feedback-ticket{background:#45464a;border:1px solid #6a6b70;border-radius:5px;overflow:hidden}.admin-feedback-ticket>summary{cursor:pointer;background:#4d4e52;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;list-style:none;display:flex}.admin-feedback-ticket>summary::-webkit-details-marker{display:none}.admin-feedback-ticket>summary strong,.admin-feedback-ticket>summary span,.admin-feedback-ticket>summary small{display:block}.admin-feedback-ticket>summary strong{font-size:11px}.admin-feedback-ticket>summary span{color:#bbb;margin-top:2px;font-size:8px}.admin-feedback-ticket>summary small{color:#ddd;text-overflow:ellipsis;white-space:nowrap;max-width:560px;margin-top:4px;font-size:8px;overflow:hidden}.admin-feedback-summary-actions{flex:none;align-items:center;gap:8px;display:flex!important}.admin-feedback-summary-actions i{background:#777;border-radius:10px;height:max-content;padding:4px 8px;font-size:8px;font-style:normal}.admin-feedback-summary-actions i.open{color:#fff1a5;background:#8d6d21}.admin-feedback-summary-actions i.answered{background:#287552}.admin-feedback-summary-actions b{color:#ffe000;font-size:8px}.admin-feedback-ticket[open] .admin-feedback-summary-actions b{font-size:0}.admin-feedback-ticket[open] .admin-feedback-summary-actions b:before{content:"Закрити";font-size:8px}.admin-feedback-thread{overscroll-behavior:contain;gap:7px;max-height:280px;padding:10px 12px;display:grid;overflow-y:auto}.admin-feedback-thread>div{background:#595a5f;border-radius:5px;max-width:82%;padding:8px 10px}.admin-feedback-thread>div.admin{background:#666128;border-right:3px solid #ffe000;margin-left:auto}.admin-feedback-thread b{color:#ffe000;font-size:8px}.admin-feedback-thread p{white-space:pre-wrap;color:#fff!important;margin:4px 0!important;font-size:10px!important}.admin-feedback-thread small{color:#bbb;font-size:7px}.admin-feedback-list form{background:#3f4044;border-top:1px solid #626368;padding:10px 12px}.admin-feedback-list form textarea{resize:vertical;color:#fff;width:100%;font:inherit;background:#2f3034;border:1px solid #707176;border-radius:4px;padding:8px;font-size:10px}.admin-feedback-list form>div{justify-content:flex-end;gap:7px;margin-top:7px;display:flex}.admin-feedback-list select,.admin-feedback-list form button{color:#fff;background:#57585d;border:1px solid #77787d;border-radius:4px;min-height:32px;padding:0 10px;font-size:9px;font-weight:800}.admin-feedback-list form button{color:#292a2d;cursor:pointer;background:#ffe000;border-color:#ffe000}.admin-feedback-empty{text-align:center;padding:20px}@media (max-width:900px){.admin-metrics{grid-template-columns:1fr 1fr}}@media (max-width:620px){.feedback-launcher{right:max(10px, env(safe-area-inset-right));bottom:max(54px, calc(env(safe-area-inset-bottom) + 44px));padding:0 11px;font-size:8px}.feedback-backdrop{padding:0}.feedback-dialog{border:0;border-radius:0;width:100vw;height:100dvh;max-height:none}.feedback-dialog h2{font-size:15px}.feedback-category{grid-template-columns:1fr}.admin-feedback-thread>div{max-width:95%}.admin-feedback-list{gap:8px;padding:8px}.admin-feedback-ticket>summary{padding:9px}.admin-feedback-ticket>summary small{max-width:46vw}.admin-feedback-summary-actions{gap:5px}.admin-feedback-thread{max-height:230px;padding:8px}.admin-feedback-list form{padding:8px}}.psd-import-button{color:#ffe000!important;border-color:#ffe000!important}.design-element.imported-decoration{cursor:move;touch-action:none;background:0 0!important}.spread-design-canvas.psd-layer-target-mode .imported-decoration:not(.selected){pointer-events:none}.spread-design-canvas.psd-layer-target-mode .imported-decoration.selected{pointer-events:auto}.imported-decoration-image{object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.design-element.template-locked.design-text{cursor:move}.psd-layer-picker{background:#48494c;border:1px solid #747579;border-radius:4px;padding:10px;margin:0 0 14px!important}.psd-layer-picker select{width:100%;margin-top:6px}.psd-layer-picker small{color:#c8c9cc;margin-top:7px;font-size:9px;line-height:1.35;display:block}.psd-layer-context-menu{z-index:1300;background:#333438;border:1px solid #8a8b8f;border-radius:5px;min-width:205px;padding:5px;display:grid;position:fixed;transform:translateY(-4px);box-shadow:0 10px 30px #0008}.psd-layer-context-menu button{color:#f4f4f5;text-align:left;background:0 0;border:0;border-radius:3px;align-items:center;gap:8px;min-height:34px;padding:7px 10px;display:flex}.psd-layer-context-menu button:first-child{color:#ffe000;font-weight:800}.psd-layer-context-menu button:hover{background:#55565a}.psd-layer-context-menu svg{width:15px;height:15px}.psd-import-backdrop{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#101114d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.psd-import-dialog{color:#fff;background:#45464b;border:1px solid #717278;border-radius:10px;width:min(760px,96vw);max-height:min(780px,94dvh);overflow:auto;box-shadow:0 24px 80px #0000008c}.psd-import-dialog>header{background:#525359;border-bottom:1px solid #62636a;justify-content:space-between;gap:20px;padding:20px 22px;display:flex}.psd-import-dialog>header span{color:#ffe000;text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:900}.psd-import-dialog>header h2{margin:5px 0 4px;font-size:22px}.psd-import-dialog>header p{color:#c7c7ca;max-width:570px;margin:0;font-size:11px;line-height:1.5}.psd-import-dialog>header>button{color:#fff;cursor:pointer;background:#3a3b40;border:1px solid #74757a;border-radius:5px;flex:none;place-items:center;width:34px;height:34px;display:grid}.psd-import-dialog>header svg{width:17px}.psd-import-fields{grid-template-columns:1fr 1fr;gap:12px;padding:18px 22px 12px;display:grid}.psd-import-dropzone{text-align:center;cursor:pointer;background:#393a3f;border:1px dashed #929398;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:180px;padding:18px;display:flex}.psd-import-dropzone:hover{background:#3f402f;border-color:#ffe000}.psd-import-dropzone>svg{color:#ffe000;width:30px}.psd-import-dropzone strong{font-size:14px}.psd-import-dropzone span{color:#bfc0c4;font-size:9px;line-height:1.45}.psd-import-dropzone input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.psd-import-dropzone b{color:#26272a;background:#ffe000;border-radius:4px;margin-top:5px;padding:7px 12px;font-size:9px}.psd-import-dropzone.font-zone>svg{color:#9fc5ff}.psd-import-notes{color:#c8c9cc;background:#37383d;border-radius:5px;margin:0 22px 14px;padding:12px 14px 12px 30px;font-size:9px;line-height:1.55}.psd-import-error{color:#ffd5d5;background:#592f32;border:1px solid #9c5353;border-radius:5px;margin:0 22px 14px;padding:10px 12px;font-size:10px}.psd-import-dialog>footer{justify-content:flex-end;gap:8px;padding:14px 22px 20px;display:flex}.psd-import-dialog>footer button{color:#fff;cursor:pointer;background:#55565b;border:1px solid #727378;border-radius:5px;align-items:center;gap:7px;min-height:38px;padding:0 15px;font-size:10px;font-weight:900;display:inline-flex}.psd-import-dialog>footer button.primary{color:#26272a;background:#ffe000;border-color:#ffe000}.psd-import-dialog>footer button:disabled{opacity:.45;cursor:default}.psd-import-dialog>footer svg{width:15px}.psd-analysis-backdrop{z-index:270;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#141518e0;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.psd-analysis-dialog{color:#fff;background:#2d2e32;border:1px solid #77787d;border-radius:8px;width:min(980px,96vw);max-height:92vh;overflow:auto;box-shadow:0 24px 80px #0009}.psd-analysis-dialog>header{z-index:2;background:#333438;border-bottom:1px solid #55565b;justify-content:space-between;padding:18px 22px;display:flex;position:sticky;top:0}.psd-analysis-dialog>header span{color:#ffe000;text-transform:uppercase;font-size:9px;font-weight:900}.psd-analysis-dialog h2{margin:4px 0 0;font-size:21px}.psd-analysis-dialog h3{margin:0 0 10px;font-size:14px}.psd-analysis-dialog>header button{color:#fff;background:#424348;border:1px solid #696a70;border-radius:5px;width:34px;height:34px}.psd-analysis-dialog>header svg{width:16px}.psd-analysis-list{gap:12px;padding:18px 22px;display:grid}.psd-analysis-list article{background:#37383d;border:1px solid #55565b;border-radius:7px;grid-template-columns:130px 1fr;display:grid;overflow:hidden}.psd-score{color:#242529;background:#ffe000;align-content:center;justify-items:center;padding:20px;display:grid}.psd-score strong{font-size:34px}.psd-score span{text-transform:uppercase;font-size:9px;font-weight:900}.psd-analysis-main{min-width:0;padding:16px 18px}.psd-analysis-counts{flex-wrap:wrap;gap:6px;display:flex}.psd-analysis-counts b{background:#4a4b50;border-radius:4px;padding:5px 7px;font-size:9px}.psd-analysis-main dl{grid-template-columns:repeat(5,minmax(110px,1fr));gap:7px;margin:12px 0;display:grid}.psd-analysis-main dl div{background:#2c2d31;border-radius:4px;padding:8px}.psd-analysis-main dt{color:#96979c;text-transform:uppercase;font-size:8px}.psd-analysis-main dd{margin:3px 0 0;font-size:9px;font-weight:800}.psd-analysis-warnings{gap:5px;margin:10px 0;padding:0;list-style:none;display:grid}.psd-analysis-warnings li{color:#ffd991;align-items:flex-start;gap:7px;font-size:9px;line-height:1.4;display:flex}.psd-analysis-warnings svg{flex:0 0 13px;width:13px}.psd-analysis-main details{margin-top:10px}.psd-analysis-main summary{cursor:pointer;color:#ffe000;font-size:9px;font-weight:900}.psd-layer-report{border:1px solid #505156;max-height:220px;margin-top:8px;overflow:auto}.psd-layer-report div{border-bottom:1px solid #48494e;justify-content:space-between;gap:15px;padding:6px 8px;font-size:9px;display:flex}.psd-layer-report b{color:#b8bac0;text-align:right}.psd-analysis-dialog>footer{background:#333438;border-top:1px solid #55565b;justify-content:flex-end;padding:12px 22px;display:flex;position:sticky;bottom:0}.psd-analysis-dialog>footer button{color:#242529;background:#ffe000;border:0;border-radius:5px;min-width:110px;min-height:38px;font-size:10px;font-weight:900}@media (max-width:620px){.psd-import-backdrop{padding:0}.psd-import-dialog{border:0;border-radius:0;width:100vw;min-height:100dvh;max-height:100dvh}.psd-import-dialog>header{padding:max(16px, env(safe-area-inset-top)) 15px 14px}.psd-import-dialog>header h2{font-size:18px}.psd-import-fields{grid-template-columns:1fr;padding:12px 15px 10px}.psd-import-dropzone{min-height:125px}.psd-import-notes,.psd-import-error{margin-left:15px;margin-right:15px}.psd-import-dialog>footer{padding:10px 15px max(18px, env(safe-area-inset-bottom))}.psd-analysis-backdrop{padding:0}.psd-analysis-dialog{border:0;border-radius:0;width:100vw;min-height:100dvh;max-height:100dvh}.psd-analysis-list article{grid-template-columns:1fr}.psd-score{grid-template-columns:auto auto;gap:8px}.psd-score strong{font-size:24px}.psd-analysis-main dl{grid-template-columns:1fr 1fr}}.photopea-ai-plugin{color:#f5f5f6;background:#2f3035;align-content:start;gap:13px;min-height:100dvh;padding:14px;font:12px/1.4 Arial,sans-serif;display:grid}.photopea-ai-plugin header span{color:#ffe000;letter-spacing:.14em;text-transform:uppercase;font-size:9px;font-weight:900}.photopea-ai-plugin h1{margin:3px 0;font-size:19px}.photopea-ai-plugin header p{color:#bfc1c7;margin:0;font-size:10px}.photopea-ai-plugin label{color:#d8d9dd;gap:5px;font-weight:700;display:grid}.photopea-ai-plugin select{color:#fff;background:#44454b;border:1px solid #666870;border-radius:4px;width:100%;min-height:36px;padding:0 9px}.photopea-ai-plugin input,.photopea-ai-plugin textarea{color:#fff;background:#44454b;border:1px solid #666870;border-radius:4px;width:100%;min-height:34px;padding:7px}.photopea-ai-plugin textarea{resize:vertical;min-height:68px}.photopea-ai-region{border:1px solid #5d5f66;border-radius:5px;grid-template-columns:1fr 1fr;gap:7px;margin:0;padding:9px;display:grid}.photopea-ai-region legend{color:#ffe000;padding:0 5px;font-weight:800}.photopea-ai-region small{color:#b9bbc1;grid-column:1/-1}.photopea-object-remove{gap:8px;display:grid}.photopea-object-remove>button{color:#ffe000;cursor:pointer;background:#45464c;border:1px solid #ffe000;border-radius:5px;min-height:36px;font-weight:800}.photopea-object-remove>button:disabled{opacity:.45;cursor:wait}.photopea-object-remove>small{color:#b9bbc1}.photopea-object-remove .object-removal-brush{margin:0}.photopea-removal-methods{grid-template-columns:1fr 1fr;gap:6px;display:grid}.photopea-removal-methods button{color:#ddd;cursor:pointer;background:#44454b;border:1px solid #666870;border-radius:4px;min-height:32px;font-weight:800}.photopea-removal-methods button.active{color:#ffe000;background:#5b542a;border-color:#ffe000}.photopea-removal-methods button:disabled{opacity:.45;cursor:wait}.photopea-ai-billing{background:#393a40;border:1px solid #5d5f66;border-radius:5px;grid-template-columns:1fr auto;gap:3px 8px;padding:10px;display:grid}.photopea-ai-billing strong{color:#ffe000}.photopea-ai-billing small{color:#b9bbc1;grid-column:1/-1}.photopea-ai-plugin>button{color:#242529;cursor:pointer;background:#ffe000;border:1px solid #ffe000;border-radius:5px;min-height:40px;font-weight:900}.photopea-ai-plugin>button:disabled{opacity:.45;cursor:wait}.photopea-ai-plugin .status,.photopea-ai-plugin .error{border-radius:4px;margin:0;padding:8px;font-size:10px}.photopea-ai-plugin .status{color:#a9e7c8;background:#36473f}.photopea-ai-plugin .error{color:#ffb8b8;background:#573637}.photopea-ai-note{color:#aeb0b6}.photopea-generative-edit{gap:9px}.photopea-prompt-examples{flex-wrap:wrap;gap:5px;display:flex}.photopea-prompt-examples button,.photopea-ai-variants>button{color:#eef0f4;font:inherit;cursor:pointer;background:#3e4046;border:1px solid #666970;border-radius:5px;padding:6px 8px}.photopea-prompt-examples button:hover{border-color:#ffe000}.photopea-ai-variants{background:#292a2e;border:1px solid #6b631e;border-radius:6px;gap:8px;padding:9px;display:grid}.photopea-ai-variants>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.photopea-ai-variants>div button{cursor:pointer;background:#1e1f22;border:2px solid #0000;border-radius:5px;padding:0;position:relative;overflow:hidden}.photopea-ai-variants>div button.active{border-color:#ffe000}.photopea-ai-variants img{aspect-ratio:1;object-fit:cover;width:100%;display:block}.photopea-ai-variants span{color:#171717;background:#ffe000;border-radius:3px;min-width:18px;padding:2px;font-weight:900;position:absolute;bottom:3px;right:3px}.photopea-ai-variants>button:not(.secondary){color:#171717;background:#ffe000;font-weight:900}.photopea-ai-variants>button.secondary{background:0 0}:root{--album-ui-header:#55565a;--album-ui-panel:#5d5e62;--album-ui-panel-strong:#505155;--album-ui-panel-soft:#6a6b6f;--album-ui-canvas:#a8a9ab;--album-ui-border:#77787b;--album-ui-text:#f5f5f6;--album-ui-muted:#c8c9cb;--album-ui-accent:#ffe000;--album-ui-active:#6b6638}.spread-editor-shell,.vignette-editor-shell{background:var(--album-ui-canvas);color:var(--album-ui-text)}.spread-editor-toolbar,.vignette-editor-shell .topbar{border-color:var(--album-ui-border);background:var(--album-ui-header);color:var(--album-ui-text);box-shadow:none}.spread-editor-toolbar .eyebrow,.vignette-editor-shell .topbar .eyebrow,.spread-project-heading .eyebrow{color:var(--album-ui-muted)}.spread-editor-toolbar button,.vignette-editor-shell .topbar button,.vignette-editor-shell .export-actions button,.vignette-editor-shell .export-actions .editor-mode-link{border-color:var(--album-ui-border);background:var(--album-ui-panel-soft);color:var(--album-ui-text);border-radius:4px}.spread-editor-toolbar button:hover:not(:disabled),.vignette-editor-shell .topbar button:hover:not(:disabled),.vignette-editor-shell .export-actions button:hover:not(:disabled){border-color:var(--album-ui-accent)}.spread-editor-toolbar button.active,.spread-editor-toolbar button[aria-pressed=true],.vignette-editor-shell .topbar button.active{border-color:var(--album-ui-accent);background:var(--album-ui-active);color:#fff}.unified-album-sheets,.album-story-strip.persistent-album-navigation,.unified-album-sheets>button:not(.album-content-sheet):not(.album-add-sheet),.persistent-album-navigation .compact-system-story-slot>button,.persistent-album-navigation .system-story-slot>button.story-system-sheet{border-color:var(--album-ui-border);background:var(--album-ui-panel);color:var(--album-ui-text)}.unified-album-sheets>button.active,.unified-album-sheets>button[aria-current=page],.persistent-album-navigation .compact-system-story-slot>button.active{border-color:var(--album-ui-accent);background:var(--album-ui-active);box-shadow:inset 3px 0 var(--album-ui-accent)}.vignette-editor-shell .workflow-bar,.spread-stage-toolbar{border-color:var(--album-ui-border);background:var(--album-ui-panel-soft);color:var(--album-ui-text)}.vignette-editor-shell .template-picker,.vignette-editor-shell .action-card,.spread-stage-toolbar button,.spread-stage-toolbar label{border-color:var(--album-ui-border);background:var(--album-ui-panel-soft);color:var(--album-ui-text);border-radius:4px}.vignette-editor-shell .workspace,.vignette-editor-shell .canvas-stage,.spread-stage{background:var(--album-ui-canvas)}.vignette-editor-shell .sidebar,.vignette-editor-shell .participants-sidebar{border-color:var(--album-ui-border);background:var(--album-ui-panel-soft);color:var(--album-ui-text)}.vignette-editor-shell .panel-heading h2,.vignette-editor-shell .student-row{color:var(--album-ui-text)}.vignette-editor-shell .student-row small,.vignette-editor-shell .panel-heading .eyebrow{color:var(--album-ui-muted)}.vignette-editor-shell .student-row:hover,.vignette-editor-shell .student-row.active{background:var(--album-ui-active);color:#fff}.vignette-editor-shell .layout-tools button,.vignette-editor-shell .layout-tools label,.vignette-page-tabs button{border-color:var(--album-ui-border);background:var(--album-ui-panel);color:var(--album-ui-text);border-radius:4px}.vignette-page-tabs button.active{border-color:var(--album-ui-accent);background:var(--album-ui-active);box-shadow:inset 0 -3px var(--album-ui-accent)}.spread-inspector,.vignette-editor-shell .inspector{border-color:var(--album-ui-border);background:var(--album-ui-header);color:var(--album-ui-text);scrollbar-color:var(--album-ui-panel-soft) var(--album-ui-panel-strong)}.spread-inspector input,.spread-inspector textarea,.spread-inspector select,.vignette-editor-shell .inspector input,.vignette-editor-shell .inspector textarea,.vignette-editor-shell .inspector select{border-color:var(--album-ui-border);background:var(--album-ui-panel-strong);color:var(--album-ui-text);border-radius:4px}.inspector-accordion,.spread-inspector section{border-color:var(--album-ui-border);background:var(--album-ui-panel)}.story-panel-collapse-button,.participants-collapse-button,.unified-album-sheets>header>button{border-color:var(--album-ui-border);background:var(--album-ui-panel-soft);color:#fff}.story-panel-collapse-button:hover,.participants-collapse-button:hover,.unified-album-sheets>header>button:hover{border-color:var(--album-ui-accent);color:var(--album-ui-accent)}.album-story-strip.persistent-album-navigation{scrollbar-gutter:auto;background:#56575c;border-right:1px solid #77787b;gap:7px;width:190px;padding:9px}.persistent-album-navigation-header{flex:none;justify-content:space-between;align-items:center;gap:6px;min-height:34px;display:flex}.persistent-album-navigation-header>strong{color:#ffe000;letter-spacing:.08em;text-transform:uppercase;padding:0 5px;font-size:10px}.persistent-album-navigation .story-panel-collapse-button{flex:none;width:30px;min-height:30px;padding:0}.persistent-album-navigation .story-strip-slot{border:0;padding:0}.persistent-album-navigation .compact-system-story-slot>button,.persistent-album-navigation .system-story-slot>button.story-system-sheet{aspect-ratio:auto;color:#fff;width:100%;height:54px;min-height:54px;max-height:54px;box-shadow:none;text-align:left;background:#56575c;border:1px solid #77787b;border-radius:5px;grid-template-columns:22px 22px minmax(0,1fr);place-items:center start;gap:5px;padding:7px;display:grid}.persistent-album-navigation .compact-system-story-slot>button:hover,.persistent-album-navigation .system-story-slot>button.story-system-sheet:hover,.persistent-album-navigation .compact-system-story-slot>button.active{background:#66633f;border-color:#ffe000;box-shadow:inset 3px 0 #ffe000}.persistent-album-navigation .compact-system-story-slot>button>span,.persistent-album-navigation .system-story-slot>button.story-system-sheet>span{color:#ffe000;text-align:center;background:0 0;padding:0;font-size:10px;font-weight:900;position:static}.persistent-album-navigation .compact-system-story-slot>button>svg,.persistent-album-navigation .system-story-slot>button.story-system-sheet>svg{color:#fff;width:16px;height:16px}.persistent-album-navigation .compact-system-story-slot>button>b,.persistent-album-navigation .system-story-slot>button.story-system-sheet>b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.persistent-album-navigation .story-strip-slot:not(.system-story-slot):not(.compact-system-story-slot){padding:0}.persistent-album-navigation .story-strip-slot:not(.system-story-slot):not(.compact-system-story-slot)>button:first-child{box-shadow:none;border:3px solid #ffe000;border-radius:0}.persistent-album-navigation>.add-story-sheet.persistent-add-story-sheet{color:#66676a;background:#aaabae;border:1px dashed #737478;border-radius:0;flex:none;width:100%;min-height:86px;margin:6px 0 8px}.persistent-album-navigation>.add-story-sheet.persistent-add-story-sheet:hover{color:#4e450e;border-color:#ffe000}.persistent-album-navigation.collapsed{width:44px;padding:8px 5px}.persistent-album-navigation.collapsed .persistent-album-navigation-header{justify-content:center}.persistent-album-navigation.collapsed .persistent-album-navigation-header>strong,.persistent-album-navigation.collapsed .story-strip-slot,.persistent-album-navigation.collapsed>.add-story-sheet.persistent-add-story-sheet{display:none}.spread-stage:not(.story-panel-collapsed){padding-left:210px}.spread-stage:not(.story-panel-collapsed) .spread-stage-toolbar{left:212px}
