:root{color:#252a2d;background:#eef0ed;font-family:Noto Sans SC,Microsoft YaHei UI,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--accent: #df6248;--accent-dark: #bd4935;--ink: #252a2d;--muted: #747b7e;--line: #dfe2de;--panel: #ffffff;--workspace: #e7e9e6;--success: #28775b;--danger: #b83b32;--radius-sm: 4px;--radius-md: 6px;letter-spacing:0}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0;overflow:hidden}html.page-scroll,html.page-scroll body,html.page-scroll #app{height:auto;min-height:100%;overflow-x:hidden;overflow-y:auto}button,input{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #2b687b;outline-offset:2px}.startup-error{display:grid;place-content:center;justify-items:start;width:100%;height:100dvh;padding:24px;background:#eef0ed}.startup-error strong{font-size:20px}.startup-error p{max-width:520px;color:var(--muted)}.startup-error button{height:36px;padding:0 14px;border:1px solid var(--line);border-radius:4px;background:#fff;cursor:pointer}.editor-shell{width:100%;height:100dvh;min-height:0;overflow:hidden;background:var(--workspace)}.topbar{position:relative;z-index:30;display:grid;grid-template-columns:minmax(250px,1fr) auto minmax(340px,1fr);align-items:center;height:60px;padding:0 14px;border-bottom:1px solid var(--line);background:#fff}.brand-group,.topbar-actions,.document-title,.save-status,.canvas-controls,.zoom-control,.section-label,.inspector-actions{display:flex;align-items:center}.brand-group{min-width:0;gap:9px}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--radius-sm);color:#fff;background:var(--ink)}.brand-mark .el-icon{font-size:17px}.brand-copy{display:grid;min-width:0;line-height:1.15}.brand-copy strong{font-size:13px;font-weight:700}.brand-copy span{margin-top:3px;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.document-title{flex-direction:column;justify-content:center;min-width:180px;line-height:1.1}.document-name,.document-name-input{max-width:min(32vw,280px);border:0;color:var(--ink);background:transparent;font-size:13px;font-weight:650;text-align:center}.document-name{overflow:hidden;padding:0;text-overflow:ellipsis;white-space:nowrap;cursor:text}.document-name-input{width:min(32vw,280px);padding:2px 5px;border-bottom:1px solid var(--accent);outline:0}.document-name:hover{color:var(--accent-dark)}.document-title>strong{font-size:13px;font-weight:650}.save-status{gap:3px;margin-top:4px;color:var(--success);font-size:10px}.save-status--saving{color:#8a6621}.save-status--local{color:#6d7173}.sync-reload{margin-top:3px;padding:0;border:0;color:var(--danger);background:transparent;font-size:9px;cursor:pointer}.sync-copy{margin-top:3px;padding:0;border:0;color:var(--accent);background:transparent;font-size:9px;cursor:pointer}.sync-copy:disabled{opacity:.5;cursor:default}.topbar-actions{justify-content:flex-end;gap:6px}.checkout-button{position:relative}.checkout-button>b{position:absolute;top:-6px;right:-6px;display:grid;place-items:center;min-width:16px;height:16px;padding:0 4px;border:1px solid rgb(255 255 255 / 70%);border-radius:8px;color:#fff;background:var(--danger);font-size:9px;line-height:1}.project-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:#1a201e47}.project-drawer{display:flex;flex-direction:column;width:min(360px,calc(100vw - 24px));height:100%;padding:20px 16px;border-right:1px solid var(--line);background:#fff;box-shadow:12px 0 30px #222a261f}.project-drawer:focus-visible,.order-drawer:focus-visible,.project-drawer :focus-visible,.order-drawer :focus-visible{outline:2px solid #2b687b;outline-offset:2px}.project-drawer-header{display:flex;align-items:flex-start;justify-content:space-between;padding-bottom:16px;border-bottom:1px solid var(--line)}.project-drawer-header h2{margin:0;font-size:17px;line-height:1.25}.project-drawer-header span{display:block;margin-top:4px;color:var(--muted);font-size:11px}.project-create-form{display:flex;gap:8px;padding:16px 0 12px}.project-create-form input{min-width:0;flex:1;height:34px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);outline:0;color:var(--ink);background:#f7f8f6;font-size:12px}.project-create-form input:focus{border-color:#2b687b;background:#fff}.project-create-form .command-button{flex:0 0 auto;height:34px;padding:0 12px}.project-search{display:flex;align-items:center;height:32px;gap:7px;margin-bottom:12px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-sm);color:#8b9092;background:#f7f8f6}.project-search input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-size:11px}.project-list{display:grid;gap:6px;overflow-y:auto;padding-top:4px}.project-archive-toggle{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:11px}.project-list-controls{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:8px}.project-list-controls label{display:grid;gap:4px;color:var(--muted);font-size:10px}.project-list-controls input,.project-list-controls select{min-width:0;height:30px;padding:0 7px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#fff;font-size:11px}.project-workflow-filters{display:grid;grid-template-columns:1fr 1fr .8fr;gap:5px;margin-bottom:8px}.project-workflow-filters input,.project-workflow-filters select,.project-workflow-fields input,.project-workflow-fields select,.project-workflow-fields textarea{min-width:0;width:100%;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#fff;font:inherit}.project-workflow-filters input,.project-workflow-filters select,.project-workflow-fields input,.project-workflow-fields select{height:30px;padding:0 6px;font-size:10px}.project-workflow-badges{display:flex;gap:3px;margin-top:5px;overflow:hidden}.project-workflow-badges b{max-width:72px;padding:2px 4px;overflow:hidden;border-radius:3px;color:#58625d;background:#e8ebe7;font-size:8px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.project-workflow-badges .priority-HIGH,.project-workflow-badges .priority-URGENT,.project-workflow-badges .overdue{color:#9a3526;background:#fbe2dc}.project-workflow-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.project-workflow-fields label{display:grid;gap:4px;color:var(--muted);font-size:10px}.project-workflow-fields label:nth-child(n+3){grid-column:1 / -1}.project-workflow-fields textarea{padding:7px;resize:vertical;font-size:11px}.project-workflow-note small{text-align:right}.project-workflow-apply{margin-bottom:9px}.project-list-toggles{display:flex;flex-wrap:wrap;gap:16px;margin-bottom:8px}.project-row-wrap{display:grid;grid-template-columns:minmax(0,1fr) 32px;gap:6px;align-items:stretch}.project-row-wrap--actions{grid-template-columns:minmax(0,1fr) repeat(3,32px)}.project-row-wrap--batch{grid-template-columns:minmax(0,1fr) 32px}.project-batch-toolbar{display:flex;align-items:center;gap:5px;min-height:38px;margin-bottom:8px;padding:4px 6px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#f7f8f6}.project-batch-toolbar>span{margin-right:auto;color:var(--muted);font-size:10px;white-space:nowrap}.project-batch-toolbar .text-button{flex:0 1 auto;min-width:0;padding:0;font-size:10px;white-space:nowrap}.project-select-button{display:grid;width:32px;height:32px;align-self:center;place-items:center;border:1px solid var(--line);border-radius:var(--radius-sm);color:#fff;background:#fff;cursor:pointer}.project-select-button[aria-pressed=true]{border-color:var(--accent);background:var(--accent)}.project-row-wrap--actions .icon-button[aria-pressed=true]{color:#a56400;background:#fff4d6}.project-row{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:10px 11px;border:1px solid transparent;border-radius:var(--radius-sm);text-align:left;background:#f7f8f6;cursor:pointer;width:100%}.project-row--archived{opacity:.7}.project-row:hover:not(:disabled){border-color:var(--line);background:#eef1ed}.project-row--active{border-color:#df62488c;background:#fff3ee}.project-row:disabled{cursor:progress;opacity:.7}.project-row-main{display:grid;min-width:0;gap:5px}.project-row-main strong{overflow:hidden;color:var(--ink);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.project-row-main small{color:var(--muted);font-size:10px}.project-row>.el-icon{flex:0 0 auto;margin-left:10px;color:var(--success)}.project-history{display:grid;gap:6px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line);overflow-y:auto}.project-history-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);text-align:left;cursor:pointer}.project-history-row span{display:grid;gap:3px;min-width:0}.project-history-row small{overflow:hidden;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.project-history-row:disabled{cursor:default;opacity:.65}.project-list-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:180px;color:var(--muted);font-size:12px}.project-list-state .el-icon{font-size:25px}.icon-button,.command-button,.upload-button,.zoom-control button,.rail-tool,.page-thumbnail,.add-page,.mask-option{border:0;cursor:pointer}.icon-button{display:inline-grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;transition:background-color .14s ease,border-color .14s ease}.icon-button:hover:not(:disabled){border-color:#c7ccc8;background:#f3f5f2}.icon-button:disabled{cursor:not-allowed;opacity:.35}.icon-button--ghost{border-color:transparent}.icon-button--small{width:28px;height:28px}.command-button{display:inline-flex;align-items:center;justify-content:center;min-height:32px;gap:6px;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-sm);font-size:12px;font-weight:600;white-space:nowrap}.command-button--primary{color:#fff;background:var(--accent)}.command-button--primary:hover{background:var(--accent-dark)}.command-button--secondary{border-color:var(--line);background:#fff}.command-button--secondary:hover{background:#f4f5f3}.command-button--danger{border-color:#edcbc6;color:var(--danger);background:#fff8f7}.command-button:disabled{cursor:not-allowed;opacity:.45}.order-drawer-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:85;background:#1a201e47}.order-drawer{display:flex;flex-direction:column;width:min(860px,calc(100vw - 24px));height:100%;margin-left:auto;padding:20px 16px;border-left:1px solid var(--line);background:#fff;box-shadow:-12px 0 30px #222a261f}.order-drawer-body{display:grid;grid-template-columns:minmax(230px,.82fr) minmax(0,1.18fr);min-height:0;flex:1;margin-top:16px;border-top:1px solid var(--line)}.drawer-header-actions,.order-detail-actions{display:flex;align-items:center;gap:6px}.order-list-pane,.order-detail-pane{min-width:0;overflow-y:auto}.order-list-pane{padding:12px 12px 12px 0;border-right:1px solid var(--line)}.order-filter{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin-bottom:10px;padding:3px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#f3f5f2}.order-filter button{min-width:0;height:27px;border:0;border-radius:3px;color:var(--muted);background:transparent;font-size:10px}.order-filter button:hover,.order-filter button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #2028241a}.order-detail-pane{padding:18px 0 18px 18px}.order-list{display:grid;gap:5px}.order-inline-state,.order-refreshing{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;padding:8px 9px;border:1px solid #efc2ba;border-radius:var(--radius-sm);color:var(--danger);background:#fff8f7;font-size:10px;line-height:1.4}.order-inline-state--stale{border-color:#ead7af;color:#78531c;background:#fffaf0}.order-refreshing{justify-content:flex-start;margin:0 0 5px;border-color:var(--line);color:var(--muted);background:#f7f8f6}.order-row{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:58px;padding:9px 10px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--ink);text-align:left;background:#f7f8f6}.order-row:hover,.order-row--active{border-color:#df62488c;background:#fff3ee}.order-row-main{display:grid;min-width:0;gap:4px}.order-row-main strong{font-size:11px}.order-row-main small,.order-row-total{color:var(--muted);font-size:10px}.order-row-total{flex:0 0 auto;color:var(--ink);font-weight:650}.order-detail-empty{min-height:240px}.order-detail-heading,.checkout-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.order-detail-heading span,.checkout-heading span{color:var(--muted);font-size:10px}.order-detail-heading h3,.checkout-heading h3{margin:4px 0 0;font-size:16px}.order-detail-actions>strong{color:var(--accent-dark);font-size:18px}.order-facts,.checkout-facts{display:grid;gap:9px;margin:22px 0}.order-facts div,.checkout-facts div{display:grid;grid-template-columns:70px minmax(0,1fr);gap:10px;font-size:11px}.order-facts dt,.checkout-facts dt{color:var(--muted)}.order-facts dd,.checkout-facts dd{min-width:0;margin:0;color:var(--ink);overflow-wrap:anywhere}.order-facts code,.checkout-facts code,.order-result-id code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.order-copy-value{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.order-copy-value code,.order-long-value code{min-width:0;overflow-wrap:anywhere;word-break:break-all}.order-long-value{display:grid;gap:4px}.order-long-value small{color:var(--muted);font-size:9px;line-height:1.45}.payment-pending,.order-status-note{display:grid;gap:5px;margin-top:18px;padding:11px 12px;border:1px solid;border-radius:var(--radius-sm);font-size:10px;line-height:1.45}.payment-pending,.order-status-note--pending_payment{border-color:#ead7af;color:#78531c;background:#fffaf0}.payment-pending span,.order-status-note--pending_payment span{color:#8e744d}.payment-pending .command-button{justify-self:end;margin-top:4px}.payment-pending .order-inline-state{width:100%;margin:2px 0 0}.order-status-note--paid,.order-status-note--completed{border-color:#b9dac9;color:#286047;background:#f2faf6}.order-status-note--paid span,.order-status-note--completed span{color:#4d7663}.order-status-note--in_production,.order-status-note--shipped{border-color:#bdd4d9;color:#265d6a;background:#f2f8f9}.order-status-note--in_production span,.order-status-note--shipped span{color:#50747c}.order-status-note--cancelled,.order-status-note--after_sale{border-color:#d8dbd9;color:#5f6668;background:#f5f6f5}.order-status-note--cancelled span,.order-status-note--after_sale span{color:#7b8280}.order-detail-command{display:flex;justify-content:flex-end;margin-top:12px}.order-payment-command{display:grid;justify-items:end;gap:6px}.order-payment-command small{max-width:42ch;color:var(--muted);font-size:9px;line-height:1.45;text-align:right}.order-payment-intent,.order-production-panel,.order-events{margin-top:12px;padding:10px 11px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#f8faf8;font-size:10px}.order-payment-intent{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-payment-intent code{display:inline-block;max-width:28ch;overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.order-production-panel{display:grid;gap:6px}.order-production-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.order-production-panel>small{color:var(--muted);font-size:9px}.order-after-sale-panel select,.order-after-sale-panel textarea{width:100%;border:1px solid var(--line);border-radius:4px;background:var(--surface);color:var(--ink);font:inherit;padding:7px 8px;resize:vertical}.order-production-error code{overflow-wrap:anywhere;color:var(--danger);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.order-production-actions{flex-wrap:wrap;gap:6px;margin-top:3px}.order-events summary{cursor:pointer;color:var(--ink);font-weight:650}.order-events ol{display:grid;gap:6px;margin:9px 0 0;padding-left:18px}.order-events li{display:flex;justify-content:space-between;gap:8px;min-width:0;color:var(--ink)}.order-events li small{flex:0 0 auto;color:var(--muted);font-size:9px}.order-event-copy{display:grid;gap:2px;min-width:0}.order-event-copy small{overflow-wrap:anywhere;line-height:1.4}.checkout-loading{display:flex;align-items:center;justify-content:center;gap:9px;min-height:260px;color:var(--muted);font-size:12px}.checkout-init-error{display:grid;justify-items:center;min-height:260px;padding:38px 18px;text-align:center}.checkout-init-error>.el-icon{color:var(--danger);font-size:30px}.checkout-init-error h3{margin:12px 0 0;font-size:16px}.checkout-init-error p{max-width:48ch;margin:7px 0 18px;color:var(--muted);font-size:11px;line-height:1.55}.checkout-layout{display:grid;grid-template-columns:minmax(240px,.82fr) minmax(300px,1.18fr);gap:24px}.checkout-summary{padding-right:24px;border-right:1px solid var(--line)}.checkout-heading--compact .el-icon{color:var(--accent-dark);font-size:20px}.checkout-heading>strong{color:var(--muted);font-size:11px;font-weight:500}.spec-lock-note{margin:8px 0 0;color:#567068;font-size:9px;line-height:1.45}.checkout-inline-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:7px;margin-top:12px;padding:9px 10px;border:1px solid #efc2ba;border-radius:var(--radius-sm);color:var(--danger);background:#fff8f7;font-size:10px;line-height:1.4}.checkout-facts{margin:20px 0 10px}.checkout-total{padding-top:10px;border-top:1px solid var(--line);font-weight:700}.checkout-total dd{color:var(--accent-dark);font-size:16px}.checkout-expiry,.address-hint{margin:0;color:var(--muted);font-size:10px;line-height:1.5}.checkout-expiry{display:flex;align-items:center;justify-content:space-between;gap:8px}.checkout-expiry--expired{color:var(--danger);font-weight:650}.checkout-readiness{margin-top:22px;padding-top:15px;border-top:1px solid var(--line)}.checkout-readiness>strong{font-size:11px}.checkout-readiness ul{display:grid;gap:8px;margin:10px 0 0;padding:0;list-style:none}.checkout-readiness li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:6px;color:var(--danger);font-size:10px;line-height:1.35}.checkout-readiness li.passed{color:var(--success)}.checkout-readiness-action{padding:0;border:0;color:#2b687b;background:transparent;font-size:9px;white-space:nowrap;cursor:pointer}.checkout-readiness-action:hover{color:var(--accent-dark);text-decoration:underline}.checkout-warning-confirm{display:flex;align-items:flex-start;gap:7px;margin-top:15px;color:#78531c;font-size:10px;line-height:1.4}.checkout-warning-confirm input{flex:0 0 auto;margin-top:1px}.checkout-blocker-notice{display:flex;gap:9px;align-items:flex-start;margin-top:12px;padding:10px 12px;background:#fff0ed;border:1px solid #e8b8af;border-radius:4px;color:#963d32}.checkout-blocker-notice .el-icon{flex:none;margin-top:1px}.checkout-blocker-notice div{display:flex;flex-direction:column;gap:4px}.checkout-blocker-notice span{font-size:11px;line-height:1.5}.checkout-warning-list{display:flex;flex-direction:column;gap:5px;margin-top:10px;padding:10px 12px;background:#fff8e9;border:1px solid #ead5a8;border-radius:4px;color:#8b6720;font-size:11px;line-height:1.45}.checkout-warning-list strong{font-size:12px}.admin-shell svg,.ops-shell svg,.admin-shell .el-icon,.ops-shell .el-icon{width:16px;height:16px;max-width:16px;max-height:16px;font-size:16px;flex:0 0 16px}.admin-shell .admin-side-nav svg,.ops-shell nav svg{width:16px;height:16px}.admin-shell .empty svg,.ops-shell .ops-empty svg,.admin-shell .panel-empty svg,.ops-shell .resource-notice svg{width:20px;height:20px;max-width:20px;max-height:20px;font-size:20px}.address-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:21px}.address-grid label{display:grid;gap:5px;min-width:0}.address-grid label span{color:var(--muted);font-size:10px}.address-grid input{width:100%;height:34px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-sm);outline:0;color:var(--ink);background:#f8f9f7;font-size:11px}.address-grid input:focus{border-color:#2b687b;background:#fff}.address-grid small{min-height:12px;color:var(--danger);font-size:9px;line-height:1.3}.address-grid small:empty{visibility:hidden}.address-field--error input,.address-field--error input:focus{border-color:var(--danger);background:#fff8f7}.address-detail{grid-column:1 / -1}.order-result{display:grid;justify-items:center;min-height:270px;padding:14px 20px 4px;text-align:center}.order-result-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:var(--success)}.order-result h3{margin:14px 0 0;font-size:18px}.order-result p{margin:7px 0 0;color:var(--muted);font-size:11px}.order-result-id{display:flex;align-items:center;justify-content:center;gap:7px;max-width:100%;margin-top:7px;color:var(--muted);font-size:11px}.order-result-id code{min-width:0;overflow-wrap:anywhere}.order-result>strong{margin-top:14px;color:var(--accent-dark);font-size:24px}.order-result .payment-pending{width:min(400px,100%);text-align:left}.workspace{position:relative;display:grid;grid-template-columns:58px 276px minmax(540px,1fr) 248px;height:calc(100dvh - 60px);min-height:0}.tool-rail{position:relative;z-index:20;display:flex;flex-direction:column;align-items:stretch;padding:8px 5px;border-right:1px solid var(--line);background:#f8f9f7}.rail-tool{display:grid;place-items:center;width:48px;min-height:51px;padding:6px 2px;border-radius:var(--radius-sm);color:#63696b;background:transparent;transition:color .14s ease,background-color .14s ease}.rail-tool .el-icon{margin-bottom:4px;font-size:18px}.rail-tool span{font-size:10px}.rail-tool:hover{color:var(--ink);background:#ecefeb}.rail-tool--active{color:var(--accent-dark);background:#fae9e5}.rail-tool--bottom{margin-top:auto}.settings-popover{position:absolute;left:68px;bottom:16px;z-index:30;width:240px;padding:14px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:0 14px 30px #1f252329}.settings-popover-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;color:var(--ink);font-size:13px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;color:var(--ink);font-size:11px}.settings-row--stacked{display:grid;gap:8px}.settings-row small{color:var(--muted);font-size:10px}.settings-page-size{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:11px}.settings-page-size>span,.settings-page-size>button{grid-column:1 / -1}.settings-page-size label{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px}.settings-page-size input{min-width:0;height:28px;border:1px solid var(--line);border-radius:3px;padding:0 5px}.settings-page-size small{color:var(--muted)}.settings-reset{width:100%;justify-content:center;margin-top:13px}.settings-draft-status{display:flex;align-items:center;justify-content:space-between;margin-top:16px;color:var(--muted);font-size:10px}.settings-draft-status strong{color:var(--ink);font-size:10px}.settings-status--offline{color:var(--danger)!important}.settings-note{margin:11px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.asset-panel,.inspector-panel{position:relative;z-index:15;overflow:hidden;background:var(--panel)}.asset-panel{border-right:1px solid var(--line)}.panel-content{height:100%;padding:17px 15px;overflow-y:auto}.panel-heading,.inspector-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h1{margin:0;font-size:16px;line-height:1.3}.panel-heading p{margin:3px 0 0;color:var(--muted);font-size:11px}.panel-heading-icon{color:var(--accent);font-size:18px}.text-editor{display:grid;gap:16px;margin-top:22px}.text-style-controls{display:grid;gap:8px;padding-top:13px;border-top:1px solid var(--line)}.text-style-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:10px}.text-style-row small{color:var(--ink);font-size:10px}.text-align-options,.text-size-control{display:inline-flex;gap:3px}.text-align-options button,.text-size-control button{display:grid;place-items:center;min-width:24px;height:24px;padding:0 5px;border:1px solid var(--line);border-radius:3px;color:var(--muted);background:#fff;font-size:10px}.text-align-options button.active,.text-align-options button:hover,.text-size-control button:hover{border-color:var(--accent);color:var(--accent-dark);background:#fff3ef}.layout-options{display:grid;gap:9px;margin-top:18px}.layout-option{display:grid;grid-template-columns:64px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;width:100%;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#fff;text-align:left}.layout-option:hover{border-color:#e9b9ad;background:#fffaf8}.layout-option--active{border-color:#e9b9ad;background:#fff3ef}.layout-option strong,.layout-option small{grid-column:2}.layout-option strong{font-size:11px}.layout-option small{margin-top:3px;color:var(--muted);font-size:9px}.layout-swatch{grid-row:1 / span 2;display:grid;width:64px;height:43px;padding:5px;gap:3px;border:1px solid #d9ddd8;background:#f2f4f1}.layout-swatch i{display:block;border-radius:1px;background:#9ba6a0}.layout-swatch--classic{grid-template-columns:1fr 1fr}.layout-swatch--classic i:first-child{grid-row:1 / span 2}.layout-swatch--hero{grid-template-columns:1.25fr 1fr}.layout-swatch--hero i:first-child{grid-row:1 / span 2;background:var(--accent)}.layout-swatch--collage{grid-template-columns:1.2fr .8fr;grid-template-rows:1fr 1fr}.layout-swatch--collage i:first-child{grid-row:1 / span 2;transform:rotate(-3deg)}.layout-swatch--collage i:last-child{transform:rotate(3deg)}.decoration-options{display:grid;gap:7px;margin-top:18px}.decoration-option{display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:10px;width:100%;padding:8px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#fff;text-align:left}.decoration-option:hover{border-color:#e9b9ad;background:#fffaf8}.decoration-option--active{border-color:#e9b9ad;background:#fff3ef}.decoration-option strong,.decoration-option small{grid-column:2}.decoration-option strong{font-size:11px}.decoration-option small{margin-top:3px;color:var(--muted);font-size:9px}.decoration-swatch{grid-row:1 / span 2;display:grid;place-items:center;width:42px;height:34px;color:var(--accent-dark);background:#f3f5f1;font-size:8px;font-weight:700}.decoration-swatch--none{color:var(--muted);font-size:20px;font-weight:300}.decoration-swatch--rule{position:relative}.decoration-swatch--rule:after{width:27px;height:2px;background:var(--accent);content:"";transform:rotate(-5deg)}.decoration-library-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid var(--line)}.decoration-library-heading div{display:grid;gap:2px}.decoration-library-heading small{color:var(--muted);font-size:10px}.decoration-library-heading .command-button{min-height:30px;padding:0 10px}.decoration-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px}.decoration-resource{position:relative;display:grid;gap:3px;min-width:0;padding:7px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;text-align:left}.decoration-resource--selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.decoration-resource img{width:100%;aspect-ratio:1.35;object-fit:contain;background:#f4f6f4}.decoration-resource span{overflow:hidden;color:var(--ink);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.decoration-resource small{color:var(--muted);font-size:9px}.decoration-resource i{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;color:#fff;background:var(--accent)}.decoration-remove{width:100%;margin-top:12px}.mask-tool-options{display:grid;gap:8px;margin-top:18px}.mask-tool-option{display:grid;grid-template-columns:48px 1fr;grid-template-rows:auto auto;align-items:center;gap:2px 10px;width:100%;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;text-align:left}.mask-tool-option.active{border-color:var(--accent);background:#fff4f0}.mask-tool-option>span{grid-row:1 / span 2;display:block;width:38px;height:30px;background:#91a09c}.mask-tool-option>span.circle{width:32px;height:32px;border-radius:50%}.mask-tool-option>span.rounded{border-radius:9px}.mask-tool-option strong{font-size:12px}.mask-tool-option small{color:var(--muted);font-size:10px}.decoration-swatch--label{width:36px;height:15px;margin:auto 3px;border:1px solid var(--accent-dark);border-radius:999px;background:#fff;font-size:6px}.decoration-swatch--stamp{width:29px;height:29px;margin:auto 7px;border:1px dashed var(--accent);border-radius:50%;background:#fff;font-size:6px;transform:rotate(8deg)}.text-field{display:grid;gap:7px;color:var(--muted);font-size:11px;font-weight:600}.text-field>span{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.text-counter{color:var(--muted);font-size:9px;font-weight:500}.text-counter--warning{color:#a26a1c}.text-field textarea,.text-field input{width:100%;padding:9px 10px;border:1px solid var(--line);border-radius:var(--radius-sm);outline:0;color:var(--ink);background:#f7f8f6;font-size:12px;line-height:1.5}.text-field textarea{min-height:76px;resize:vertical}.text-field textarea:focus,.text-field input:focus{border-color:#2b687b;background:#fff}.pages-tool-actions,.pages-move-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pages-tool-actions{margin-top:18px}.pages-move-actions{margin-top:12px}.pages-list{display:grid;gap:5px;margin-top:18px}.page-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;width:100%;min-height:48px;padding:7px 8px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--ink);background:#f6f7f5;text-align:left}.page-row[draggable=true]{cursor:grab}.page-row[draggable=true]:active{cursor:grabbing}.page-row:hover{border-color:var(--line);background:#fff}.page-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-row--active{border-color:#e9b9ad;background:#fff5f1}.page-row-number{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;color:var(--muted);background:#e6e9e5;font-size:10px;font-weight:700}.page-row--active .page-row-number{color:#fff;background:var(--accent)}.page-row-copy{display:grid;min-width:0;gap:2px}.page-row-copy strong,.page-row-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-row-copy strong{font-size:11px}.page-row-copy small{color:var(--muted);font-size:9px}.page-row-count{color:var(--muted);font-size:10px;white-space:nowrap}.layers-list{display:grid;gap:5px;margin-top:18px}.layer-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:16px}.layer-actions .command-button{justify-content:center}.layer-actions--three{grid-template-columns:repeat(3,minmax(0,1fr))}.layer-row{display:grid;grid-template-columns:26px minmax(0,1fr) 18px;align-items:center;gap:8px;width:100%;min-height:48px;padding:7px 8px;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--ink);background:#f6f7f5;text-align:left}.layer-row:hover{border-color:var(--line);background:#fff}.layer-row--active{border-color:#e9b9ad;color:var(--accent-dark);background:#fff5f1}.layer-row--text{background:#fafbf9}.layer-order{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;color:var(--muted);background:#e6e9e5;font-size:10px;font-weight:700}.layer-row--active .layer-order{color:#fff;background:var(--accent)}.photo-frame--hidden{border-style:dashed;opacity:.64}.layer-copy{display:grid;min-width:0;gap:2px}.layer-copy strong,.layer-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-copy strong{font-size:11px}.layer-copy small{color:var(--muted);font-size:9px}.upload-button{display:flex;align-items:center;justify-content:center;width:100%;height:36px;gap:7px;margin-top:16px;border-radius:var(--radius-sm);color:#fff;background:var(--ink);font-size:12px;font-weight:600}.upload-button:hover{background:#111516}.auto-fill-button{display:flex;align-items:center;width:100%;min-height:34px;gap:7px;margin-top:8px;padding:0 10px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#fff;font-size:11px;font-weight:600}.auto-fill-button small{margin-left:auto;color:var(--muted);font-size:9px;font-weight:500}.auto-fill-button:hover:not(:disabled){border-color:var(--accent);color:var(--accent-dark);background:#fff8f5}.auto-fill-button:disabled{opacity:.45;cursor:default}.search-box{display:flex;align-items:center;height:32px;gap:7px;margin-top:11px;padding:0 9px;border:1px solid var(--line);border-radius:var(--radius-sm);color:#8b9092;background:#f7f8f6}.search-box input{min-width:0;flex:1;border:0;outline:0;color:var(--ink);background:transparent;font-size:11px}.filter-tabs{display:grid;grid-template-columns:repeat(2,1fr);height:31px;margin:13px 0 11px;padding:2px;border-radius:var(--radius-sm);background:#eff1ee}.filter-tabs button{border:0;border-radius:3px;color:var(--muted);background:transparent;font-size:11px;cursor:pointer}.filter-tabs button.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #1f26231a}.folder-popover{margin-top:10px;padding:9px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fbfcfa}.folder-popover form{display:flex;gap:6px}.folder-popover input{min-width:0;flex:1;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);outline:0;color:var(--ink);background:#fff;font-size:10px}.folder-popover input:focus{border-color:var(--accent)}.folder-popover .command-button{min-height:30px;padding:0 9px}.folder-tabs{display:flex;gap:5px;margin:0 0 11px;overflow-x:auto;scrollbar-width:none}.folder-tabs::-webkit-scrollbar{display:none}.asset-folder-picker{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 10px;color:var(--muted);font-size:10px}.asset-folder-picker select{flex:1;min-width:0;height:28px;padding:0 7px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--ink);background:#fff;font-size:10px}.folder-tabs button{flex:0 0 auto;min-height:24px;padding:0 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:#fff;font-size:10px}.folder-tabs button.active{border-color:#e9b9ad;color:var(--accent-dark);background:#fff3ef}.folder-actions{display:flex;justify-content:flex-end;gap:10px;margin:-4px 0 10px}.text-button--danger{color:var(--danger)}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.photo-asset{position:relative;width:100%;aspect-ratio:1;padding:0;overflow:hidden;border:1px solid transparent;border-radius:var(--radius-sm);cursor:grab;background:#e6e8e4}.photo-asset:hover{border-color:var(--accent)}.photo-asset:disabled{cursor:progress;opacity:.72}.photo-asset img{width:100%;height:100%;object-fit:cover;transition:transform .18s ease}.photo-asset:hover img{transform:scale(1.03)}.photo-used{position:absolute;top:5px;right:5px;display:grid;place-items:center;width:17px;height:17px;border:1px solid rgb(255 255 255 / 80%);border-radius:50%;color:#fff;background:var(--success);font-size:10px}.photo-uploading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;background:#1c232194;font-size:11px;font-weight:600}.photo-uploading--error{cursor:pointer;background:#8e302ac7}.photo-meta{position:absolute;right:5px;bottom:5px;padding:2px 4px;border-radius:3px;color:#fff;background:#1c2321ad;font-size:8px;line-height:1.1}.panel-empty,.tool-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:220px;padding:24px 15px;color:var(--muted);text-align:center}.panel-empty .el-icon,.tool-placeholder .el-icon{margin-bottom:10px;font-size:28px}.panel-empty strong,.tool-placeholder strong{color:var(--ink);font-size:12px}.panel-empty span,.tool-placeholder span{max-width:20ch;margin-top:5px;font-size:11px;line-height:1.6}.canvas-area{display:grid;grid-template-rows:46px minmax(0,1fr) 104px;min-width:0;overflow:hidden;background:var(--workspace)}.canvas-toolbar{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;min-width:0;padding:0 14px;border-bottom:1px solid #daddd8;background:#f4f5f3}.page-context{display:flex;align-items:baseline;gap:7px}.page-context strong{font-size:12px}.page-context span{color:var(--muted);font-size:10px}.canvas-controls{gap:14px}.guide-toggle{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.zoom-control{height:28px;border:1px solid #d8dbd7;border-radius:var(--radius-sm);background:#fff}.zoom-control button{display:grid;place-items:center;width:28px;height:26px;padding:0;background:transparent}.zoom-control span{width:42px;color:#596063;font-size:10px;text-align:center}.stage-scroll{min-width:0;min-height:0;overflow:auto;cursor:grab;overscroll-behavior:contain}.stage-scroll--panning{cursor:grabbing;-webkit-user-select:none;user-select:none}.stage{display:grid;place-items:center;width:max(100%,calc(820px * var(--canvas-zoom) + 76px));height:max(100%,calc((820px / var(--canvas-ratio, 1.43)) * var(--canvas-zoom) + 76px));padding:38px;box-sizing:border-box}.book-spread{--spread-width: 820px;position:relative;display:grid;grid-template-columns:1fr 12px 1fr;width:calc(var(--spread-width) * var(--canvas-zoom));aspect-ratio:var(--canvas-ratio, 1.43);overflow:visible;background:#fff;box-shadow:0 18px 42px #32393529,0 2px 5px #3239351a;transform-origin:center}.template-canvas{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#fff}.template-canvas__background{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:fill;pointer-events:none;-webkit-user-select:none;user-select:none}.template-photo-frame{position:absolute;z-index:2;display:grid;place-items:center;overflow:hidden;padding:0;border:1px dashed #4a9990;background:#f4f7f4b8;color:#72817c;cursor:move;touch-action:none}.template-photo-frame:hover,.template-photo-frame--selected{border:2px solid #1677ff;box-shadow:0 0 0 2px #fff9}.template-photo-frame>img{width:100%;height:100%;pointer-events:none}.template-photo-frame .empty-frame{font-size:11px}.template-photo-frame--hidden{opacity:.38}.canvas-interaction-hint{min-width:0;margin:0 auto;overflow:hidden;color:#68716d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.frame-context-menu{position:fixed;z-index:9000;width:142px;padding:6px 0;border:1px solid #d8ddd9;border-radius:4px;background:#fff;box-shadow:0 12px 30px #202a252e;color:#29332f;font-size:13px}.frame-context-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;height:34px;padding:0 14px;border:0;border-radius:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.frame-context-menu button:hover:not(:disabled),.frame-context-menu button:focus-visible{background:#edf2ef}.frame-context-menu button:disabled{color:#aeb5b1;cursor:not-allowed}.frame-context-menu hr{height:1px;margin:5px 10px;border:0;background:#e6e9e7}.frame-context-submenu{position:relative}.frame-context-submenu>div{position:absolute;top:-6px;left:100%;display:none;width:146px;padding:6px 0;border:1px solid #d8ddd9;border-radius:4px;background:#fff;box-shadow:0 12px 30px #202a252e}@media(max-width:680px){.frame-context-submenu>div{right:100%;left:auto}}.frame-context-submenu:hover>div,.frame-context-submenu:focus-within>div{display:block}.frame-context-danger{color:#c6463d!important}.book-spread--hero{background:#f6f3ed}.book-spread--hero .page--left{padding:0;background:#e9ece8}.book-spread--hero .page--right{padding:5.5% 6.5% 5%;background:#fbfaf7}.book-spread--hero .photo-frame--main{top:0;right:0;bottom:0;left:0;border-radius:0}.book-spread--hero .photo-frame--wide{top:8%;right:8%;left:8%;height:48%}.book-spread--hero .photo-frame--detail{right:8%;bottom:8%;width:36%;height:25%}.book-spread--hero .story-copy{bottom:8%;left:8%;width:56%}.book-spread--collage{background:#f0eee8}.book-spread--collage .page{background:#f9f8f4}.book-spread--collage .photo-frame{border-color:#fff;box-shadow:0 7px 14px #32393529}.book-spread--collage .photo-frame--main{top:8%;right:18%;bottom:24%;left:5%;transform:rotate(-2deg)}.book-spread--collage .photo-frame--wide{top:5%;right:8%;left:5%;height:52%;transform:rotate(1.5deg)}.book-spread--collage .photo-frame--detail{right:7%;bottom:8%;width:36%;height:27%;transform:rotate(-3deg)}.book-spread--collage .story-copy{bottom:8%;left:7%;width:46%}.spread-decoration{position:absolute;z-index:6;pointer-events:none}.spread-decoration--rule{top:8%;left:7%;width:27%;height:2px;background:var(--accent);transform:rotate(-2deg)}.spread-decoration--label{top:7%;right:7%;display:inline-flex;align-items:center;min-height:18px;padding:3px 7px;border:1px solid currentColor;border-radius:999px;color:var(--accent-dark);background:#ffffffc7;font-size:clamp(6px,calc(8px * var(--canvas-zoom)),8px);font-weight:700;letter-spacing:.08em;line-height:1.1}.spread-decoration--stamp{right:8%;bottom:8%;display:grid;place-items:center;width:clamp(26px,calc(42px * var(--canvas-zoom)),42px);aspect-ratio:1;border:2px dashed var(--accent);border-radius:50%;color:var(--accent-dark);background:#ffffffa6;font-size:clamp(6px,calc(7px * var(--canvas-zoom)),7px);font-weight:700;line-height:1.1;text-align:center;transform:rotate(8deg)}.placed-decoration{position:absolute;z-index:7;display:block;padding:0;border:1px solid transparent;background:transparent;cursor:grab;touch-action:none;transform-origin:center}.placed-decoration:active{cursor:grabbing}.placed-decoration--selected{border-color:var(--accent);outline:2px solid rgb(222 95 71 / 24%)}.placed-decoration--locked,.placed-decoration--locked:active{cursor:not-allowed}.placed-decoration img{display:block;width:100%;height:auto;pointer-events:none}.page{position:relative;min-width:0;overflow:hidden;background:#fdfdfc}.page--left,.page--right{padding:6.5% 7% 5.5%}.book-gutter{position:relative;z-index:8;background:#f3f1ed;box-shadow:inset 4px 0 8px #3f3a301a,inset -4px 0 8px #3f3a301a}.page-kicker{position:absolute;top:4.3%;left:7%;z-index:4;color:#fff;font-size:clamp(6px,calc(9px * var(--canvas-zoom)),9px);font-weight:700}.photo-frame{position:absolute;display:grid;place-items:center;padding:0;overflow:hidden;border:1px solid transparent;border-radius:2px;background:#e1e4df}.photo-frame:after{position:absolute;top:0;right:0;bottom:0;left:0;border:2px solid transparent;border-radius:inherit;content:"";pointer-events:none}.photo-frame:hover:after,.photo-frame--selected:after{border-color:#2c8098}.photo-frame--focus-drag{cursor:move;touch-action:none}.photo-frame--focus-dragging{cursor:grabbing}.photo-frame--selected:before{position:absolute;top:6px;left:6px;z-index:3;padding:3px 5px;border-radius:3px;color:#fff;background:#2c8098;content:"图片";font-size:7px}.photo-frame img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;transition:transform .16s ease}.photo-frame--main{top:4%;right:7%;bottom:12%;left:7%}.photo-frame--wide{top:7%;right:7%;left:7%;height:42%}.photo-frame--detail{right:7%;bottom:7%;width:31%;height:24%}.page-caption{position:absolute;right:8%;bottom:4.5%;z-index:2;margin:0;color:#626764;font-size:clamp(6px,calc(8px * var(--canvas-zoom)),8px)}.story-copy{position:absolute;bottom:9%;left:8%;width:46%;color:#303533}.story-copy span{display:block;color:var(--accent-dark);font-size:clamp(6px,calc(8px * var(--canvas-zoom)),8px);font-weight:700}.story-copy h2{margin:5% 0 4%;font-size:clamp(12px,calc(20px * var(--canvas-zoom)),20px);font-weight:650;line-height:1.35}.story-copy p{margin:0;color:#7a7e7b;font-size:clamp(6px,calc(8px * var(--canvas-zoom)),8px);line-height:1.7}.empty-frame{display:flex;align-items:center;gap:4px;color:#929894;font-size:9px}.trim-guide{position:absolute;z-index:12;border:1px dashed rgb(214 75 62 / 75%);pointer-events:none}.trim-guide--left{left:1.5%}.trim-guide--right{right:1.5%}.trim-guide span{position:absolute;top:-17px;left:-1px;color:#ba493d;font-size:8px}.safe-guide{position:absolute;z-index:12;border:1px dashed rgb(40 119 91 / 55%);pointer-events:none}.frame-snap-guide{position:absolute;z-index:14;background:#1677ff;box-shadow:0 0 0 1px #ffffffbf;pointer-events:none}.frame-snap-guide--vertical{top:0;bottom:0;width:1px}.frame-snap-guide--horizontal{right:0;left:0;height:1px}.page-strip{display:grid;grid-template-columns:84px minmax(0,1fr);align-items:center;border-top:1px solid #daddd8;background:#f6f7f5}.page-strip-label{display:grid;align-content:center;align-self:stretch;padding-left:13px;border-right:1px solid #e1e3df}.page-strip-label strong{font-size:11px}.page-strip-label span{margin-top:3px;color:var(--muted);font-size:9px}.page-actions{display:flex;gap:2px;margin-top:7px}.page-action{display:grid;place-items:center;width:22px;height:22px;padding:0;border:0;border-radius:var(--radius-sm);color:var(--muted);background:transparent}.page-action:hover:not(:disabled){color:var(--accent);background:#fff5f1}.page-action:disabled{opacity:.35;cursor:default}.page-delete:hover{color:var(--danger);background:#fff1ef}.page-thumbnails{display:flex;align-items:center;gap:10px;min-width:0;height:100%;padding:9px 12px;overflow-x:auto;overflow-y:hidden}.page-thumbnail{display:grid;flex:0 0 88px;gap:4px;padding:4px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent}.page-thumbnail--active{border-color:var(--accent);background:#fff}.mini-spread{position:relative;display:grid;grid-template-columns:1fr 1fr;width:78px;min-height:30px;max-height:58px;gap:1px;overflow:hidden;background:#dddeda;box-shadow:0 2px 5px #2c322f1c}.mini-template-background{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%!important;height:100%!important}.mini-spread>:not(.mini-template-background,.thumbnail-risk){position:relative;z-index:1}.mini-spread img{width:100%;height:100%;object-fit:cover}.mini-placeholder{display:grid;place-items:center;min-width:0;color:#8d9491;background:#e4e7e3;font-size:8px}.thumbnail-risk{position:absolute;right:3px;bottom:3px;display:inline-flex;gap:2px;padding:2px 3px;border-radius:3px;color:#fff;background:#242a27c2;font-size:8px;line-height:1}.thumbnail-risk b{min-width:9px;text-align:center}.thumbnail-risk--error{color:#ffb5ab}.thumbnail-risk--warning{color:#f5d38c}.page-thumbnail--stale .thumbnail-risk{opacity:.58}.page-thumbnail>span:last-child{color:var(--muted);font-size:9px}.add-page{display:grid;place-items:center;flex:0 0 38px;height:54px;border:1px dashed #c5c9c5;border-radius:var(--radius-sm);color:#747b7e;background:transparent}.inspector-panel{padding:17px 15px;overflow-y:auto;border-left:1px solid var(--line)}.inspector-heading span,.inspector-heading strong{display:block}.inspector-heading span{color:var(--muted);font-size:10px}.inspector-heading strong{margin-top:3px;font-size:13px}.image-settings-popover{position:absolute;top:54px;right:12px;left:12px;z-index:25;padding:13px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fff;box-shadow:0 14px 28px #1f252326}.image-settings-heading{display:flex;align-items:center;justify-content:space-between;color:var(--ink);font-size:12px}.image-facts{display:grid;gap:8px;margin:14px 0}.image-facts div{display:flex;justify-content:space-between;gap:12px;font-size:10px}.image-facts dt{color:var(--muted)}.image-facts dd{max-width:16ch;margin:0;overflow:hidden;color:var(--ink);text-overflow:ellipsis;white-space:nowrap}.image-settings-reset{width:100%;justify-content:center}.risk-note{display:grid;grid-template-columns:22px 1fr;gap:7px;margin-top:18px;padding:10px;border:1px solid #cbe0d6;border-radius:var(--radius-sm);color:var(--success);background:#f4faf7}.risk-note .el-icon{margin-top:2px}.risk-note strong,.risk-note span{display:block}.risk-note strong{color:#295d49;font-size:11px}.risk-note span{margin-top:3px;color:#6e877c;font-size:9px}.risk-note--warning{border-color:#ead7af;color:#93651f;background:#fffaf0}.risk-note--warning strong{color:#78531c}.risk-note--warning span{color:#8e744d}.risk-note--error{border-color:#edc8c2;color:var(--danger);background:#fff7f6}.risk-note--error strong{color:#8e302a}.risk-note--error span{color:#98635e}.preflight-section{padding:17px 0;border-bottom:1px solid #eceeeb}.preflight-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.preflight-heading .section-label{display:grid;gap:3px;margin:0}.preflight-request-error{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:7px;margin-top:10px;padding:8px;border:1px solid #edc8c2;border-radius:var(--radius-sm);color:#8e302a;background:#fff7f6;font-size:9px;line-height:1.4}.preflight-request-error .text-button{white-space:nowrap}.text-button{padding:0;border:0;color:#2b687b;background:transparent;font-size:9px;cursor:pointer}.text-button:disabled{color:#a3a8a8;cursor:default}.preflight-summary{display:flex;align-items:center;gap:7px;margin-top:12px;font-size:10px}.preflight-filters{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:10px;padding:2px;border-radius:var(--radius-sm);background:#eff1ee}.preflight-filters button{min-height:24px;padding:0 3px;border:0;border-radius:3px;color:var(--muted);background:transparent;font-size:9px}.preflight-filters button.active{color:var(--ink);background:#fff;box-shadow:0 1px 2px #1f26231a}.preflight-dot{width:7px;height:7px;border-radius:50%;background:#9aa09d}.preflight-summary--passed .preflight-dot{background:var(--success)}.preflight-summary--warning .preflight-dot{background:#b27a25}.preflight-summary--checking .preflight-dot{background:#2b687b}.preflight-summary--stale .preflight-dot{background:#b27a25}.preflight-summary--blocked .preflight-dot,.preflight-summary--error .preflight-dot{background:var(--danger)}.preflight-issues{display:grid;gap:7px;margin:11px 0 0;padding:0;list-style:none}.preflight-issues li{color:#5f6668;font-size:9px;line-height:1.45}.preflight-issue{width:100%;padding:0;border:0;color:inherit;font-size:inherit;line-height:inherit;text-align:left;background:transparent}.preflight-issue:hover{color:var(--ink)}.preflight-issues li span{margin-right:4px;color:var(--danger);font-weight:700}.preflight-empty{margin:10px 0 0;color:var(--muted);font-size:9px}.preflight-more{margin-top:10px;padding:0;border:0;color:#2b687b;background:transparent;font-size:9px;cursor:pointer}.inspector-section{padding:18px 0;border-bottom:1px solid #eceeeb}.section-label{justify-content:space-between;margin-bottom:10px}.section-label strong{font-size:11px}.section-label span{color:var(--muted);font-size:9px}.focus-slider{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;margin-top:8px;color:var(--muted);font-size:9px}.focus-slider .el-slider{min-width:0}.inspector-section .el-input-number{width:100%}.rotate-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.rotate-actions .command-button{justify-content:center;min-height:30px;padding:0 5px;font-size:9px}.fit-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fit-option{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:32px;padding:0 7px;border:1px solid var(--line);border-radius:var(--radius-sm);color:var(--muted);background:#fafbf9;font-size:10px}.frame-clipboard-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:8px}.frame-clipboard-actions .command-button{justify-content:center;min-height:30px;padding:0 7px}.page-meta-editor{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:16px 0 12px;padding-top:14px;border-top:1px solid var(--line)}.page-meta-editor .text-field{gap:5px}.page-meta-editor .text-field span{font-size:9px}.page-meta-editor input{width:100%;height:30px;padding:0 8px;border:1px solid var(--line);border-radius:var(--radius-sm);outline:0;color:var(--ink);background:#fff;font-size:10px}.page-meta-editor input:focus{border-color:var(--accent)}.fit-option:hover{border-color:var(--accent)}.fit-option--active{border-color:var(--accent);color:var(--accent-dark);background:#fff3ef;box-shadow:inset 0 0 0 1px var(--accent)}.mask-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.mask-option{display:grid;place-items:center;height:48px;border:1px solid var(--line);border-radius:var(--radius-sm);background:#fafbf9}.mask-option--active{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.mask-option span{display:block;width:22px;height:17px;background:#8e9692}.mask-option .circle{width:20px;height:20px;border-radius:50%}.mask-option .rounded{border-radius:6px}.inspector-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:18px}.preview-stage{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:2px;width:100%;aspect-ratio:1.55;overflow:hidden;background:#dddeda}.preview-stage--hero .preview-page--left{background:#e9ece8}.preview-stage--hero .preview-photo--main{top:0;right:0;bottom:0;left:0}.preview-stage--collage .preview-photo{border:4px solid #ffffff;box-shadow:0 7px 14px #32393529}.preview-stage--collage .preview-photo--main{transform:rotate(-2deg)}.preview-stage--collage .preview-photo--wide{transform:rotate(1.5deg)}.preview-stage--collage .preview-photo--detail{transform:rotate(-3deg)}.preview-decoration{position:absolute;z-index:5;pointer-events:none}.preview-decoration--rule{top:8%;left:7%;width:27%;height:2px;background:var(--accent);transform:rotate(-2deg)}.preview-decoration--label{top:7%;right:7%;padding:3px 7px;border:1px solid currentColor;border-radius:999px;color:var(--accent-dark);background:#ffffffc7;font-size:8px;font-weight:700;letter-spacing:.08em}.preview-decoration--stamp{right:8%;bottom:8%;display:grid;place-items:center;width:42px;aspect-ratio:1;border:2px dashed var(--accent);border-radius:50%;color:var(--accent-dark);background:#ffffffa6;font-size:7px;font-weight:700;line-height:1.1;text-align:center;transform:rotate(8deg)}.preview-page{position:relative;min-width:0;overflow:hidden;background:#fff}.preview-page--template{grid-column:1 / -1}.preview-placed-decoration{position:absolute;display:block;height:auto;object-fit:contain;pointer-events:none;transform-origin:center}.preview-photo{position:absolute;display:grid;place-items:center;overflow:hidden;background:#e1e4df}.preview-photo--main{top:4%;right:7%;bottom:12%;left:7%}.preview-photo--wide{top:7%;right:7%;left:7%;height:42%}.preview-photo--detail{right:7%;bottom:7%;width:31%;height:24%}.preview-photo--template-frame{z-index:2}.preview-photo>img{width:100%;height:100%;object-fit:cover}.preview-empty{color:#7b8581;font-size:9px}.preview-page>img{width:100%;height:100%;object-fit:cover}.preview-toolbar{display:flex;align-items:center;justify-content:center;gap:14px;margin-bottom:10px;color:var(--muted);font-size:11px}.preview-copy{position:absolute;right:8%;bottom:8%;left:8%;padding:15px;color:#fff;background:#1f2523c7}.preview-copy strong,.preview-copy span{display:block}.preview-copy small{display:block;margin-top:6px;color:#ffffffb8;font-size:9px}.preview-copy strong{font-size:18px}.preview-copy span{margin-top:4px;font-size:10px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1260px){.workspace{grid-template-columns:58px 250px minmax(540px,1fr)}.inspector-panel{display:none}}@media(max-width:930px){.topbar{grid-template-columns:1fr auto}.document-title{display:none}.workspace{grid-template-columns:58px minmax(540px,1fr)}.asset-panel{display:none}.stage{justify-content:start}}@media(max-width:680px){.brand-copy,.topbar-actions .command-button--secondary,.topbar-actions>.icon-button:first-child,.topbar-actions>.icon-button:nth-child(2),.guide-toggle{display:none}.topbar{grid-template-columns:auto 1fr;padding:0 8px}.checkout-button{width:32px;padding:0}.checkout-button span{display:none}.order-drawer{width:100vw;padding:16px 12px}.order-drawer-body{grid-template-columns:1fr;overflow-y:auto}.order-list-pane{max-height:34vh;padding:10px 0;border-right:0;border-bottom:1px solid var(--line)}.order-detail-pane{min-height:280px;padding:16px 0;overflow:visible}.checkout-layout{grid-template-columns:1fr;gap:20px}.checkout-summary{padding:0 0 20px;border-right:0;border-bottom:1px solid var(--line)}.address-grid{grid-template-columns:1fr}.address-detail{grid-column:auto}.workspace{grid-template-columns:48px minmax(0,1fr)}.tool-rail{padding-inline:2px}.rail-tool{width:43px}.canvas-toolbar{padding-inline:8px}.page-context{min-width:0}.page-context span{display:none}.canvas-controls{display:flex;flex:0 0 auto;gap:0}.zoom-control span{width:36px}.stage-scroll{overflow:auto}.stage{justify-content:center;width:max(100%,calc(820px * var(--canvas-zoom) + 28px));height:max(100%,calc(574px * var(--canvas-zoom) + 48px));min-height:0;padding:24px 14px}.page-strip{grid-template-columns:58px minmax(0,1fr)}.page-thumbnails{scrollbar-width:none}.page-thumbnails::-webkit-scrollbar{display:none}}@media(max-height:600px){.canvas-area{grid-template-rows:40px minmax(0,1fr) 76px}.page-strip-label span,.page-thumbnail>span:last-child{display:none}.page-actions{margin-top:4px}.page-thumbnails{gap:7px;padding-block:5px}.page-thumbnail{flex-basis:70px;padding:2px}.mini-spread{width:64px;height:44px}.add-page{height:44px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}