.custom-backgrounds{border:1px solid #dce3d8;border-radius:8px;padding:12px;margin-bottom:18px;background:#f3f5ee}.custom-backgrounds>summary{font-size:12px;font-weight:750;cursor:pointer;min-height:26px}.background-library>p{font-size:11px;line-height:1.6;color:#647060}.background-library .field{margin-top:12px}.background-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}.background-grid>button,.background-grid>article{display:flex;flex-direction:column;text-align:left;min-width:0;border:1px solid #d9dfd4;border-radius:7px;padding:7px;background:#fffdfa;color:#344c3c}.background-grid img{width:100%;height:132px;object-fit:cover;border-radius:4px}.background-grid strong{font-size:12px;margin-top:8px}.background-grid small{font-size:10px;color:#6a7467;margin:4px 0}.background-checkbox{display:flex;align-items:center;gap:7px;font-size:11px;margin:12px 0}.admin-backgrounds{margin-top:42px;border-top:1px solid #d9dfd4;padding-top:32px}.admin-backgrounds>p{max-width:850px;line-height:1.7;color:#647060}.background-admin-grid{display:grid;grid-template-columns:minmax(230px,.6fr) minmax(300px,1.4fr);gap:24px;align-items:start}.admin-background-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.admin-background-grid img{height:200px}@media(max-width:700px){.background-admin-grid{grid-template-columns:1fr}}.background-manager-heading{display:flex;gap:16px;align-items:center;justify-content:space-between;margin-top:32px}.background-category-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px}.background-category-row{padding:14px;border:1px solid #d9dfd4;border-radius:8px;background:#fffdfa;display:flex;flex-direction:column;gap:10px}.background-row-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.background-row-actions .button{font-size:11px;padding:8px 10px}.background-edit-form{width:100%;margin-top:15px}.background-edit-form .field{margin-bottom:12px}.background-edit-form input,.background-edit-form select{width:100%;min-width:0}.admin-background-grid:has(.background-edit-form){grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.background-category-row strong,.admin-background-grid strong{overflow-wrap:anywhere}.background-category-row .button{white-space:normal}.calendar-placement-editor{margin-top:20px}.calendar-placement-editor .admin-calendar-preview{display:block;width:100%;height:auto;max-height:580px;min-height:320px;background:#eee9de;border:1px solid #b7c1b1;margin-top:16px;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.calendar-drag-surface{cursor:grab}.admin-calendar-preview.is-dragging .calendar-drag-surface{cursor:grabbing}.calendar-size-handle{outline:none}.calendar-size-handle:focus-visible .handle-marker{fill:#ffe2a1;stroke:#191f1b;stroke-width:1.5}.calendar-drag-surface:focus-visible{outline:none;stroke:#376e55;stroke-width:1;stroke-dasharray:2 1}.handle-nw,.handle-se{cursor:nwse-resize}.handle-ne,.handle-sw{cursor:nesw-resize}.handle-n,.handle-s{cursor:ns-resize}.handle-e,.handle-w{cursor:ew-resize}.calendar-position-readout{display:block;margin:12px 0;font-size:12px;font-variant-numeric:tabular-nums;color:#425b4b}.calendar-placement-editor button[aria-pressed=true]{border-color:#376e55;background:#e7efe8;color:#254c38}@font-face{font-family:Manrope;src:url(/fonts/Manrope.ttf) format("truetype");font-style:normal;font-weight:200 800;font-display:swap}@font-face{font-family:Lora;src:url(/fonts/Lora.ttf) format("truetype");font-style:normal;font-weight:400 700;font-display:swap}:root{font-family:Manrope,sans-serif;color:#26312e;background:#f7f6f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--accent: #df5a3e;--accent-dark: #be4229;--accent-soft: #fbeee9;--ink: #26312e;--muted: #716d65;--line: #eae8e2;--surface: #fff;--canvas: #eeede8;--sage: #eaf2eb;--radius: 8px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;color:inherit}button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.4}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button,input,textarea,select{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease,color .16s ease}svg{flex-shrink:0}p,h1,h2,h3{margin:0}input,select,textarea{min-width:0;color:var(--ink)}input::placeholder,textarea::placeholder{color:#8c877f}select{cursor:pointer}button svg{pointer-events:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#d2cfc6;border-radius:5px}::-webkit-scrollbar-track{background:transparent}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.app-shell{height:100dvh;min-height:560px;overflow:hidden;display:flex;flex-direction:column}.app-header{height:76px;flex-shrink:0;display:flex;align-items:center;gap:24px;padding:0 25px 0 23px;background:#fff;border-bottom:1px solid var(--line);z-index:50}.brand{display:flex;align-items:center;gap:10px;text-align:left;padding:0;flex-shrink:0;font-weight:800;letter-spacing:-1.05px;font-size:24px;line-height:1}.brand-light{font-weight:450}.brand>span:last-child{position:relative;padding-bottom:12px}.brand small{display:block;position:absolute;bottom:0;left:1px;letter-spacing:2.2px;font-size:7.5px;font-weight:650;color:#827a70}.brand-mark{position:relative;width:29px;height:34px;display:block;transform:rotate(-9deg)}.brand-mark span{position:absolute;display:block;background:var(--accent);border-radius:1px;width:11px;height:25px;left:0;top:5px}.brand-mark span:nth-child(2){width:11px;height:25px;left:14px;top:5px;transform:rotate(45deg);transform-origin:center}.brand-mark span:nth-child(3){width:11px;height:22px;left:14px;top:10px;transform:rotate(-45deg);transform-origin:center;background:#f6b29c}.header-divider{height:28px;width:1px;background:var(--line);flex-shrink:0}.project-identity{min-width:0;flex:1}.project-title-row{display:flex;align-items:center;gap:3px;max-width:300px}.project-name{border:0;outline:none;background:transparent;padding:2px 0;font-size:13px;font-weight:700;width:100%;text-overflow:ellipsis}.project-title-row>svg{color:#7d7d73}.save-indicator{display:flex;gap:5px;align-items:center;font-size:10px;color:#777a70;margin-top:3px;white-space:nowrap}.save-indicator.saved svg{color:#5b846a}.save-indicator.error{color:#b84630}.header-actions{display:flex;gap:10px;align-items:center;flex-shrink:0}.header-actions>.header-divider{margin:0 2px}.avatar{margin-left:5px;border-radius:50%;background:#ebe9e2;border:3px solid #f6f5f1;width:35px;height:35px;display:grid;place-items:center;font-size:10px;font-weight:750;color:#67675f}.icon-button{width:32px;height:32px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;color:#5c625d}.icon-button:hover:not(:disabled){background:#f1efea;color:var(--ink)}.icon-button.active{background:#f3eee7;color:#a7664e}.icon-button:disabled{opacity:.28}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:7px;font-size:11px;font-weight:700;line-height:1.3;min-height:37px;white-space:nowrap}.button.primary{color:#fff;background:var(--accent);box-shadow:0 1px 1px #94392114}.button.secondary{background:#fff;border:1px solid #dfded7;color:#39433d}.button.secondary:hover:not(:disabled){background:#f8f6f1;border-color:#c8c3b9}.button.full{width:100%}.button.large{min-height:46px;font-size:12px}.text-button{padding:0;display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:750;color:#b04d35}.text-button:hover{color:#7c3524}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.editor-body{display:flex;flex:1;min-height:0;position:relative}.tool-rail{display:flex;flex-direction:column;justify-content:space-between;width:76px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:15px 8px 12px;z-index:35}.rail-main,.rail-bottom{display:flex;flex-direction:column;gap:8px}.rail-bottom{padding-top:16px;border-top:1px solid var(--line)}.rail-item{height:63px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:600;color:#686d65;border-radius:8px;position:relative;width:100%}.rail-item:hover{background:#f7f5ef;color:#26312e}.rail-item.selected{background:var(--accent-soft);color:#c24e35}.rail-item.selected:before{content:"";position:absolute;left:-8px;top:15px;bottom:15px;width:3px;background:var(--accent);border-radius:0 3px 3px 0}.library-panel{width:270px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:#fff;border-right:1px solid var(--line);z-index:30}.panel-heading{height:63px;display:flex;align-items:center;justify-content:space-between;padding:0 19px;flex-shrink:0;gap:8px}.panel-heading h2{font-size:13px;font-weight:750;letter-spacing:-.35px}.panel-heading .icon-button{width:24px;height:28px;color:#8a8d84}.panel-scroll{padding:0 19px 22px;overflow-y:auto;min-height:0;flex:1}.panel-description{font-size:10px;color:var(--muted);line-height:1.6;margin:-4px 0 18px}.search-field{height:37px;display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding:0 10px;gap:7px;background:#fdfcf9;color:#85867d}.search-field input{border:0;background:transparent;width:100%;font-size:10px;outline:none}.search-field:focus-within{border-color:#d88a72;box-shadow:0 0 0 2px #df5a3e0d}.search-field kbd{font-size:16px;color:#aaa69d;font-family:inherit}.filter-tabs{display:flex;gap:5px;margin:15px 0 18px}.filter-tabs button{font-size:10px;padding:6px 11px;border-radius:5px;color:#706e66;font-weight:650}.filter-tabs button.active{background:#efede7;color:#343c34}.filter-tabs button:hover{background:#f6f3ec}.template-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;row-gap:22px}.template-card{text-align:left;padding:0;min-width:0;display:flex;flex-direction:column}.collection-count{font-size:11px;color:#53675c;margin:12px 0;font-weight:650}.collection-filters{flex-wrap:wrap;gap:4px!important}.collection-filters button{padding:6px 8px;font-size:10px}.collection-results{color:#817d74;font-size:10px;margin:12px 0}.template-art.collection-art{height:178px;overflow:hidden}.collection-preview{height:92%;max-width:92%;filter:drop-shadow(0 2px 3px #38443e22)}.template-art{width:100%;height:142px;border:1px solid #e7e4dc;background:#f4f1e8;border-radius:7px;position:relative;display:flex;align-items:center;justify-content:center;transition:border-color .16s,transform .16s}.template-card.chosen .template-art{border:1.5px solid var(--accent);box-shadow:0 0 0 2px #df5a3e0a}.template-card:hover .template-art{transform:translateY(-2px);border-color:#c4bcb0}.template-card strong{font-size:10px;font-weight:750;line-height:1.3;margin:9px 0 3px}.template-card>small{color:#7b776f;font-size:9px;line-height:1.4}.mini-paper{display:block;box-shadow:0 3px 8px #4d4a4120;background:#fff;width:74%;height:81%;padding:5px;overflow:hidden;transform:rotate(-2deg);position:relative}.mini-paper>img{height:55%;width:100%;object-fit:cover;display:block}.mini-paper .mini-month{display:flex;align-items:center;justify-content:space-between;font-family:Lora,serif;font-size:6px;line-height:1.4;padding:7px 1px 3px;font-weight:600}.mini-paper .mini-month i{font-family:Manrope,sans-serif;font-style:normal;font-size:4px}.mini-grid{display:grid;grid-template-columns:repeat(7,1fr);font-size:3px;gap:2px 3px;text-align:center;color:#4e514b;padding:2px 0}.mini-grid b{font-weight:400}.mini-paper.minimal>img{height:45%}.mini-paper.editorial{background:#f4ebde;transform:rotate(2deg)}.mini-paper.editorial>img{height:50%}.mini-paper.botanical{background:#edf1e8}.mini-paper.terracotta{background:#f1dfd1}.mini-badge{position:absolute;top:6px;left:6px;background:#fffef9e6;border-radius:3px;color:#79766c;padding:3px 4px;font-size:5.5px;letter-spacing:.6px;font-weight:800;z-index:2}.template-check{position:absolute;right:5px;bottom:5px;background:var(--accent);color:#fff;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;box-shadow:0 1px 2px #a640341c}.library-note{margin:26px 0 2px;background:#f5f2e9;border-radius:8px;padding:15px 12px;display:flex;gap:10px;color:#82735d}.library-note>svg{margin-top:2px;color:#aa8863}.library-note strong{display:block;font-size:10px;color:#5c594e;font-weight:750}.library-note p{font-size:9px;line-height:1.7;margin:5px 0 10px;color:#797266}.library-note .text-button{font-size:9px;color:#a15e42}.library-footer{display:flex;align-items:center;justify-content:center;gap:6px;font-size:8px;color:#797e72;border-top:1px solid var(--line);padding:15px 8px;background:#fff;flex-shrink:0}.section-label{font-size:8px;font-weight:800;letter-spacing:1.1px;color:#7b7c70;display:flex;align-items:center;justify-content:space-between;margin:24px 0 13px}.section-label>span:last-child:not(:first-child){font-weight:500;letter-spacing:0;font-size:9px}.upload-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;border:1px dashed #d6c6b4;border-radius:9px;padding:25px 12px;color:#be795c;background:#fbf8f1;gap:8px;min-height:156px}.upload-zone:hover{border-color:#c86c4b;background:#f9f2e7}.upload-zone strong{font-size:11px;color:#574b3e;margin-top:4px}.upload-zone span{font-size:8px;color:#7e7567}.upload-zone small{font-size:7px;color:#8b8172;margin-top:4px}.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.photo-grid button{padding:0;height:106px;position:relative;overflow:hidden;border-radius:6px;background:#efede7;text-align:left}.photo-grid img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.photo-grid button:hover img{transform:scale(1.06)}.photo-grid button>span{position:absolute;left:0;right:0;bottom:0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:20px 6px 6px;background:linear-gradient(transparent,#182a27b3);font-size:7px;color:#fff}.photo-grid i{display:grid;place-items:center;position:absolute;top:5px;right:5px;width:22px;height:22px;background:#ffffffed;border-radius:4px;color:#6b5d4a;opacity:0}.photo-grid button:hover i{opacity:1}.helper-text{font-size:9px;line-height:1.8;color:#7b786f;margin:13px 0}.text-preset{display:flex;align-items:center;justify-content:space-between;width:100%;background:#f8f6f0;border:1px solid #ede9e0;border-radius:6px;padding:18px 11px;margin-bottom:10px;text-align:left}.text-preset:hover{border-color:#c9b8a5;background:#f4eee4}.heading-preset{font-family:Lora,serif;font-size:17px;font-weight:500}.subheading-preset{font-size:12px;font-weight:700}.body-preset{font-size:10px}.text-preset svg{color:#9a8c79}.quote-card{display:flex;gap:8px;align-items:center;justify-content:space-between;width:100%;font-family:Lora,serif;font-size:12px;line-height:1.6;text-align:left;border-bottom:1px solid var(--line);padding:15px 2px}.quote-card>svg{color:#a09380}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shape-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px solid var(--line);border-radius:6px;min-height:90px;color:#9d775b}.shape-grid button:hover{background:#faf3e9;border-color:#d5bfa7}.shape-grid span{font-size:8px;color:#736d62}.large-swatches{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.large-swatches button{height:45px;border-radius:5px}.event-form{display:flex;flex-direction:column;gap:0}.event-item{display:flex;gap:9px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.event-item>div{flex:1;min-width:0}.event-item strong,.event-item small{display:block;font-size:10px}.event-item small{font-size:9px;color:#837b6f;margin-top:4px}.event-dot{width:6px;height:6px;display:block;border-radius:50%}.layer-list{display:flex;flex-direction:column;gap:5px}.layer-row{display:flex;align-items:center;border-radius:6px;border:1px solid transparent;padding:3px;color:#6e7168}.layer-row:hover{background:#f6f3ec}.layer-row.active{background:var(--accent-soft);border-color:#efd3c7;color:#ab5d43}.layer-select{display:flex;align-items:center;gap:7px;flex:1;min-width:0;text-align:left;padding:7px 2px}.layer-select span{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.layer-select>svg:first-child{color:#b0ada1}.layer-row>.icon-button{width:25px;height:30px}.workspace{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;background:var(--canvas)}.workspace-toolbar{height:63px;background:#fbfaf6;border-bottom:1px solid #e4e2da;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 22px;flex-shrink:0}.document-type{display:flex;align-items:center;gap:9px;min-width:0}.document-icon{background:#e7e5dc;width:30px;height:33px;border-radius:6px;display:grid;place-items:center;color:#6b705f}.document-type>span:last-child{font-size:10px;font-weight:700;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-type small{font-size:8px;color:#8b8779;display:flex;gap:6px;align-items:center;font-weight:500;margin-top:3px}.document-type small i{display:inline-block;width:3px;height:3px;background:#b5ad9d;border-radius:50%}.canvas-actions{display:flex;align-items:center;gap:3px}.history-buttons{display:flex;gap:0}.toolbar-divider{display:block;width:1px;height:21px;background:#dedbd2;margin:0 6px}.canvas-viewport{position:relative;flex:1;min-height:0;overflow:auto;background-color:#eeede8;background-image:radial-gradient(#cfcfc44a .7px,transparent .7px);background-size:10px 10px;display:flex;align-items:center;justify-content:center;padding:43px 48px 36px;isolation:isolate}.canvas-page-label{position:absolute;top:16px;left:24px;display:flex;align-items:center;gap:6px;font-size:8px;font-weight:700;letter-spacing:1.2px;color:#7d7f73;white-space:nowrap;z-index:3}.page-dot{height:5px;width:5px;border-radius:50%;background:#a0a293}.composite-label{font-size:7px;letter-spacing:0;font-weight:500;border-left:1px solid #c8c9bb;padding-left:7px;margin-left:2px}.paper-surround{position:relative;flex-shrink:0;display:block;background:#fff;box-shadow:0 5px 25px #44453d15,0 1px 3px #252a2318}.ruler-label{position:absolute;top:-16px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.6px;color:#969587;line-height:1}.ruler-label:before,.ruler-label:after{content:"";position:absolute;top:4px;height:5px;width:30%;border-top:1px solid #d2d2c8}.ruler-label:before{left:0;border-left:1px solid #d2d2c8}.ruler-label:after{right:0;border-right:1px solid #d2d2c8}.design-canvas{display:block;overflow:visible;touch-action:none;background:#fff;user-select:none;-webkit-user-select:none}.node-hit{cursor:move;outline:none}.node-hit:hover:not(.selected){stroke:#d66548;stroke-width:.6;stroke-dasharray:2 1}.node-hit.locked{cursor:default}.resize-handle{cursor:nwse-resize}.rotate-handle{cursor:grab}.dragging,.dragging .node-hit{cursor:grabbing}.canvas-bottom-tools{position:absolute;bottom:13px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;pointer-events:none;gap:10px;z-index:5}.canvas-hint{display:flex;align-items:center;gap:6px;color:#85877b;font-size:8px;white-space:nowrap;background:#eeede8d9;padding:5px;border-radius:4px}.zoom-control{background:#fff;border:1px solid #e2dfd6;box-shadow:0 2px 5px #3a3e3010;display:flex;align-items:center;padding:2px 3px;border-radius:6px;pointer-events:auto;height:31px}.zoom-control .icon-button{width:25px;height:25px}.zoom-control>button:not(.icon-button){font-size:9px;padding:4px 6px;font-weight:700;min-width:43px}.zoom-control>span{height:14px;width:1px;background:var(--line);margin:0 2px}.page-strip{height:138px;background:#fbfaf6;border-top:1px solid #e1dfd5;flex-shrink:0;padding:13px 20px 9px;overflow:hidden}.page-strip-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;margin-bottom:11px;color:#7f7c71}.page-strip-heading strong{color:#5a6054;font-size:9px;font-weight:750}.page-strip-heading strong>span{font-size:7px;background:#e9e7dd;border-radius:3px;padding:2px 4px;margin-left:4px;font-weight:600;color:#7f8074}.page-strip-heading>span{font-size:8px}.page-thumbnails{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;padding-bottom:6px;scrollbar-width:thin;scroll-snap-type:x proximity}.page-thumbnail{display:flex;flex-direction:column;align-items:center;gap:7px;flex:0 0 49px;padding:0;scroll-snap-align:start}.thumbnail-paper{height:63px;width:45px;display:block;position:relative;border:1px solid #dcdad0;background:#fff;box-shadow:0 1px 3px #31372b12;padding:2px;border-radius:2px}.thumbnail-paper>svg{width:100%;height:100%;display:block}.page-thumbnail.active .thumbnail-paper{border:1.5px solid var(--accent);box-shadow:0 0 0 2px #df5a3e0d}.page-thumbnail:hover .thumbnail-paper{border-color:#ba8a6b}.thumbnail-active-dot{height:8px;width:8px;position:absolute;bottom:-4px;right:-4px;border:2px solid #fbfaf6;background:var(--accent);border-radius:50%}.thumbnail-label{font-size:7px;line-height:1;color:#817e71;white-space:nowrap}.page-thumbnail.active .thumbnail-label{color:#be573a;font-weight:750}.single-explainer{display:flex;align-items:center;gap:15px;padding:4px 10px 5px 20px;color:#87785f;min-width:320px;flex:1}.single-explainer>div{display:flex;flex-direction:column;gap:5px}.single-explainer strong{font-size:10px;color:#696452}.single-explainer span{font-size:8px;line-height:1.5}.single-explainer label{display:flex;align-items:center;gap:7px;font-size:8px}.single-explainer select{font-size:8px;border:1px solid #ddd6c6;border-radius:3px;background:#fff;padding:3px 6px}.workspace-status{height:27px;display:flex;justify-content:space-between;align-items:center;padding:0 18px;border-top:1px solid #e8e5da;background:#f8f7f2;font-size:7px;color:#858579;flex-shrink:0;gap:5px}.workspace-status>span{display:flex;align-items:center;gap:5px;white-space:nowrap}.workspace-status i{height:3px;width:3px;background:#c0beaf;border-radius:50%;margin:0 3px}.workspace-status button{padding:0;display:flex;align-items:center;gap:5px;font-size:7px;color:#8b877b}.status-dot{width:4px;height:4px;background:#88a18b;border-radius:50%}.inspector{width:264px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:#fff;border-left:1px solid var(--line);z-index:30}.inspector>.panel-heading{height:63px;border-bottom:1px solid var(--line);padding:0 17px}.inspector>.panel-heading h2{font-size:11px;font-weight:750}.inspector-scroll{overflow-y:auto;min-height:0;flex:1}.inspector-section{padding:21px 17px;border-bottom:1px solid var(--line)}.section-title{display:flex;gap:7px;align-items:center;margin-bottom:18px;color:#828577}.section-title h3{font-size:10px;color:#485244;font-weight:750;letter-spacing:-.1px}.field{display:flex;flex-direction:column;gap:7px;font-size:10px;margin:0 0 14px;min-width:0}.field>span,.field-label{font-size:9px;font-weight:600;color:#78796e}.field>input,.field>select,.field>textarea{width:100%;padding:10px 9px;border:1px solid #e5e2d9;border-radius:5px;background:#fff;font-size:10px;outline-offset:1px;line-height:1.4}.field>input:hover,.field>select:hover,.field>textarea:hover{border-color:#c8c3b8}.field>textarea{resize:vertical;min-height:75px;line-height:1.8}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.input-unit{display:flex;align-items:center;border:1px solid #e5e2d9;border-radius:5px;background:#fff;padding:0 8px}.input-unit:focus-within{border-color:#cb8b70;box-shadow:0 0 0 2px #df5a3e0a}.input-unit input{border:0;background:none;width:100%;outline:none;padding:9px 0;font-size:10px;line-height:1.4;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.input-unit input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.input-unit small{font-size:8px;color:#a09c8f;margin-left:3px}.readonly-value{display:flex;align-items:center;justify-content:space-between;font-size:9px;line-height:1.4;border:1px solid #e8e5dc;border-radius:5px;background:#f9f8f4;padding:10px 8px;color:#646d5c}.readonly-value svg{color:#a5a293}.switch-row{display:flex;position:relative;align-items:center;justify-content:space-between;gap:10px;min-height:30px;padding:5px 0;cursor:pointer;margin:3px 0}.switch-row>span:first-child{font-size:9px;color:#6b7263;display:flex;flex-direction:column;gap:4px;line-height:1.4}.switch-row>span>small{font-size:8px;color:#8d887a;line-height:1.4;font-weight:400}.switch-row input{position:absolute;right:0;opacity:0;width:30px;height:20px;margin:0;cursor:pointer;z-index:1}.switch-track{width:28px;height:16px;background:#dfdfd5;border-radius:10px;flex-shrink:0;position:relative;transition:background .2s}.switch-track:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #29352226;transition:transform .2s}.switch-row input:checked+.switch-track{background:#6e8c75}.switch-row input:checked+.switch-track:after{transform:translate(12px)}.switch-row input:focus-visible+.switch-track{outline:2px solid var(--accent);outline-offset:3px}.swatches{display:flex;gap:7px;align-items:center;margin:12px 0 19px}.swatches>button{width:23px;height:23px;border-radius:50%;position:relative;display:grid;place-items:center;color:#fff}.swatches>button.selected:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border:1px solid currentColor;border-radius:50%;color:#d3c7b5}.custom-color{height:23px;width:23px;border:1px solid #ddd8ca;border-radius:50%;display:grid;place-items:center;position:relative;overflow:hidden;cursor:pointer;color:#8e887b}.custom-color input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.color-field{display:flex;align-items:center;gap:7px;font-size:8px;color:#7e7c70}.color-field>span{flex:1}.color-field input[type=color]{border:1px solid #e3ded0;padding:2px;background:#fff;width:24px;height:24px;border-radius:4px;cursor:pointer}.color-field code{font:7px Manrope,sans-serif;color:#8d8778}.preflight-card{display:flex;align-items:center;gap:9px;background:#f0f4ed;color:#6f8c6f;width:100%;padding:13px 10px;margin-top:17px;border:1px solid #e2e9dc;border-radius:6px;text-align:left}.preflight-card>span{flex:1;min-width:0}.preflight-card strong,.preflight-card small{display:block;font-size:8px}.preflight-card strong{font-weight:750;color:#576d50}.preflight-card small{font-size:7px;color:#86907b;margin-top:5px;line-height:1.5}.preflight-card.has-errors{background:#fff2e5;border-color:#f3dcc2;color:#b97d39}.preflight-card.has-errors strong{color:#9a6b37}.inspector-bottom{display:flex;align-items:center;gap:9px;padding:17px;background:#fcfbf7;font-size:8px;line-height:1.8;color:#999180;flex-shrink:0}.inspector-bottom>svg{color:#c1a27c}.inspector-bottom strong{font-size:8px;font-weight:600;color:#8b8271}.selection-summary{display:flex;gap:9px;align-items:center;margin-bottom:20px}.selection-summary>div{flex:1;min-width:0}.selection-summary strong,.selection-summary small{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selection-summary small{font-size:8px;color:#8a877a;margin-top:4px;white-space:normal;line-height:1.5}.selection-icon{display:grid;place-items:center;width:34px;height:34px;background:#f4efe6;color:#a3825d;border-radius:6px}.inline-note{display:flex;align-items:flex-start;gap:8px;background:#f3f4ed;border:1px solid #e8e9db;border-radius:6px;font-size:9px;line-height:1.8;color:#767c65;padding:12px;margin:12px 0}.inline-note>svg{flex-shrink:0;margin-top:2px;color:#8a9a76}.inline-note.warning{background:#fff4e8;border-color:#f3ddbf;color:#a17942}.segmented-control{display:flex;border:1px solid #e5e0d4;border-radius:5px;overflow:hidden;margin:3px 0 15px}.segmented-control button{flex:1;display:grid;place-items:center;min-height:34px;color:#888878;border-right:1px solid #e5e0d4}.segmented-control button:last-child{border:0}.segmented-control button.active{background:#f3eee3;color:#8a6245}.range-field{display:block;margin:19px 0}.range-field>span{display:flex;justify-content:space-between;font-size:9px;color:#797b6b}.range-field small{font-size:8px;color:#8b8575}.range-field input{width:100%;margin:13px 0 0;accent-color:#c06c4b;height:4px;cursor:pointer}.align-buttons{display:flex;gap:3px;justify-content:space-between;margin-bottom:17px}.align-buttons .icon-button{width:30px;height:30px;border:1px solid #e7e3d8;color:#807e6f}.selection-actions{display:flex;gap:8px;margin:10px 0}.selection-actions>.button{flex:1;min-width:0;font-size:9px;padding:9px 7px;gap:5px}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:#2f3c33;color:#faf9f4;padding:13px 14px 13px 17px;border:1px solid #ffffff20;border-radius:8px;box-shadow:0 6px 30px #1d2f2b25;z-index:120;max-width:min(640px,calc(100vw - 35px));font-size:11px;line-height:1.6;animation:toast-in .2s ease-out}.toast>svg{color:#b6c9b3}.toast>span{flex:1}.toast button{padding:0;display:grid;place-items:center;color:#c5cfc1;width:23px;height:23px;flex-shrink:0}.toast button:hover{color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#26312e70;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;padding:25px}.modal{background:#fffefb;border:1px solid #ffffffb3;border-radius:14px;width:540px;max-width:100%;max-height:90dvh;display:flex;flex-direction:column;box-shadow:0 18px 80px #192b2730;outline:none;overflow:hidden}.modal.wide{width:830px}.modal-header{padding:25px 25px 21px;border-bottom:1px solid #ece8de;display:flex;justify-content:space-between;align-items:flex-start;gap:15px;flex-shrink:0}.modal-header h2{font-family:Lora,serif;font-weight:500;font-size:24px;line-height:1.3;letter-spacing:-.6px;color:#374033}.modal-header p{font-size:10px;line-height:1.7;color:#8a8477;margin-top:9px;max-width:430px}.modal-header .icon-button{background:#f3f0e8;width:28px;height:28px;color:#8f897c;margin-top:1px}.modal-body{padding:22px 25px 25px;overflow-y:auto;min-height:0}.modal-body .field{margin-bottom:17px}.modal-body .field>span{font-size:10px}.modal-body .field>input,.modal-body .field>select,.modal-body .field>textarea,.modal-body .input-unit input{font-size:11px;padding-top:12px;padding-bottom:12px}.modal-body .input-unit small{font-size:9px}.modal-body .switch-row{padding:10px 0}.modal-body .switch-row>span:first-child{font-size:11px}.modal-body .switch-row>span>small{font-size:9px}.modal-body .helper-text{font-size:9px;margin:17px 0}.modal-body .inline-note{font-size:10px}.modal-body .selection-actions{margin:0 0 17px}.modal-body .selection-actions>.button{font-size:11px;min-height:40px}.product-picker{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.product-picker button{border:1px solid #e7e2d7;padding:20px 15px;text-align:left;border-radius:8px;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:9px;background:#faf8f2}.product-picker button>svg:first-child{color:#a7987e;margin-bottom:6px}.product-picker button>svg:last-child:not(:first-child){position:absolute;top:13px;right:13px;color:var(--accent)}.product-picker button strong{font-size:12px;color:#4c5345}.product-picker button>span{font-size:9px;color:#8f8777}.product-picker button.chosen{border:1.5px solid #df9476;background:#fdf4ec}.product-picker button.chosen>svg:first-child{color:#c77a57}.modal-body>.button.primary.large{margin-top:7px}.export-summary{display:flex;gap:18px;align-items:center;padding-bottom:20px;border-bottom:1px solid var(--line);margin-bottom:19px}.export-cover{width:65px;height:92px;background:#fff;box-shadow:0 3px 12px #303b2920;flex-shrink:0}.export-cover>svg{width:100%;height:100%;display:block}.export-summary>div:last-child{min-width:0}.export-summary h3{font-size:14px;font-weight:750;line-height:1.4;color:#4c5546}.export-summary p{font-size:10px;color:#7b7d6d;margin-top:6px}.export-summary span{display:block;font-size:9px;color:#8a8373;margin:6px 0}.export-summary small{display:block;font-size:8px;color:#9a9281}.quality-summary{display:flex;align-items:center;gap:12px;padding:16px 13px;background:#f0f4e9;border:1px solid #e0e7d5;border-radius:7px;color:#83946d;margin:16px 0}.quality-summary strong{font-size:11px;color:#687d51}.quality-summary p{font-size:9px;color:#8c967b;margin-top:5px;line-height:1.6}.quality-summary.warning{background:#fff5e9;border-color:#f3ddc4;color:#b7874b}.quality-summary.warning strong{color:#a67a43}.issue-list{max-height:190px;overflow:auto;border:1px solid #e9e3d6;border-radius:6px;margin:15px 0}.issue-list button{display:flex;gap:10px;align-items:center;width:100%;padding:12px;border-bottom:1px solid #eee7d9;text-align:left}.issue-list button:last-child{border:0}.issue-list button:hover{background:#faf5ea}.issue-list button>svg:first-child{color:#be9865}.issue-list button>svg:last-child{color:#b2a68e}.issue-list button>span{flex:1}.issue-list strong{display:block;font-size:10px;font-weight:700;color:#79694f}.issue-list small{display:block;font-size:9px;line-height:1.6;color:#978a73;margin-top:3px}.export-other{display:flex;justify-content:center;gap:22px;border-top:1px solid #ece6da;margin-top:21px;padding-top:18px}.export-other button{display:flex;align-items:center;gap:6px;color:#8a806d;font-size:9px}.export-other button:hover{color:#b36f49}.project-list{display:flex;flex-direction:column;margin:17px 0 22px}.project-list-item{display:flex;align-items:center;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}.project-list-item>button:not(.button):not(.icon-button),.project-list-item>div{flex:1;min-width:0;text-align:left;padding:0}.project-list-item strong{display:block;font-size:11px;color:#5b604f;line-height:1.5;font-weight:750;word-break:break-word}.project-list-item small{display:block;font-size:9px;line-height:1.6;margin-top:4px;color:#928976}.project-list-item>svg{color:#a99a7e}.project-file-icon{width:37px;height:43px;border-radius:6px;background:#f2ede1;display:grid;place-items:center;color:#a99a7e;flex-shrink:0}.project-list-item .button{font-size:9px;padding:8px;min-height:32px}.current-badge{background:#eef0e5;color:#8a9475;font-size:7px;letter-spacing:.4px;padding:5px 7px;border-radius:4px}.empty-state{padding:25px 12px;text-align:center;color:#99907c;font-size:10px;line-height:1.8}.empty-state>svg{color:#b8ad95;margin:0 auto 15px;display:block}.empty-state h3{font-family:Lora,serif;font-size:18px;font-weight:500;color:#7c755e;margin-bottom:10px}.empty-state p{font-size:10px}.help-steps{display:flex;flex-direction:column;gap:18px;margin:3px 0 24px}.help-steps p{display:flex;align-items:flex-start;gap:13px;font-size:11px;line-height:1.8;color:#7d7d68}.help-steps b{font-size:10px;color:#b38a61;background:#f7efdf;border-radius:5px;padding:4px 6px;line-height:1.4}.shortcut-list{border:1px solid #eee8da;border-radius:7px;padding:4px 14px;margin-bottom:20px}.shortcut-list>div{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid #eee8da;gap:12px;font-size:10px;color:#817d69}.shortcut-list>div:last-child{border:0}.shortcut-list kbd{font:8px Manrope,sans-serif;background:#f5f1e7;border:1px solid #e8e0cf;border-radius:4px;padding:4px 6px;white-space:nowrap;color:#9a8b70}.preview-modal-body{padding:0 25px 20px;overflow:auto;min-height:0;background:#f4f1e9}.preview-navigation{display:flex;justify-content:center;align-items:center;gap:28px;padding:13px 0}.preview-navigation>span{font-size:12px;color:#746e5b;text-align:center;min-width:100px;font-weight:700}.preview-navigation small{display:block;font-size:8px;font-weight:500;margin-top:4px;color:#a2947a}.large-preview{height:min(60dvh,600px);max-width:100%;margin:auto;display:flex;justify-content:center}.large-preview>svg{height:100%;width:auto;max-width:100%;background:#fff;box-shadow:0 6px 25px #3e463322}.preview-footer{padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:15px}.preview-footer>span{display:flex;align-items:center;gap:7px;font-size:9px;color:#958c78}.preview-footer>.button{font-size:10px;min-height:37px}@media(min-width:1500px){.library-panel{width:292px}.inspector{width:280px}.app-header{height:80px}.canvas-viewport{padding:45px 55px 38px}.template-art{height:161px}.panel-scroll,.panel-heading{padding-left:22px;padding-right:22px}.page-strip{height:152px}.thumbnail-paper{height:74px;width:53px}.page-thumbnail{flex-basis:57px}.page-thumbnails{gap:16px}.page-strip-heading{margin-bottom:12px}.thumbnail-label{font-size:8px}.document-type>span:last-child{font-size:11px}.document-type small{font-size:9px}.inspector-section{padding:23px 20px}.field>span,.field-label,.switch-row>span:first-child{font-size:10px}.field>input,.field>select,.field>textarea,.input-unit input{font-size:11px}.section-title h3{font-size:11px}}@media(max-width:1250px){.app-header{gap:17px;padding-left:18px;padding-right:18px}.brand{font-size:22px}.brand small{font-size:7px;letter-spacing:1.9px}.library-panel{width:240px}.inspector{width:232px}.panel-heading{padding:0 15px}.panel-scroll{padding-left:15px;padding-right:15px}.template-grid{column-gap:10px}.template-art{height:128px}.inspector-section{padding:18px 14px}.inspector>.panel-heading{padding:0 14px}.swatches{gap:6px}.swatches>button,.custom-color{width:21px;height:21px}.header-actions{gap:7px}.header-actions>.icon-button:first-child{display:none}.canvas-hint{font-size:7px}.canvas-hint>svg{width:11px}.workspace-toolbar{padding:0 15px}.canvas-actions{gap:1px}.canvas-actions .icon-button{width:29px}.toolbar-divider{margin:0 4px}.document-type{gap:7px}.document-type>span:last-child{font-size:9px}.document-type small{font-size:7px}.document-icon{width:27px;height:30px}.workspace-status{font-size:6px;padding:0 12px}.workspace-status button{font-size:6px}.selection-actions>.button{font-size:8px;gap:4px;padding:8px 5px}.align-buttons .icon-button{width:27px}}@media(max-width:1050px){.inspector{position:absolute;right:0;top:0;bottom:0;width:260px;z-index:42;box-shadow:-8px 0 25px #3a433718}.app-header{gap:14px}.project-name{font-size:12px}.header-actions>.icon-button{display:none}.header-actions>.header-divider{display:none}.brand{font-size:21px}.brand-mark{transform:rotate(-9deg) scale(.9)}.canvas-hint{font-size:8px}.workspace-status,.workspace-status button{font-size:7px}.workspace-toolbar{padding-right:15px}.inspector-section{padding:20px 17px}.inspector>.panel-heading{padding:0 17px}.selection-actions>.button{font-size:9px;padding:9px 7px}.align-buttons .icon-button{width:30px}.swatches{gap:7px}.swatches>button,.custom-color{width:23px;height:23px}}@media(max-width:800px){.app-shell{min-height:540px}.app-header{height:68px;padding:0 14px;gap:12px}.brand{font-size:21px;gap:6px}.brand small{font-size:6px;letter-spacing:1.7px}.brand-mark{width:26px;transform:rotate(-9deg) scale(.8);transform-origin:left center}.app-header>.header-divider{display:none}.project-identity{display:none}.header-actions{margin-left:auto;gap:7px}.avatar{display:none}.header-actions>.button{font-size:10px;padding:10px 12px}.tool-rail{width:64px;padding:12px 6px 10px}.rail-item{height:59px;font-size:8px;gap:5px}.rail-item.selected:before{left:-6px}.rail-main{gap:4px}.rail-bottom{gap:4px;padding-top:10px}.library-panel{position:absolute;left:64px;top:0;bottom:0;width:250px;box-shadow:7px 0 22px #39402e18;z-index:41}.panel-heading{height:60px}.panel-scroll{padding-left:17px;padding-right:17px}.template-art{height:132px}.inspector{width:255px;z-index:43}.workspace-toolbar{height:60px;padding:0 13px;gap:7px}.document-type>span:last-child{font-size:10px}.document-type small{font-size:8px}.document-icon{width:28px;height:32px}.canvas-actions .icon-button,.history-buttons .icon-button{width:29px}.canvas-viewport{padding:44px 35px 40px}.canvas-page-label{left:17px;top:17px;font-size:7px}.canvas-bottom-tools{left:14px;right:14px;bottom:12px}.canvas-hint{font-size:7px;max-width:50%;white-space:normal;line-height:1.6}.page-strip{height:132px;padding-left:15px;padding-right:15px}.page-thumbnails{gap:10px}.workspace-status{height:25px;padding:0 10px;font-size:6px}.workspace-status>span:last-child{display:none}.modal-backdrop{padding:18px}.modal{max-height:92dvh}.modal-header{padding:23px 21px 19px}.modal-header h2{font-size:23px}.modal-header p{font-size:10px}.modal-body{padding:20px 21px 23px}.preview-modal-body{padding:0 18px 18px}.large-preview{height:min(58dvh,540px)}}@media(max-width:520px){.app-header{height:62px;padding:0 11px;gap:7px}.brand{font-size:19px;gap:1px}.brand-mark{width:25px;transform:rotate(-9deg) scale(.7)}.brand>span:last-child{padding-bottom:10px}.brand small{font-size:5px;letter-spacing:1.55px}.header-actions{gap:5px}.header-actions>.button{font-size:9px;padding:9px 10px;min-height:34px;gap:5px}.header-actions>.button svg{width:14px;height:14px}.preview-button span{display:none}.preview-button{width:34px!important;padding:0!important}.tool-rail{width:56px;padding:10px 5px 7px}.rail-main{gap:3px}.rail-item{height:55px;font-size:7px;gap:6px}.rail-item>svg{width:20px;height:20px}.rail-item.selected:before{left:-5px;top:13px;bottom:13px}.rail-bottom{padding-top:8px;gap:0}.rail-bottom .rail-item{height:47px}.library-panel{left:56px;width:min(258px,calc(100vw - 56px));z-index:41}.inspector{width:min(270px,calc(100vw - 56px))}.workspace-toolbar{height:56px;padding:0 9px;gap:4px}.document-type{gap:6px;max-width:calc(100% - 79px)}.document-icon{display:none}.document-type>span:last-child{font-size:8px}.document-type small{font-size:6px;gap:4px}.canvas-actions{gap:0}.canvas-actions>.icon-button:not(:last-child){display:none}.canvas-actions>.toolbar-divider{display:none}.canvas-actions .icon-button{width:26px;height:32px}.history-buttons .icon-button{width:25px}.history-buttons .icon-button svg{width:15px;height:15px}.canvas-viewport{padding:39px 23px 44px}.canvas-page-label{left:12px;font-size:6px;letter-spacing:1px;top:16px;gap:5px}.composite-label{font-size:5px}.ruler-label{font-size:6px}.canvas-bottom-tools{left:9px;right:9px;bottom:10px;gap:5px}.canvas-hint{display:none}.zoom-control{margin-left:auto;height:33px}.zoom-control .icon-button{height:27px;width:26px}.zoom-control>button:not(.icon-button){font-size:8px;min-width:37px}.page-strip{height:127px;padding:13px 12px 6px}.page-strip-heading{font-size:8px;margin-bottom:10px}.page-strip-heading strong{font-size:8px}.page-strip-heading>span{font-size:7px}.page-strip-heading strong>span{font-size:6px}.thumbnail-paper{height:58px;width:41px}.page-thumbnail{flex-basis:45px;gap:7px}.thumbnail-label{font-size:6px}.page-thumbnails{gap:9px}.workspace-status{height:22px;font-size:5px;padding:0 8px}.status-dot{height:3px;width:3px}.single-explainer{padding-left:9px;gap:9px;min-width:265px}.single-explainer strong{font-size:8px}.single-explainer span,.single-explainer label,.single-explainer select{font-size:7px}.modal-backdrop{padding:10px}.modal{border-radius:11px;max-height:94dvh}.modal-header{padding:20px 17px 17px;gap:10px}.modal-header h2{font-size:21px}.modal-header p{font-size:9px;margin-top:7px}.modal-header .icon-button{width:28px;height:28px}.modal-body{padding:17px 17px 20px}.product-picker{gap:9px;margin-bottom:21px}.product-picker button{padding:17px 11px;gap:9px}.product-picker button strong{font-size:11px}.product-picker button>span{font-size:8px}.product-picker button>svg:first-child{width:25px;height:25px;margin-bottom:5px}.product-picker button>svg:last-child:not(:first-child){top:10px;right:10px;width:15px;height:15px}.modal-body .field>input,.modal-body .field>select,.modal-body .field>textarea,.modal-body .input-unit input{font-size:11px;padding-top:11px;padding-bottom:11px}.modal-body .field>span{font-size:9px}.modal-body .switch-row>span:first-child{font-size:10px}.modal-body .switch-row>span>small{font-size:8px}.modal-body .button.large{font-size:11px}.modal-body .inline-note{font-size:9px}.export-summary{gap:14px}.export-summary h3{font-size:12px}.export-summary p{font-size:9px}.export-summary span{font-size:8px}.export-summary small{font-size:7px}.export-cover{width:55px;height:78px}.quality-summary{padding:13px 10px;gap:9px}.quality-summary strong{font-size:10px}.quality-summary p{font-size:8px}.export-other{gap:14px}.export-other button{font-size:8px;gap:4px}.preview-modal-body{padding:0 13px 15px}.preview-navigation{gap:20px}.preview-navigation>span{font-size:11px}.preview-navigation .icon-button{width:36px;height:36px}.large-preview{height:55dvh}.preview-footer{flex-direction:column;gap:15px;padding-top:17px}.preview-footer>.button{width:100%;font-size:11px}.preview-footer>span{font-size:8px}.toast{bottom:18px;padding:12px;font-size:10px;gap:8px;max-width:calc(100vw - 20px)}.shortcut-list{padding:3px 10px}.shortcut-list>div{font-size:9px;gap:6px}.shortcut-list kbd{font-size:6px;padding:4px}.help-steps p{font-size:10px}.help-steps{gap:15px}.project-list-item{gap:9px}.project-list-item strong{font-size:10px}.project-list-item small{font-size:8px}.current-badge{font-size:6px;padding:4px}.project-list-item .button{font-size:8px}.project-file-icon{width:32px;height:39px}.modal-body .selection-actions>.button{font-size:10px}.icon-button{min-height:32px}.panel-heading .icon-button{width:32px;height:32px}.swatches>button,.custom-color{min-width:24px;min-height:24px}.switch-row{min-height:40px}.switch-row input{height:34px;width:34px}.layer-row>.icon-button{width:32px;height:34px}}@media(max-height:700px)and (min-width:801px){.rail-main{gap:3px}.rail-item{height:53px}.rail-bottom{padding-top:9px;gap:3px}.tool-rail{padding-top:11px;padding-bottom:9px}.app-header{height:67px}.workspace-toolbar{height:56px}.panel-heading,.inspector>.panel-heading{height:56px}.page-strip{height:122px;padding-top:11px}.thumbnail-paper{height:55px;width:40px}.page-thumbnail{flex-basis:44px}.page-strip-heading{margin-bottom:10px}.canvas-viewport{padding-top:40px;padding-bottom:36px}.inspector-bottom{padding:12px 15px}.library-footer{padding:12px 7px}.modal{max-height:94dvh}}.button.primary{background:#c74730}.button.primary:hover:not(:disabled){background:#ad3825}.design-canvas text,.thumbnail-paper svg text,.large-preview svg text,.export-cover svg text{font-weight:400}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.template-card:hover .template-art,.photo-grid button:hover img{transform:none}}.panel-heading h2{font-size:14px}.panel-description{font-size:12px}.rail-item{font-size:10px}.button{font-size:12px}.button.large{font-size:13px}.save-indicator{font-size:11px}.project-name{font-size:14px}.search-field input,.filter-tabs button,.template-card strong{font-size:12px}.template-card>small{font-size:10px}.library-note strong{font-size:12px}.library-note p,.library-note .text-button{font-size:11px}.library-footer{font-size:10px}.field>span,.field-label{font-size:11px}.field>input,.field>select,.field>textarea,.input-unit input{font-size:13px}.input-unit small{font-size:10px}.switch-row>span:first-child{font-size:12px}.switch-row>span>small{font-size:10px}.section-title h3{font-size:12px}.readonly-value,.helper-text,.color-field{font-size:11px}.document-type>span:last-child{font-size:12px}.document-type small,.canvas-page-label,.canvas-hint{font-size:10px}.page-strip-heading,.page-strip-heading strong{font-size:11px}.page-strip-heading>span{font-size:10px}.thumbnail-label,.workspace-status,.workspace-status button{font-size:9px}.section-label{font-size:10px}.upload-zone strong{font-size:13px}.upload-zone span{font-size:11px}.upload-zone small{font-size:10px}.text-button,.layer-select{font-size:12px}.preflight-card strong{font-size:11px}.preflight-card small,.inspector-bottom{font-size:10px}.selection-actions>.button{font-size:11px}.modal-body .field>span{font-size:12px}.modal-body .field>input,.modal-body .field>select,.modal-body .field>textarea,.modal-body .input-unit input{font-size:14px}.modal-header p,.inline-note{font-size:12px}.shortcut-list>div{font-size:12px}.shortcut-list kbd{font-size:10px}.help-steps p{font-size:13px}.export-summary p{font-size:12px}.export-summary span,.export-summary small,.quality-summary p,.issue-list small{font-size:11px}.project-list-item strong{font-size:13px}.project-list-item small{font-size:11px}.canvas-viewport{justify-content:safe center;align-items:safe center}@media(max-width:800px){.inspector{font-size:13px}.rail-item{font-size:9px}.header-actions>.button{font-size:11px}.workspace-status{font-size:8px}.document-type>span:last-child{font-size:10px}.document-type small,.canvas-page-label,.canvas-hint{font-size:9px}.page-strip-heading,.page-strip-heading strong{font-size:10px}.thumbnail-label{font-size:8px}.field>input,.field>select,.field>textarea,.input-unit input{min-height:40px}.panel-heading .icon-button{width:40px;height:40px}}@media(max-width:520px){.app-shell{min-height:0}.header-actions>.button{min-height:40px;font-size:10px}.rail-item{min-height:44px;font-size:8px}.canvas-page-label{font-size:8px}.workspace-status{font-size:7px}.document-type>span:last-child{font-size:9px}.document-type small{font-size:8px}.modal-header p{font-size:11px}.modal-body .field>input,.modal-body .field>select,.modal-body .field>textarea,.modal-body .input-unit input{font-size:16px}.icon-button{min-width:36px;min-height:36px}.canvas-actions .icon-button{min-width:27px}.panel-heading h2{font-size:14px}}.custom-color:focus-within{outline:2px solid #a33d28;outline-offset:3px;overflow:visible}.color-field code,.modal-header p,.switch-row>span>small,.modal-body .helper-text,.modal-body .inline-note{color:#716d65}.layout-target:has(input:focus-visible){outline:2px solid #a33d28;outline-offset:2px;border-radius:6px}@media(max-width:800px){.modal-header .icon-button,.panel-heading .icon-button{width:44px;height:44px;min-width:44px;min-height:44px}.modal-header .icon-button{margin-top:-4px;margin-right:-4px}.library-panel .text-button,.inspector .text-button{min-height:44px;align-items:center}.rail-item{min-height:48px;font-size:10px}.rail-bottom .rail-item{min-height:44px}.filter-tabs button{min-height:40px}.layer-row{min-height:44px}.layer-row>.icon-button{width:44px;height:44px}.layer-select{min-height:44px}.field>input,.field>select,.input-unit input{min-height:44px}.switch-row{min-height:44px}.switch-row input{width:44px;height:44px;right:0}.selection-actions>.button{min-height:44px}.header-actions>.button,.brand{min-height:44px}.preview-button{min-width:44px!important;min-height:44px!important}}@media(max-width:520px){.app-header{padding-left:10px;padding-right:10px;gap:6px}.brand{font-size:18px;letter-spacing:-.9px}.brand small{font-size:5px;letter-spacing:1.25px}.brand-mark{width:23px}.header-actions{gap:5px}.header-actions>.button{padding:9px 10px;min-height:44px}.canvas-actions .icon-button,.history-buttons .icon-button{width:40px;min-width:40px;height:44px;min-height:44px}.document-type{max-width:calc(100% - 130px)}.zoom-control{height:44px}.zoom-control .icon-button{width:40px;height:40px;min-width:40px;min-height:40px}.zoom-control>button:not(.icon-button){min-height:40px;min-width:45px;font-size:11px}.canvas-bottom-tools{bottom:8px}.swatches{flex-wrap:wrap;gap:10px}.swatches>button,.custom-color{width:34px;height:34px;min-width:34px;min-height:34px}.color-field input[type=color]{width:44px;height:44px;flex-shrink:0}.align-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.align-buttons .icon-button{width:100%;min-height:44px}.event-item>.icon-button{width:44px;height:44px}}.decoration-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.decoration-tile{border:1px solid #e6e2d8;background:#fcfaf5;min-height:100px;border-radius:7px;padding:9px 5px;display:flex;flex-direction:column;align-items:center;gap:8px}.decoration-tile:hover{border-color:#b77762;background:#f8f1e6}.decoration-tile svg{width:52px;height:52px}.decoration-tile span{font-size:10px;font-weight:650}.decoration-filters{gap:2px;flex-wrap:wrap}.decoration-filters button{padding:6px;font-size:10px}.guide-setting{display:flex;align-items:flex-end;gap:8px;margin-top:12px}.guide-setting>.field{margin:0;flex:1;min-width:0}.guide-setting>.icon-button{margin-bottom:3px}.manual-guide.axis-x{cursor:ew-resize}.manual-guide.axis-y{cursor:ns-resize}.transfer-layout-button{margin-bottom:18px}.print-job-button{margin-top:10px}.pan-mode,.pan-mode .design-canvas,.pan-mode .node-hit{cursor:grab!important}.pan-mode:active{cursor:grabbing!important}.photo-actions{position:fixed;z-index:45;width:max-content;padding:6px;background:#fffefa;border:1px solid #d8d8cd;border-radius:12px;box-shadow:0 6px 24px #26312e26,0 1px 3px #26312e12;color:var(--ink)}.photo-actions-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px}.photo-action{min-height:40px;padding:9px 12px;border-radius:7px;display:inline-flex;justify-content:center;align-items:center;gap:7px;font-size:12px;line-height:1.4;font-weight:750;white-space:nowrap}.photo-action:hover:not(:disabled){background:#f0ede5}.photo-action.primary{background:#c74730;color:#fff}.photo-action.primary:hover:not(:disabled){background:#a73825}.photo-action.compact{width:38px;padding:8px}.photo-action:disabled{opacity:.45}.photo-actions-hint{max-width:286px;padding:5px 7px 8px;font-size:11px;font-weight:550;line-height:1.55;color:#5f645b}.photo-actions.is-cropping{border-color:#c74730}.photo-actions.is-cropping .photo-actions-hint{max-width:310px}.photo-actions-scale{display:block;padding:0 7px 6px}.photo-actions-scale>span{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:3px}.photo-actions-scale input{display:block;width:100%;min-height:24px;accent-color:#c74730;cursor:pointer}.photo-actions-lock{display:inline-flex;align-items:center;gap:6px;padding:6px;font-size:11px;color:#64665d}.photo-actions-more{display:flex;flex-wrap:wrap;gap:4px;border-top:1px solid var(--line);margin-top:5px;padding-top:5px}.photo-inspector-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.photo-inspector-actions>button{flex:1}.photo-library-target{padding:11px 12px;background:#eaf2eb;border:1px solid #d2dfd3;border-radius:8px;margin:0 0 14px;font-size:12px;line-height:1.6}.photo-library-target strong{display:block;color:#2e4e3b}.photo-crop-hint{background:#fff3e9;border-left:3px solid #c74730;border-radius:4px;padding:10px 12px;font-size:12px;line-height:1.6;margin:10px 0}.crop-mode .node-hit{cursor:grab;touch-action:none}.crop-mode .node-hit:active{cursor:grabbing}.node-hit.photo-drop-target{fill:#c7473020;stroke:#c74730;stroke-width:1.2;stroke-dasharray:3 2}@media(max-width:680px){.photo-actions{border-radius:10px}.photo-action{min-height:44px;padding:9px 10px}.photo-action.compact{width:40px}.photo-actions-hint{font-size:11px}}.calendar-binding{position:absolute;z-index:2;pointer-events:none}.calendar-binding svg{display:block;width:100%;height:auto;overflow:visible}.plastic-hanger{width:20%;min-width:38px;max-width:100px;left:50%;top:0;transform:translate(-50%,-78%);filter:drop-shadow(0 1px 1px #4c656722)}.wire-binding{left:5%;right:5%;top:0;transform:translateY(-50%)}.paper-surround:has(.calendar-binding) .ruler-label{top:-31px}.large-preview{position:relative;width:max-content;overflow:visible}.large-preview .plastic-hanger{max-width:120px}.large-preview .wire-binding{left:5%;right:5%}.single-view-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 18px;background:#f9f8f3;border-bottom:1px solid var(--line)}.single-view-toolbar>span{font-family:Cormorant Garamond,Lora,serif;font-size:18px;color:#4b5d52}.single-view-switch{display:flex;padding:3px;gap:2px;background:#eaece4;border-radius:8px}.single-view-switch button{border-radius:6px;padding:8px 10px;font-size:11px;font-weight:650;white-space:nowrap}.single-view-switch button[aria-pressed=true]{background:#fffefa;color:#354d40;box-shadow:0 1px 4px #263a2514}.single-product-intro{display:flex;gap:18px;align-items:center;padding:18px;margin-bottom:18px;background:#f3f5ec;border:1px solid #dfe4d5;border-radius:12px}.single-product-intro strong{font-family:Cormorant Garamond,Lora,serif;font-size:23px;font-weight:500;color:#344c3d}.single-product-intro p{font-size:12px;line-height:1.7;margin:6px 0 9px;color:#596458}.single-product-intro small{font-size:10px;line-height:1.6;color:#72796b;display:block}.single-product-miniature{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:86px;min-width:86px;padding:8px;background:#fffefa;box-shadow:0 2px 8px #44513b1c;transform:rotate(-3deg)}.single-product-miniature i{display:block;height:25px;background:#9aab91}.single-product-miniature i:nth-child(2){background:#c4b7a0}.single-product-miniature i:nth-child(3){background:#cfb8a7}.single-product-miniature i:nth-child(4){background:#a1b1ad}.single-product-miniature span,.single-product-miniature b,.single-product-miniature em{grid-column:span 2;text-align:center}.single-product-miniature span{font-family:Caveat,cursive;font-size:10px;margin:2px 0}.single-product-miniature b{font-size:7px;letter-spacing:1px;font-weight:500}.single-product-miniature em{font-size:5px;font-style:normal;color:#8b9385}.product-profile-note{margin:12px 0 16px;padding:12px;background:#f3f5ec;border:1px solid #dfe4d5;border-radius:8px}.product-profile-note strong{font-size:12px}.product-profile-note p{font-size:11px;line-height:1.7;margin:5px 0 0;color:#66705e}.split-export-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.split-export-actions .button{font-size:11px}.photo-layout-picker{margin:0 0 18px;padding:12px;border:1px solid #e1e3d9;border-radius:9px;background:#f8f9f4}.photo-layout-picker h3{font-size:12px;margin:0 0 5px}.photo-layout-picker p{font-size:10px;line-height:1.6;color:#77806f;margin:0 0 11px}.photo-layout-picker>div{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.photo-layout-picker button{min-width:0;border:1px solid #dce0d3;background:#fffefa;border-radius:5px;display:flex;flex-direction:column;align-items:center;padding:7px 3px 5px;gap:5px}.photo-layout-picker button:hover{border-color:#83927d}.photo-layout-picker button[aria-pressed=true]{border-color:#9da88e;background:#e9eedf}.photo-layout-picker strong{font-size:10px;font-weight:600;color:#526346}.layout-icon{display:grid;gap:2px;width:24px;height:23px}.layout-icon i{background:#8e9e83;border-radius:1px}.layout-2{grid-template-columns:repeat(2,1fr)}.layout-3{grid-template-columns:repeat(3,1fr)}.layout-4{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.layout-6{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}@media(max-width:800px){.single-view-toolbar{padding:8px 12px;flex-wrap:wrap}.single-view-toolbar>span{display:none}.single-view-switch{width:100%}.single-view-switch button{flex:1;min-height:40px}.single-product-intro{padding:12px;gap:12px}.single-product-intro strong{font-size:20px}.split-export-actions{grid-template-columns:1fr}.photo-layout-picker button{min-height:46px}}.service-screen{min-height:100vh;display:grid;place-items:center;padding:32px;background:#f2f2e9}.service-card{width:min(100%,440px);border-radius:16px;padding:34px;background:#fffefa;box-shadow:0 18px 70px #34423514;border:1px solid #e3e5d9}.service-card h1,.admin-title h1{font-family:Lora,serif;font-size:30px;letter-spacing:-.8px;margin:12px 0}.service-card p{color:#6c7468;line-height:1.7;margin:0 0 22px}.service-card .field{margin-bottom:17px}.service-card>a{display:inline-block;margin-top:18px;color:#546e56;font-size:12px}.admin-eyebrow{display:block;font-size:10px;font-weight:750;letter-spacing:1.8px;color:#698066;margin-bottom:14px}.service-message{padding:12px 14px;background:#f1ede1;border-radius:7px;color:#71563d!important;font-size:12px;line-height:1.6}.admin-shell{min-height:100vh;background:#f5f5ee}.admin-shell>header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 5vw;background:#fffefa;border-bottom:1px solid #e3e5d9}.admin-wordmark{font-size:27px;letter-spacing:-1.3px;font-weight:800;color:#294436}.admin-shell>header>div{display:flex;align-items:center;gap:22px;font-size:12px;color:#65715f}.admin-shell main{max-width:1180px;margin:auto;padding:40px 28px 70px}.admin-title{margin-bottom:32px}.admin-title p{color:#727969;font-size:13px;line-height:1.8;max-width:650px}.admin-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:28px;align-items:start}.admin-grid>aside{background:#fffefa;border-radius:12px;padding:20px;border:1px solid #e4e6da}.admin-grid h2{font-size:16px;font-weight:650;margin:0 0 18px}.admin-grid>aside>button{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:15px 13px;background:#f7f7f0;border:1px solid #e9eade;border-radius:8px;margin-bottom:10px;text-align:left}.admin-grid>aside>button.selected{border-color:#7a9270;background:#edf2e3}.admin-grid>aside>button strong{font-size:13px}.admin-grid>aside>button span,.admin-grid>aside>button small{font-size:11px;color:#7a836f}.admin-config{padding:28px;border:1px solid #e2e5d9;background:#fffefa;border-radius:12px}.admin-config>p{color:#7b8271;font-size:12px;margin-bottom:25px;line-height:1.7}.admin-config .field{margin-bottom:18px}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.admin-approval{display:flex;align-items:flex-start;gap:10px;font-size:12px;margin:24px 0 12px;line-height:1.7}.admin-approval input{margin-top:3px;accent-color:#58704c}.customer-welcome h3{font-family:Lora,serif;font-size:20px;line-height:1.45;margin-bottom:14px;color:#334d3d}.customer-welcome>p{color:#76806e;font-size:12px;line-height:1.9;margin-bottom:24px}.customer-welcome .color-field{margin-top:20px}.customer-editor .project-title-row>svg{display:none}.customer-editor .single-explainer>div>span{max-width:300px}.customer-editor .workspace-status{font-size:10px}.customer-return{white-space:nowrap}.customer-editor .app-header .header-actions{gap:8px}@media(max-width:800px){.admin-shell>header{flex-wrap:wrap;padding:18px}.admin-shell>header>div{gap:12px;flex-wrap:wrap}.admin-shell main{padding:28px 16px}.admin-grid{grid-template-columns:1fr}.admin-config{padding:20px}.admin-fields{gap:0 12px}.customer-editor .project-identity{max-width:145px}.customer-editor .header-actions .preview-button{min-width:40px;padding:9px}.customer-editor .header-actions .customer-return{font-size:11px;padding:10px}.service-card{padding:26px}}@font-face{font-family:Manrope ExtraBold;src:url(/fonts/Manrope-ExtraBold.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Manrope SemiBold;src:url(/fonts/Manrope-SemiBold.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Comic Neue;src:url(/fonts/ComicNeue-Bold.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/Caveat-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/fonts/CormorantGaramond-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--ui-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--ui-font);color:#1d1d1f;background:#f5f5f7;--accent: #0066cc;--accent-dark: #0055ad;--accent-soft: #eaf3ff;--ink: #1d1d1f;--muted: #64646d;--line: #e5e5ea;--surface: #fff;--canvas: #eeeef0;--sage: #edf4ff;--radius: 10px;--ui-shadow: 0 8px 28px #1d1d1f0a, 0 1px 3px #1d1d1f05}body{font-size:14px;letter-spacing:-.012em}button,input,select,textarea{font-family:var(--ui-font)}button svg{stroke-width:1.7}a{text-underline-offset:3px}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #0066cc;outline-offset:3px}input[type=checkbox],input[type=range]{accent-color:var(--accent)}input::placeholder,textarea::placeholder{color:#767680}.button{min-height:38px;border-radius:10px;font-size:13px;font-weight:600;letter-spacing:-.01em;padding:10px 15px}.button.primary{background:var(--accent);box-shadow:0 1px 2px #004b9920}.button.primary:hover:not(:disabled){background:var(--accent-dark)}.button.secondary{background:#fff;color:var(--ink);border-color:#d8d8df;box-shadow:0 1px 2px #00000004}.button.secondary:hover:not(:disabled){background:#f5f5f7;border-color:#bcbcc5}.button:active:not(:disabled){filter:brightness(.96)}.button.large{font-size:14px}.text-button{color:var(--accent);font-weight:600}.text-button:hover{color:var(--accent-dark)}.icon-button{border-radius:8px;color:#62626b}.icon-button:hover:not(:disabled){background:#eaeaef;color:var(--ink)}.icon-button.active{color:var(--accent);background:var(--accent-soft)}.app-header{background:#ffffffed;border-bottom-color:var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);gap:20px}.brand{font-size:23px;letter-spacing:-1px;font-weight:700}.brand-light{font-weight:400}.brand small{color:#6e6e78;letter-spacing:1.4px}.brand-mark span:nth-child(3){background:#94c3f2}.project-name{font-size:14px;font-weight:600;border-radius:5px;padding:3px 5px;margin-left:-5px}.project-name:hover{background:#f5f5f7}.project-name:focus-visible{outline-offset:1px}.save-indicator{font-size:11px;color:var(--muted)}.save-indicator.saved svg{color:#267044}.save-indicator.error{color:#b3261e}.avatar{background:#f0f0f3;color:#64646d;border-color:#fafafa}.tool-rail{background:#f9f9fb;border-right-color:var(--line)}.rail-item{font-size:10px;font-weight:500;color:#5c5c67;border-radius:11px}.rail-item:hover{background:#eeeef2;color:var(--ink)}.rail-item.selected{background:#e5effd;color:var(--accent)}.rail-item.selected:before{display:none}.library-panel,.inspector{background:#fff;border-color:var(--line)}.panel-heading h2,.inspector>.panel-heading h2{font-size:15px;font-weight:650;letter-spacing:-.025em}.panel-description{color:var(--muted);font-size:12px;line-height:1.65}.search-field{background:#f3f3f6;border-color:transparent;border-radius:9px}.search-field:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #0066cc14}.search-field input{font-size:13px}.filter-tabs button{font-size:12px;color:#62626b;border-radius:7px}.filter-tabs button.active,.filter-tabs button[aria-pressed=true]{background:#eaf3ff;color:#0055ad}.template-card strong{font-size:12px;font-weight:600;color:var(--ink)}.template-card>small{font-size:10px;color:var(--muted)}.template-art{border-radius:10px;border-color:var(--line)}.template-card.chosen .template-art{border-color:var(--accent);box-shadow:0 0 0 2px #0066cc24}.template-check{background:var(--accent)}.library-note{background:#f6f6f8;border-color:var(--line);border-radius:12px}.library-note p,.library-footer{color:var(--muted)}.library-footer{background:#fafafc;border-top-color:var(--line)}.workspace-toolbar{background:#f9f9fb;border-color:var(--line)}.workspace-panel-controls{display:flex;align-items:center;gap:4px}.workspace-panel-toggle{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:7px 9px;font-size:12px;font-weight:500;border-radius:8px;color:#53535d;white-space:nowrap}.workspace-panel-toggle:hover{background:#eaeaef}.workspace-panel-toggle[aria-expanded=true],.workspace-panel-toggle[aria-pressed=true]{background:#eaf3ff;color:#0055ad}.page-strip-toggle{display:flex;align-items:center;gap:5px;font-size:11px;min-height:26px;padding:3px 6px;border-radius:6px;color:var(--accent);order:3}.page-strip-toggle:hover{background:#eaf3ff}.page-strip-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.page-strip .page-strip-heading{margin-bottom:6px;min-height:26px}.page-strip.is-collapsed{height:38px;padding-top:5px;padding-bottom:5px}.page-strip.is-collapsed .page-strip-heading{margin-bottom:0}.page-thumbnails[hidden]{display:none}@media(min-width:801px){.app-header{height:64px}.workspace-toolbar,.panel-heading,.inspector>.panel-heading{height:50px}.workspace-toolbar{padding-left:16px;padding-right:16px;gap:8px}.canvas-viewport{padding:28px 24px 44px}.canvas-page-label{top:9px;left:18px}.page-strip{height:112px;padding:6px 16px}.single-page-strip{height:88px}.single-page-strip .thumbnail-paper{height:40px;width:29px}.single-page-strip .page-thumbnail{display:none}.single-page-strip .page-thumbnails{padding-bottom:0}.single-page-strip .single-explainer{padding-top:0;padding-bottom:0;gap:10px}.single-page-strip .single-explainer>div>span{display:none}.workspace-status{height:23px}.tool-rail{width:68px;padding-left:7px;padding-right:7px}.library-panel{width:252px}.focus-workspace .workspace-status{display:none}.focus-workspace .canvas-viewport{padding-top:24px;padding-bottom:38px}}@media(max-width:1100px){.workspace-panel-toggle>span{display:none}.workspace-panel-toggle{width:34px;padding:7px}.workspace-panel-controls{gap:2px}}.document-icon{background:#e9e9ef;color:#62626d;border-radius:8px}.document-type small{color:var(--muted);font-size:11px}.canvas-viewport{background:#eeeef0;background-image:none}.canvas-page-label{font-size:10px;letter-spacing:.08em;color:#63636d}.canvas-bottom-tools .zoom-controls{background:#fffffff2;border-color:var(--line);box-shadow:var(--ui-shadow);border-radius:10px}.workspace-status{color:var(--muted);background:#fafafc;border-color:var(--line);font-size:10px}.page-strip{background:#fafafc;border-color:var(--line)}.page-strip-heading{color:#62626d}.page-strip-heading strong{color:var(--ink);font-weight:600}.thumbnail-paper{box-shadow:0 2px 7px #1d1d1f16}.page-thumbnail.selected .thumbnail-paper{outline-color:var(--accent);border-color:var(--accent)}.page-thumbnail.selected .thumbnail-label{color:var(--accent)}.single-explainer{color:var(--muted)}.inspector-section{border-color:var(--line)}.section-title h3{font-size:12px;font-weight:650;color:#42424b}.field>span,.field-label,.color-field{font-size:12px;color:#53535d;font-weight:500}.field>input,.field>select,.field>textarea,.input-unit{background:#fafafc;border-color:#dcdce3;border-radius:9px;font-size:13px;min-height:40px}.field>input:hover,.field>select:hover,.field>textarea:hover{border-color:#bcbcc5}.field>input:focus,.field>select:focus,.field>textarea:focus{background:#fff}.input-unit input{font-variant-numeric:tabular-nums}.helper-text{color:var(--muted);font-size:12px;line-height:1.65}.customer-welcome h3{font-family:var(--ui-font);font-size:22px;font-weight:650;letter-spacing:-.045em;color:var(--ink);line-height:1.2}.customer-welcome>p{font-size:13px;color:var(--muted);line-height:1.65;margin-bottom:22px}.admin-eyebrow{color:#6a6a75;font-size:10px;font-weight:600;letter-spacing:.1em}.inspector-bottom{background:#fafafc;border-color:var(--line);color:var(--muted)}.modal-backdrop{background:#11111955;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.modal{background:#fff;border-color:#ffffffa0;border-radius:20px;box-shadow:0 24px 90px #11111935}.modal-header{border-color:var(--line);padding:24px}.modal-header h2{font-family:var(--ui-font);font-size:25px;font-weight:650;letter-spacing:-.045em;color:var(--ink)}.modal-header p{color:var(--muted);font-size:12px}.large-preview,.preview-modal-body{background:#eeeef0}.preview-footer,.preview-navigation{color:var(--muted)}.photo-actions{background:#fffffff2;border-color:#d8d8df;border-radius:14px;box-shadow:0 8px 32px #1111191c;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.photo-actions.is-cropping{border-color:var(--accent)}.photo-actions-scale input{accent-color:var(--accent)}.photo-actions-hint{color:var(--muted)}.photo-action{font-size:13px;font-weight:600;border-radius:8px}.photo-action:hover:not(:disabled){background:#f0f0f5}.photo-action.primary{background:var(--accent)}.photo-action.primary:hover:not(:disabled){background:var(--accent-dark)}.photo-crop-hint,.photo-library-target{background:#edf4ff;border-color:#b8d5fa;color:#164d8e;border-radius:10px}.photo-library-target strong{color:#164d8e}.switch-track{background:#d8d8df}.switch-row input:checked+.switch-track{background:var(--accent)}.page-thumbnail.active .thumbnail-label{color:var(--accent);font-weight:600}.page-thumbnail.active .thumbnail-paper{box-shadow:0 0 0 2px #0066cc18}.page-thumbnail:hover .thumbnail-paper{border-color:#8ab9ed}.single-explainer strong{color:#53535d}.single-explainer select{font-family:var(--ui-font);font-size:11px;border-color:#d8d8df;border-radius:6px}.custom-backgrounds{background:#f5f7fb;border-color:var(--line);border-radius:12px}.background-library>p,.background-grid small{color:var(--muted)}.background-grid>button,.background-grid>article{background:#fff;border-color:var(--line);border-radius:12px;color:var(--ink)}.background-grid img{border-radius:7px}.main-background-library>.panel-description{font-size:12px;margin-bottom:16px}.main-background-library .search-field input{min-width:0;width:100%}.background-collection-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:14px 0 8px}.background-collection-heading .collection-count{margin:0;color:var(--muted);font-size:11px;line-height:1.5}.background-collection-heading .icon-button{width:30px;height:30px}.backend-background-grid{margin-top:12px}.backend-background-art{height:auto;aspect-ratio:2/3;overflow:hidden;padding:0;display:block;background:#f2f2f5}.backend-background-art img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}.active-background-note{padding:14px 0;margin-top:12px;border-top:1px solid var(--line)}.active-background-note p{font-size:12px;color:var(--muted);line-height:1.5;margin-bottom:12px;overflow-wrap:anywhere}.active-background-note strong{color:var(--ink);font-weight:600}.background-checkbox{font-size:12px;line-height:1.5}.admin-shell,.service-screen{background:#f5f5f7}.admin-shell>header{background:#ffffffec;border-color:var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px max(24px,5vw)}.admin-shell>header>div{color:var(--muted);font-size:13px}.admin-shell>header a{text-decoration:none;color:#53535d}.admin-shell>header>a{color:var(--ink)}.admin-shell main a{color:var(--accent)}.admin-shell>header a:hover{color:var(--accent)}.admin-wordmark{color:var(--ink);font-size:25px;font-weight:700;letter-spacing:-1px}.admin-shell main{max-width:1220px;padding-top:48px}.admin-title h1,.service-card h1{font-family:var(--ui-font);font-size:36px;font-weight:650;letter-spacing:-.055em;line-height:1.15;color:var(--ink)}.admin-title p{font-size:14px;color:var(--muted);line-height:1.65}.admin-grid{grid-template-columns:250px minmax(0,1fr);gap:24px}.admin-grid>aside{position:sticky;top:24px;padding:16px;background:#fff;border-color:var(--line);border-radius:16px}.admin-grid h2{font-size:17px;font-weight:650;letter-spacing:-.025em}.admin-grid>aside>button{border-radius:10px;background:#f7f7f9;border-color:transparent;padding:16px 12px;gap:7px}.admin-grid>aside>button.selected{background:#eaf3ff;border-color:#b8d5fa}.admin-grid>aside>button strong{font-size:13px;font-weight:600;line-height:1.45}.admin-grid>aside>button span,.admin-grid>aside>button small{color:#64646d;font-size:11px}.admin-config{padding:28px;background:#fff;border-color:var(--line);border-radius:16px;box-shadow:var(--ui-shadow)}.admin-config-heading{position:sticky;top:12px;z-index:5;display:flex;align-items:center;gap:16px;justify-content:space-between;padding:16px;margin:-12px -12px 24px;background:#ffffffed;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:12px;box-shadow:0 3px 12px #1d1d1f05}.admin-config-heading h2{margin:0 0 5px;font-size:16px}.admin-config-heading p{font-size:11px;line-height:1.5;color:var(--muted);margin:0}.admin-config-heading .button{flex-shrink:0}.admin-config-status{font-size:12px;color:#267044;padding:0 0 18px;line-height:1.5}.admin-config-status.is-error{color:#b3261e}.calendar-admin{margin:26px 0;padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-admin h3{font-size:17px;font-weight:650;letter-spacing:-.025em;margin:0 0 12px}.calendar-admin>.helper-text{margin:12px 0 20px}.calendar-admin .admin-fields{margin-top:16px}.calendar-placement-editor button[aria-pressed=true]{border-color:#b8d5fa;background:#eaf3ff;color:#0055ad}.calendar-placement-editor .admin-calendar-preview{background:#f2f2f5;border-color:var(--line);border-radius:12px}.calendar-position-readout{font-size:12px;color:#53535d;background:#f5f5f7;border-radius:8px;padding:10px 12px;line-height:1.6}.admin-approval{font-size:13px;color:#53535d}.service-message{background:#edf4ff;color:#164d8e!important;border-radius:10px;font-size:13px}.service-card{background:#fff;border-color:var(--line);border-radius:20px;box-shadow:var(--ui-shadow)}.service-card p,.service-card>a{color:var(--muted);font-size:13px}.admin-backgrounds{border-color:var(--line);padding-top:40px;margin-top:48px}.admin-backgrounds>h2{font-size:26px;font-weight:650;letter-spacing:-.04em}.admin-backgrounds>p{color:var(--muted);font-size:14px}.background-category-row{background:#fff;border-color:var(--line);border-radius:12px;padding:18px}.background-manager-heading h3{font-size:20px;font-weight:650;letter-spacing:-.03em}.background-admin-grid{margin-top:28px}.admin-background-grid{gap:18px}.admin-background-grid>article{padding:12px;box-shadow:0 2px 8px #1d1d1f04}.admin-background-grid strong{font-size:14px;font-weight:600}.admin-background-grid small{font-size:12px;line-height:1.5}.background-row-actions .button{font-size:12px;min-height:36px}@media(max-width:800px){.admin-grid{grid-template-columns:1fr}.admin-grid>aside{position:static}.admin-title h1{font-size:30px}.admin-config{padding:20px}.admin-config-heading{top:8px;flex-wrap:wrap;margin:-8px -8px 20px;padding:12px}.admin-config-heading>div{flex:1;min-width:160px}.admin-shell main{padding-top:28px}.calendar-admin{padding-top:20px}.header-actions .button{font-size:12px}}@media(prefers-reduced-transparency:reduce){.app-header,.admin-shell>header,.admin-config-heading,.photo-actions{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}@media(prefers-reduced-motion:no-preference){.modal{animation:interface-appear .18s ease-out}@keyframes interface-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}}.production-code-preview{display:block;width:100%;max-height:500px;margin:20px auto;background:#e9edf3;border:1px solid #d8dde6;border-radius:12px;touch-action:none}.production-code-admin strong{font-variant-numeric:tabular-nums}.brand-logo{display:block;width:156px;height:auto;flex-shrink:0;object-fit:contain}.brand{gap:0}.admin-wordmark{display:inline-flex;align-items:center}.admin-login>.brand-logo{width:188px;margin-bottom:24px}@media(max-width:760px){.app-header .brand-logo{width:132px}}@media(max-width:520px){.app-header .brand-logo{width:108px}}.brand-home{display:grid;place-items:center;min-height:100vh;min-height:100svh;width:100%;max-width:none;margin:0;padding:32px;background:#fff}.brand-home img{display:block;width:clamp(220px,32vw,380px);max-width:100%;height:auto}.api-access-admin{scroll-margin-top:24px;margin:48px 0;padding:32px;background:#fff;border:1px solid var(--line);border-radius:18px}.api-access-admin h2{font-size:26px;letter-spacing:-.03em;margin:10px 0 16px}.api-company-create,.api-company-card{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.api-company-card{background:#fafafb;padding:24px;border:1px solid var(--line);border-radius:14px}.api-key-create{display:flex;align-items:end;gap:16px;margin:24px 0}.api-key-create .field{flex:1;margin:0}.api-key-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 0;border-top:1px solid var(--line)}.api-key-row p{margin:6px 0;font-size:12px;color:var(--muted)}.api-secret{margin:24px 0;padding:24px;background:#edf5ff;border:1px solid #b4d6ff;border-radius:14px}.api-secret p{font-size:13px;line-height:1.6}.api-secret textarea{width:100%;font-family:monospace;resize:vertical;word-break:break-all}.api-access-admin code{overflow-wrap:anywhere}@media(max-width:650px){.api-access-admin{padding:20px}.api-key-create{align-items:stretch;flex-direction:column}.api-key-row{align-items:start;flex-direction:column}}.api-grant-choices{margin:20px 0;padding:18px;border:1px solid var(--line);border-radius:12px;min-width:0}.api-grant-choices legend{font-size:14px;font-weight:600;padding:0 6px}.api-grant-choices>label{display:flex;align-items:center;gap:10px;margin:12px 0;font-size:13px}.api-grant-choices .selection-actions{margin-bottom:14px;gap:18px}.api-grant-choices input{width:17px;height:17px;flex-shrink:0}.api-company-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.company-preview-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17223970;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:grid;place-items:center;z-index:500;padding:24px}.company-preview{width:min(1080px,100%);max-height:calc(100svh - 48px);overflow:auto;background:#f8f9fb;border-radius:24px;box-shadow:0 24px 100px #0003}.company-preview-header{position:sticky;top:0;z-index:1;background:#ffffffed;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:24px 32px!important;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.company-preview-header h2{margin:8px 0 0;font-size:25px}.company-preview-header .button{display:flex;align-items:center;gap:8px}.company-preview-content{padding:24px 32px 40px}.company-preview-note{font-size:13px;line-height:1.7;color:var(--muted);margin:0 0 28px}.company-preview-content h3{font-size:17px;letter-spacing:-.02em;margin:24px 0 16px}.company-preview-content h3>span{color:var(--muted);font-size:13px;font-weight:400;margin-left:8px}.company-preview-products{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.company-preview-products>button{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:12px;padding:24px;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--ink)}.company-preview-products>button.is-selected{border-color:#06c;box-shadow:0 0 0 1px #06c}.company-preview-products strong{font-size:15px}.company-preview-products small{color:var(--muted);font-size:12px}.company-preview-check{position:absolute;right:18px;top:20px;color:#06c}.company-preview-categories{justify-content:flex-start;gap:8px;flex-wrap:wrap;margin-bottom:20px}.company-preview-backgrounds{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:20px}.company-preview-backgrounds figure{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}.company-preview-backgrounds img{display:block;width:100%;height:220px;object-fit:contain;background:#edeef1}.company-preview-backgrounds figcaption{padding:14px;display:flex;flex-direction:column;gap:5px}.company-preview-backgrounds figcaption span{font-size:11px;color:var(--muted)}@media(max-width:650px){.api-company-heading{align-items:flex-start;flex-direction:column}.company-preview-backdrop{padding:8px}.company-preview{max-height:calc(100svh - 16px);border-radius:16px}.company-preview-header,.company-preview-content{padding:18px!important}.company-preview-header h2{font-size:20px}.company-preview-backgrounds{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.company-preview-backgrounds img{height:180px}}.company-preview-launch{display:flex;align-items:center;gap:16px;margin-top:20px;flex-wrap:wrap}.company-preview-launch small{color:var(--muted)}.preview-editor-label{font-size:11px;color:#06c;max-width:180px;line-height:1.4}@media(max-width:900px){.preview-editor-label{max-width:100px;font-size:10px}}