.tw-panel{display:flex;flex-direction:column;width:288px;height:100%;min-height:0;background:var(--bg-panel);border-left:1px solid var(--border);box-shadow:var(--shadow-md)}.tw-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:16px 16px 12px;border-bottom:1px solid var(--border-soft)}.tw-panel-title{margin:0;font-family:var(--serif);font-size:16px;font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}.tw-panel-sub{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-strong);background:var(--accent-tint);border-radius:var(--radius-pill);padding:2px 9px}.tw-panel-body{flex:1;min-height:0;overflow-y:auto;padding:14px 16px 20px;display:flex;flex-direction:column;gap:14px}.tw-empty{margin:0;font-size:12.5px;color:var(--text-muted);line-height:1.6}.tw-field{display:flex;flex-direction:column;gap:6px;padding:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out)}.tw-field:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.tw-field-label{font-size:12px;font-weight:600;color:var(--text)}.tw-input{width:100%;font:inherit;font-size:13px;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);padding:7px 9px;transition:border-color var(--dur-quick) var(--ease-out)}.tw-input:hover{border-color:var(--border-strong)}.tw-input:focus-visible,.tw-input:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:var(--accent)}.tw-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--text-soft) 50%),linear-gradient(135deg,var(--text-soft) 50%,transparent 50%);background-position:calc(100% - 16px) center,calc(100% - 11px) center;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:28px}.tw-color{display:flex;align-items:center;gap:8px}.tw-color-swatch{flex:none;width:34px;height:30px;padding:2px;cursor:pointer;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm)}.tw-color-swatch:hover{border-color:var(--border-strong)}.tw-color-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tw-color-hex{flex:1;min-width:0;font-variant-numeric:tabular-nums}.tw-range{display:flex;align-items:center;gap:10px}.tw-range-input{flex:1;min-width:0;accent-color:var(--accent);cursor:pointer}.tw-range-input:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-pill)}.tw-range-value{flex:none;min-width:34px;text-align:right;font-size:12.5px;font-variant-numeric:tabular-nums;color:var(--text-muted)}.tw-switch{display:inline-flex;align-items:center;cursor:pointer}.tw-switch input{position:absolute;opacity:0;width:0;height:0}.tw-switch-track{position:relative;display:inline-block;width:38px;height:22px;background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-pill);transition:background var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out)}.tw-switch-thumb{position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--bg-elevated);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--dur-enter) var(--ease-out)}.tw-switch input:checked+.tw-switch-track{background:var(--accent);border-color:var(--accent)}.tw-switch input:checked+.tw-switch-track .tw-switch-thumb{transform:translate(16px)}.tw-switch input:focus-visible+.tw-switch-track{outline:2px solid var(--accent);outline-offset:2px}.theater{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;background:#0b0f16;animation:theater-in .18s ease}@keyframes theater-in{0%{opacity:0}to{opacity:1}}.theater-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:0;cursor:pointer}.theater-slide{position:relative;box-shadow:0 24px 80px #0009;background:#fff;cursor:default}.theater-frame{position:absolute;top:0;left:0;border:0;display:block}.theater-edge{position:absolute;top:0;bottom:0;width:18%;border:0;background:transparent;cursor:pointer;opacity:0}.theater-edge--left{left:0;cursor:w-resize}.theater-edge--right{right:0;cursor:e-resize}.theater-edge:disabled{cursor:default;pointer-events:none}.theater-bar{display:flex;align-items:center;gap:16px;padding:10px 20px;background:#0c1018eb;border-top:1px solid rgba(255,255,255,.08);color:#e6edf5;flex:none}.theater-title{font-size:13px;font-weight:600;color:#cdd7e3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40%}.theater-ctrls{display:flex;align-items:center;gap:10px;margin:0 auto}.theater-ctrls button{min-width:34px;height:30px;padding:0 9px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:#ffffff0f;color:#e6edf5;font-size:13px;cursor:pointer;transition:background .15s ease,border-color .15s ease}.theater-ctrls button:hover:not(:disabled){background:#ffffff24}.theater-ctrls button:disabled{opacity:.35;cursor:default}.theater-toggle.on{background:#3b82f6;border-color:#3b82f6;color:#fff}.theater-count{font-variant-numeric:tabular-nums;font-size:13px;color:#cdd7e3;min-width:66px;text-align:center}.theater-close{height:30px;padding:0 14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:transparent;color:#e6edf5;font-size:13px;cursor:pointer;white-space:nowrap}.theater-close:hover{background:#ffffff1a}.theater-rail{flex:none;padding:10px 16px 14px;background:#0c1018eb;border-top:1px solid rgba(255,255,255,.06);overflow-x:auto}.deckrail{display:flex;flex-direction:column;gap:6px;min-height:0;padding:8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-y:auto}.deckrail-item{position:relative;display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;cursor:pointer;padding:6px 8px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}.deckrail-item:hover{border-color:var(--accent);background:var(--bg-subtle);color:var(--text)}.deckrail-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.deckrail-item.active{border-color:var(--accent-soft);background:var(--accent-tint);color:var(--accent-strong)}.deckrail-num{flex:none;width:22px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;text-align:right}.deckrail-thumb{flex:1;min-width:0;aspect-ratio:16 / 9;border-radius:var(--radius-xs);background:var(--bg-muted);border:1px solid var(--border-soft)}.deckrail-item.active .deckrail-thumb{background:#fff;border-color:var(--accent-soft)}.deckrail--horizontal{flex-direction:row;overflow-x:auto;overflow-y:hidden}.deckrail--horizontal .deckrail-item{flex:none;width:88px;flex-direction:column;align-items:stretch;gap:4px}.deckrail--horizontal .deckrail-num{width:auto;text-align:center}.btn-ghost.is-on{background:#3b82f6;border-color:#3b82f6;color:#fff}.canvas-stagewrap{position:relative;flex:1;min-height:0;display:flex;flex-direction:column}.annot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:40}.annot-layer{position:absolute;top:0;right:0;bottom:0;left:0;cursor:crosshair;background:#0f172a1f;touch-action:none}.annot-layer.committed{cursor:default}.annot-hint{position:absolute;top:14px;left:50%;transform:translate(-50%);padding:7px 14px;font-size:13px;color:#fff;background:#0f172ad1;border-radius:999px;pointer-events:none;white-space:nowrap}.annot-rect{position:absolute;border:2px solid #3b82f6;background:#3b82f624;border-radius:4px;box-shadow:0 0 0 9999px #0f172a2e;pointer-events:none}.annot-pop{position:absolute;z-index:2;width:300px;max-width:82vw;padding:12px;background:#fff;border:1px solid rgba(15,23,42,.1);border-radius:12px;box-shadow:0 18px 44px #0f172a38}.annot-input{width:100%;min-height:66px;resize:vertical;box-sizing:border-box;padding:9px 10px;font:inherit;font-size:13px;line-height:1.5;color:#0f172a;border:1px solid rgba(15,23,42,.16);border-radius:8px;outline:none}.annot-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f629}.annot-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:9px}.annot-btn{height:30px;padding:0 13px;font:inherit;font-size:13px;font-weight:600;border-radius:8px;cursor:pointer;border:1px solid transparent}.annot-btn.ghost{background:transparent;border-color:#0f172a29;color:#475569}.annot-btn.ghost:hover{background:#0f172a0d}.annot-btn.primary{background:#3b82f6;color:#fff}.annot-btn.primary:hover{background:#2563eb}.annot-btn.primary:disabled{opacity:.5;cursor:default}.annot-exit{position:absolute;top:12px;right:12px;z-index:3;height:30px;padding:0 14px;font:inherit;font-size:13px;font-weight:600;color:#fff;background:#0f172ad1;border:1px solid rgba(255,255,255,.18);border-radius:999px;cursor:pointer}.annot-exit:hover{background:#0f172af2}.wb{display:flex;flex-direction:column;gap:30px}.wb-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid var(--border-soft)}.wb-top-title{display:flex;flex-direction:column;gap:4px}.wb-top-name{display:inline-flex;align-items:center;gap:9px;font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.015em;color:var(--text-strong)}.wb-top-name:before{content:"";width:10px;height:10px;border-radius:3px;background:var(--accent);box-shadow:0 0 0 4px var(--accent-tint)}.wb-top-sub{font-size:13px;color:var(--text-soft)}.wb-top-ds{display:inline-flex;align-items:center;gap:12px;font:inherit;cursor:pointer;padding:8px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out)}.wb-top-ds:hover{border-color:var(--accent);box-shadow:var(--shadow-sm)}.wb-top-ds-col{display:flex;flex-direction:column;gap:1px;text-align:left}.wb-top-ds-label{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.wb-top-ds-name{font-size:13px;font-weight:600;color:var(--text-strong)}.wb-top-ds-swatches{display:inline-flex;gap:3px}.wb-swatch{width:14px;height:14px;border-radius:4px;border:1px solid rgba(15,23,42,.08)}.wb-panel{display:flex;flex-direction:column;gap:14px}.wb-panel-head{display:flex;align-items:center;gap:10px}.wb-panel-title{margin:0;font-size:15px;font-weight:600;color:var(--text-strong)}.wb-panel-subtitle{margin:0;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.wb-panel-hint{font-size:12.5px;color:var(--text-soft)}.wb-work-count{font-size:12px;font-weight:600;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-soft);border-radius:999px;padding:1px 9px}.wb-link{margin-left:auto;font:inherit;font-size:12.5px;cursor:pointer;color:var(--accent-strong);background:transparent;border:none;padding:2px 4px}.wb-link:hover{text-decoration:underline}.wb-surface-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}.wb-surface{display:flex;align-items:center;gap:13px;text-align:left;font:inherit;cursor:pointer;padding:15px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.wb-surface:hover{border-color:var(--accent);box-shadow:0 10px 28px #3b82f61a,0 2px 6px #0f172a0d;transform:translateY(-2px)}.wb-surface:hover .wb-surface-go{background:var(--accent);color:#fff}.wb-surface-icon{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:20px;background:var(--bg-subtle);border-radius:var(--radius)}.wb-surface-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.wb-surface-label{font-size:14px;font-weight:600;color:var(--text-strong)}.wb-surface-hint{font-size:12px;color:var(--text-muted)}.wb-surface-go{flex:none;display:flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:15px;color:var(--accent-strong);background:var(--accent-tint);border-radius:50%;transition:background var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}.wb-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:12px}.wb-tool{display:flex;align-items:center;gap:13px;text-align:left;font:inherit;cursor:pointer;padding:15px 16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.wb-tool:hover{border-color:var(--accent);box-shadow:0 10px 28px #3b82f61a,0 2px 6px #0f172a0d;transform:translateY(-2px)}.wb-tool-icon{flex:none;display:flex;align-items:center;justify-content:center;width:42px;height:42px;font-size:20px;background:var(--bg-subtle);border-radius:var(--radius)}.wb-tool-body{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.wb-tool-label{font-size:14px;font-weight:600;color:var(--text-strong)}.wb-tool-hint{font-size:12px;color:var(--text-muted)}.wb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(204px,1fr));gap:14px}.wb-card{display:flex;flex-direction:column;text-align:left;font:inherit;cursor:pointer;padding:0;overflow:hidden;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.wb-card:hover{border-color:var(--accent);box-shadow:0 10px 28px #3b82f61a,0 2px 6px #0f172a0d;transform:translateY(-2px)}.wb-card-thumb{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:16 / 10;background:#fff;border-bottom:1px solid var(--border-soft);overflow:hidden}.wb-card-thumb img{width:100%;height:100%;object-fit:cover}.wb-card-thumb-fallback{font-size:30px;opacity:.55}.wb-card-thumb-framebox{background:var(--bg-subtle)}.wb-card-frame{position:absolute;top:0;left:0;width:1200px;height:750px;border:0;transform-origin:top left;pointer-events:none;background:#fff}.wb-card-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--bg-subtle) 30%,rgba(255,255,255,.65) 50%,var(--bg-subtle) 70%);background-size:200% 100%;animation:wb-shimmer 1.4s ease-in-out infinite}.wb-card-meta{display:flex;flex-direction:column;gap:6px;padding:10px 12px 12px}.wb-card-title{font-size:13.5px;font-weight:600;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-card-tags{display:flex;align-items:center;gap:8px}.wb-card-badge{font-size:11px;color:var(--accent-strong);background:var(--accent-tint);border-radius:5px;padding:1px 7px}.wb-card-date{font-size:11px;color:var(--text-soft)}.wb-empty{display:flex;flex-direction:column;align-items:center;gap:8px;padding:52px 24px;text-align:center;background:radial-gradient(circle at 50% 0%,var(--accent-tint),transparent 60%),var(--bg-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-lg)}.wb-empty-icon{font-size:28px;color:var(--accent)}.wb-empty-title{margin:4px 0 0;font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}.wb-empty-text{margin:0;font-size:13px;line-height:1.6;color:var(--text-muted);max-width:380px}.wb-tpl-strip{display:grid;grid-auto-flow:column;grid-auto-columns:216px;gap:14px;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin}.wb-tpl-card{display:flex;flex-direction:column;gap:8px;text-align:left;font:inherit;cursor:pointer;padding:0;background:transparent;border:none}.wb-tpl-thumb{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.wb-tpl-card:hover .wb-tpl-thumb{border-color:var(--accent);box-shadow:0 10px 28px #3b82f61a,0 2px 6px #0f172a0d;transform:translateY(-2px)}.wb-tpl-frame{position:absolute;top:0;left:0;width:1280px;height:800px;border:0;transform:scale(.169);transform-origin:top left;pointer-events:none;background:#fff}.wb-tpl-skeleton{width:100%;height:100%;background:linear-gradient(100deg,var(--bg-subtle) 30%,rgba(255,255,255,.6) 50%,var(--bg-subtle) 70%);background-size:200% 100%;animation:wb-shimmer 1.4s ease-in-out infinite}@keyframes wb-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.wb-tpl-name{font-size:12.5px;font-weight:600;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wb-surface-sketch{border-style:dashed}@media (prefers-reduced-motion: reduce){.wb-tpl-skeleton,.wb-card-skeleton{animation:none}}.proj{display:flex;flex-direction:column;min-height:0;height:100%;overflow:hidden}.proj-head{display:flex;align-items:center;gap:12px;padding:16px 24px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.proj-title{margin:0 auto 0 0;font-family:var(--serif);font-size:18px;font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}.proj-title-count{color:var(--text-soft);font-weight:500}.proj-refresh{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;cursor:pointer;padding:6px 12px;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out)}.proj-refresh:hover{border-color:var(--accent);background:var(--bg-subtle)}.proj-refresh:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.proj-refresh:disabled{opacity:.5;cursor:default}.proj-filters{display:flex;flex-wrap:wrap;gap:6px;padding:12px 24px 0}.proj-chip{font:inherit;font-size:12px;cursor:pointer;padding:4px 12px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);transition:border-color var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out)}.proj-chip:hover{border-color:var(--accent);color:var(--text)}.proj-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.proj-chip.active{color:var(--accent-strong);background:var(--accent-tint);border-color:var(--accent-soft);font-weight:600}.proj-scroll{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 28px}.proj-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:16px}.proj-card{display:flex;flex-direction:column;text-align:left;font:inherit;cursor:pointer;padding:0;position:relative;overflow:hidden;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.proj-card:hover{border-color:var(--accent);box-shadow:0 10px 28px #3b82f61a,0 2px 6px #0f172a0d;transform:translateY(-2px)}.proj-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.proj-card.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint),var(--shadow-sm)}.proj-card-remix{position:absolute;top:8px;right:8px;z-index:2;display:inline-flex;align-items:center;gap:4px;padding:5px 10px;font:inherit;font-size:12px;font-weight:600;color:#fff;background:#0f172ac7;border:1px solid rgba(255,255,255,.18);border-radius:999px;cursor:pointer;opacity:0;transform:translateY(-4px);transition:opacity var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.proj-card:hover .proj-card-remix,.proj-card:focus-within .proj-card-remix{opacity:1;transform:translateY(0)}.proj-card-remix:hover{background:var(--accent);border-color:var(--accent)}.proj-card-remix:focus-visible{opacity:1;transform:translateY(0);outline:2px solid #fff;outline-offset:1px}.proj-card-thumb{position:relative;aspect-ratio:4 / 3;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-muted);border-bottom:1px solid var(--border-soft)}.proj-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.proj-card-thumb-framebox{background:#fff}.proj-card-frame{position:absolute;top:0;left:0;width:1200px;height:750px;border:0;transform-origin:top left;pointer-events:none;background:#fff}.proj-card-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--bg-muted) 30%,var(--bg-subtle) 50%,var(--bg-muted) 70%);background-size:200% 100%;animation:proj-shimmer 1.4s var(--ease-out) infinite}.proj-card-glyph{font-family:var(--serif);font-size:34px;font-weight:600;color:#1c1b1a6b;-webkit-user-select:none;user-select:none}@media (prefers-color-scheme: dark){.proj-card-glyph{color:#f2ede480}}.proj-card-pages{position:absolute;right:8px;bottom:8px;font-size:11px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);padding:1px 8px;box-shadow:var(--shadow-xs)}.proj-card-meta{display:flex;flex-direction:column;gap:6px;padding:12px 13px 14px}.proj-card-tags{display:flex;flex-wrap:wrap;gap:5px}.proj-badge{font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-strong);background:var(--accent-tint);border-radius:var(--radius-pill);padding:1px 8px}.proj-badge.proj-badge-kind{color:var(--text-muted);background:var(--bg-subtle)}.proj-card-name{font-size:13.5px;font-weight:500;color:var(--text-strong);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.proj-card-time{font-size:11.5px;color:var(--text-soft);font-variant-numeric:tabular-nums}.proj-skeleton{pointer-events:none}.proj-skeleton .proj-card-thumb,.proj-sk-line{background:linear-gradient(100deg,var(--bg-muted) 30%,var(--bg-subtle) 50%,var(--bg-muted) 70%);background-size:200% 100%;animation:proj-shimmer 1.4s var(--ease-out) infinite}.proj-sk-line{height:10px;border-radius:var(--radius-xs)}.proj-sk-line.w-40{width:40%}.proj-sk-line.w-80{width:80%}.proj-sk-line.w-55{width:55%}@keyframes proj-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.proj-skeleton .proj-card-thumb,.proj-card-skeleton,.proj-sk-line{animation:none}}.proj-empty{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:48px 24px}.proj-empty-card{max-width:360px;text-align:center}.proj-empty-title{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--text-strong);margin-bottom:8px}.proj-empty-card p{margin:0;line-height:1.6;color:var(--text-muted)}.ds-view{height:100%;overflow-y:auto;padding:28px 32px 48px;background:var(--bg)}.ds-header{max-width:1200px;margin:0 auto 24px}.ds-header-text{display:flex;flex-direction:column;gap:6px}.ds-title{margin:0;font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:-.015em;color:var(--text-strong)}.ds-subtitle{margin:0;max-width:680px;font-size:13.5px;line-height:1.6;color:var(--text-muted)}.ds-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:18px}.ds-card{display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-xs);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-enter) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.ds-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.ds-card--active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-md)}.ds-preview-btn{position:relative;display:block;width:100%;padding:12px 12px 0;border:0;background:transparent;cursor:pointer;text-align:left}.ds-preview-btn>.dsk{transition:transform var(--dur-quick) var(--ease-out)}.ds-preview-btn:hover>.dsk{transform:translateY(-1px)}.ds-preview-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius)}.ds-badge-active{position:absolute;top:20px;right:20px;padding:2px 9px;font-size:10.5px;font-weight:700;letter-spacing:.02em;color:#fff;background:var(--accent);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);z-index:1}.ds-card-body{display:flex;flex-direction:column;gap:10px;padding:14px 16px 16px}.ds-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.ds-name{margin:0;font-size:15px;font-weight:600;color:var(--text-strong)}.ds-tag{flex:none;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-strong);background:var(--accent-tint);border:1px solid var(--accent-soft);border-radius:var(--radius-pill);padding:2px 9px}.ds-desc{margin:0;font-size:12.5px;line-height:1.5;color:var(--text-muted)}.ds-card-actions{display:flex;gap:8px;margin-top:2px}.ds-open-btn{flex:none;font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:9px 14px;color:var(--text-strong);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);transition:background var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out)}.ds-open-btn:hover{background:var(--bg-muted);border-color:var(--border-strong)}.ds-open-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ds-use-btn{flex:1;font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:9px 14px;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);box-shadow:0 1px #b45a3b2e inset,var(--shadow-xs);transition:background var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out)}.ds-use-btn:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.ds-use-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ds-use-btn--active{color:var(--accent-strong);background:var(--accent-tint);border-color:var(--accent-soft);box-shadow:none;cursor:default}.ds-use-btn--active:hover{background:var(--accent-tint);border-color:var(--accent-soft)}.ds-use-btn--wide{width:100%;flex:none;padding:11px 14px}.ds-meta{margin:0;display:flex;flex-direction:column;gap:6px;padding-top:2px}.ds-meta-row{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px}.ds-meta-row dt{font-size:11px;font-weight:600;color:var(--text-soft)}.ds-meta-row dd{margin:0;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ds-meta-flavor{flex:none;font-family:var(--sans);font-size:10px;font-weight:500;color:var(--text-soft);background:var(--bg-subtle);border:1px solid var(--border-soft);border-radius:var(--radius-xs);padding:1px 5px}.ds-modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:ds-fade-in var(--dur-enter, .16s) var(--ease-out, ease)}@keyframes ds-fade-in{0%{opacity:0}to{opacity:1}}.ds-modal{width:min(960px,100%);max-height:calc(100vh - 48px);overflow:hidden;display:flex;flex-direction:column;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg, 0 24px 60px rgba(0, 0, 0, .3))}.ds-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;border-bottom:1px solid var(--border)}.ds-modal-head>div{display:flex;align-items:center;gap:10px}.ds-modal-title{margin:0;font-size:18px;font-weight:600;color:var(--text-strong)}.ds-modal-close{flex:none;width:32px;height:32px;font-size:15px;cursor:pointer;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius);transition:background var(--dur-quick) var(--ease-out)}.ds-modal-close:hover{background:var(--bg-muted);color:var(--text-strong)}.ds-modal-body{display:grid;grid-template-columns:1.5fr 1fr;gap:0;overflow:hidden;min-height:0}.ds-modal-preview{padding:20px;overflow-y:auto;background:var(--bg-subtle)}.ds-modal-preview>.dsk{height:100%}.ds-modal-side{display:flex;flex-direction:column;gap:16px;padding:20px;overflow-y:auto;border-left:1px solid var(--border)}.ds-modal-desc{margin:0;font-size:13px;line-height:1.6;color:var(--text-muted)}.ds-tweaks{display:flex;flex-direction:column;gap:12px;padding:14px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius)}.ds-tweaks-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.ds-tweaks-title{font-size:13px;font-weight:700;color:var(--text-strong)}.ds-tweaks-sub{font-size:11px;color:var(--text-soft);margin-top:2px}.ds-tweaks-reset{flex:none;font:inherit;font-size:11.5px;font-weight:600;cursor:pointer;padding:4px 10px;color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-pill)}.ds-tweaks-reset:disabled{opacity:.4;cursor:default}.ds-tweaks-reset:not(:disabled):hover{border-color:var(--border-strong);color:var(--text-strong)}.ds-tweaks-quick{display:flex;flex-wrap:wrap;gap:6px}.ds-tweaks-chip{display:inline-flex;align-items:center;gap:4px;font:inherit;font-size:11px;font-weight:600;cursor:pointer;padding:3px 8px 3px 4px;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-pill);transition:border-color var(--dur-quick) var(--ease-out)}.ds-tweaks-chip:hover{border-color:var(--border-strong)}.ds-tweaks-chip--on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ds-tweaks-chip-swatch{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}.ds-tweaks-chip-label{margin-left:2px}.ds-tweaks-chip-check{color:var(--accent);font-weight:800}.ds-tweaks-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:10px}.ds-tweaks-label{font-size:12px;font-weight:600;color:var(--text-soft)}.ds-tweaks-color{width:100%;height:30px;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:none;cursor:pointer}.ds-tweaks-range{width:100%;accent-color:var(--accent);cursor:pointer}.ds-tweaks-hex{font-family:var(--sans);font-size:11.5px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap}@media (max-width: 720px){.ds-modal-body{grid-template-columns:1fr}.ds-modal-side{border-left:0;border-top:1px solid var(--border)}}@media (max-width: 640px){.ds-view{padding:20px 16px 40px}.ds-grid{grid-template-columns:1fr}}.ds-saved{margin-bottom:28px}.ds-saved-title{margin:0 0 14px;font-family:var(--serif);font-size:18px;color:var(--text-strong)}.ds-open-btn--danger{color:#b23a2e}.ds-open-btn--danger:hover{color:#fff;background:#b23a2e;border-color:#b23a2e}.ds-save-block{margin-top:16px;padding-top:16px;border-top:1px solid var(--border-soft);display:flex;flex-direction:column;gap:8px}.ds-save-label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.ds-save-input{font:inherit;font-size:13px;color:var(--text-strong);padding:9px 12px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius)}.ds-save-input:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.ds-save-btn{font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:9px 14px;color:var(--accent-strong);background:var(--accent-tint);border:1px solid var(--accent-soft);border-radius:var(--radius);transition:background var(--dur-quick) var(--ease-out)}.ds-save-btn:hover{background:var(--accent-soft)}.tpl-view{height:100%;overflow-y:auto;padding:28px 32px 48px;background:var(--bg)}.tpl-header{margin-bottom:22px}.tpl-title{margin:0 0 6px;font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}.tpl-subtitle{margin:0;font-size:13.5px;color:var(--text-muted);line-height:1.55}.tpl-section{margin-bottom:28px}.tpl-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.tpl-section-title{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.tpl-section-note{font-size:12px;color:var(--text-faint)}.tpl-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;padding-bottom:4px}.tpl-chip{font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;padding:6px 15px;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);transition:border-color var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out)}.tpl-chip:hover{border-color:var(--border-strong);color:var(--text);background:var(--bg-subtle)}.tpl-chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tpl-chip-active{color:#fff;background:var(--accent);border-color:var(--accent);box-shadow:var(--shadow-sm)}.tpl-chip-active:hover{color:#fff;background:var(--accent-hover);border-color:var(--accent-hover)}.tpl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.tpl-card{display:flex;flex-direction:column;overflow:hidden;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.tpl-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-3px)}.tpl-thumb-btn{position:relative;display:block;width:100%;padding:0;border:0;border-bottom:1px solid var(--border);background:#fff;cursor:pointer}.tpl-thumb-btn:disabled{cursor:default}.tpl-thumb-btn:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.tpl-thumb{position:relative;width:100%;aspect-ratio:16 / 10;overflow:hidden;background:#fff}.tpl-thumb-frame{position:absolute;top:0;left:0;width:400%;height:400%;border:0;transform:scale(.25);transform-origin:top left;pointer-events:none;background:#fff}.tpl-thumb-skeleton{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,var(--bg-muted) 30%,var(--bg-subtle) 50%,var(--bg-muted) 70%);background-size:200% 100%;animation:tpl-shimmer 1.4s ease-in-out infinite}@keyframes tpl-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tpl-thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--text-faint);font-size:12.5px;background:radial-gradient(circle at 1px 1px,rgba(28,27,26,.05) 1px,transparent 0) var(--bg-subtle);background-size:16px 16px}.tpl-thumb-overlay{position:absolute;bottom:8px;right:8px;font-size:11px;font-weight:600;color:#fff;padding:3px 9px;border-radius:var(--radius-pill);background:#1c1b1a9e;opacity:0;transition:opacity var(--dur-quick) var(--ease-out)}.tpl-card:hover .tpl-thumb-overlay{opacity:1}.tpl-card-body{display:flex;flex:1;flex-direction:column;gap:9px;padding:14px 16px 16px}.tpl-card-badges{display:flex;flex-wrap:wrap;gap:6px}.tpl-badge{font-size:10.5px;font-weight:600;letter-spacing:.02em;border-radius:var(--radius-pill);padding:2px 9px;white-space:nowrap}.tpl-badge-category{color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border-soft)}.tpl-badge-surface{color:var(--accent-strong);background:var(--accent-tint);border:1px solid var(--accent-soft)}.tpl-card-name{margin:0;font-size:15.5px;font-weight:600;color:var(--text-strong);line-height:1.35}.tpl-card-desc{margin:0;flex:1;font-size:12.5px;color:var(--text-muted);line-height:1.55}.tpl-card-use{align-self:flex-start;margin-top:auto;font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;padding:7px 16px;color:var(--accent-strong);background:var(--bg-elevated);border:1px solid var(--accent-soft);border-radius:var(--radius);transition:color var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out)}.tpl-card-use:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.tpl-card-use:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.tpl-empty{padding:40px 0;text-align:center;color:var(--text-soft);font-size:13px}.sketch-root{height:100%;min-height:0;overflow:hidden;background:radial-gradient(1200px 620px at 50% -12%,var(--accent-tint),transparent 70%),var(--bg)}.sketch-scroll{height:100%;overflow-y:auto;padding:8px 40px 72px}.sketch-scroll>*{max-width:980px;margin-left:auto;margin-right:auto}.sketch-header{text-align:center;padding:56px 16px 28px}.sketch-title{margin:0;font-family:var(--serif);font-size:40px;line-height:1.08;font-weight:600;letter-spacing:-.02em;color:var(--text-strong)}.sketch-desc{margin:14px auto 0;max-width:520px;font-size:15px;line-height:1.6;color:var(--text-muted)}.sketch-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;padding:12px 16px;margin-bottom:16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.sketch-tool-group{display:flex;align-items:center;gap:6px}.sketch-tool-label{font-size:12px;font-weight:600;letter-spacing:.02em;color:var(--text-soft);margin-right:2px}.sketch-size-btn{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:12.5px;cursor:pointer;padding:5px 10px;color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out)}.sketch-size-btn:hover{border-color:var(--border-strong);color:var(--text)}.sketch-size-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sketch-size-btn.is-active{color:var(--accent-strong);background:var(--accent-tint);border-color:var(--accent-soft)}.sketch-size-dot{flex:none;display:inline-block;border-radius:var(--radius-pill);background:currentColor}.sketch-size-text{line-height:1}.sketch-swatch{width:24px;height:24px;padding:0;cursor:pointer;border-radius:var(--radius-pill);border:2px solid var(--bg-panel);box-shadow:0 0 0 1px var(--border);transition:transform var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out)}.sketch-swatch:hover{transform:scale(1.08)}.sketch-swatch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sketch-swatch.is-active{box-shadow:0 0 0 2px var(--accent);transform:scale(1.08)}.sketch-action-btn{font:inherit;font-size:12.5px;font-weight:500;cursor:pointer;padding:6px 12px;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out)}.sketch-action-btn:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-subtle)}.sketch-action-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sketch-action-btn.is-active{color:var(--accent-strong);background:var(--accent-tint);border-color:var(--accent-soft)}.sketch-action-btn:disabled{opacity:.45;cursor:not-allowed}.sketch-canvas-wrap{padding:16px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.sketch-canvas{display:block;width:100%;max-width:900px;margin:0 auto;background:#fff;border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-xs) inset;touch-action:none;cursor:crosshair}.sketch-form{display:flex;flex-direction:column;gap:22px;margin-top:24px}.sketch-field{display:flex;flex-direction:column;gap:10px}.sketch-field-label{font-size:13px;font-weight:600;letter-spacing:.01em;color:var(--text-strong)}.sketch-surface-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.sketch-surface-btn{display:flex;flex-direction:column;gap:3px;text-align:left;font:inherit;cursor:pointer;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out)}.sketch-surface-btn:hover{border-color:var(--accent);box-shadow:var(--shadow-xs)}.sketch-surface-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sketch-surface-btn.is-active{background:var(--accent-tint);border-color:var(--accent);box-shadow:var(--shadow-sm)}.sketch-surface-label{font-size:14px;font-weight:600;color:var(--text-strong)}.sketch-surface-hint{font-size:12px;line-height:1.4;color:var(--text-muted)}.sketch-note{font:inherit;font-size:14px;line-height:1.6;color:var(--text);resize:vertical;min-height:78px;padding:12px 14px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out)}.sketch-note::placeholder{color:var(--text-faint)}.sketch-note:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.sketch-footer{display:flex;align-items:center;gap:16px;margin-top:28px}.sketch-convert-btn{flex:none;font:inherit;font-size:15px;font-weight:600;cursor:pointer;padding:12px 28px;color:#fff;background:var(--accent);border:1px solid var(--accent-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:background var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.sketch-convert-btn:hover{background:var(--accent-strong);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sketch-convert-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sketch-convert-btn:active{transform:translateY(0)}.sketch-toast{font-size:13.5px;color:var(--accent-strong);background:var(--accent-tint);border:1px solid var(--accent-soft);border-radius:var(--radius-pill);padding:6px 14px}@media (max-width: 880px){.sketch-scroll{padding:8px 24px 56px}.sketch-title{font-size:32px}.sketch-surface-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.sketch-surface-grid{grid-template-columns:1fr}.sketch-header{padding:40px 8px 20px}.sketch-footer{flex-direction:column;align-items:stretch}.sketch-convert-btn{width:100%}}.share-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:#0f172a6b;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:share-fade .16s var(--ease-out)}@keyframes share-fade{0%{opacity:0}to{opacity:1}}.share-view{position:relative;width:min(760px,100%);max-height:100%;overflow-y:auto;padding:28px 32px 40px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg, 16px);box-shadow:0 24px 64px #0f172a38}.share-close{position:absolute;top:18px;right:20px;width:30px;height:30px;display:flex;align-items:center;justify-content:center;font-size:15px;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border-soft);border-radius:50%;cursor:pointer;transition:color var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out)}.share-close:hover{color:var(--text-strong);background:var(--border-soft)}.share-section-link .share-link-row{display:flex;gap:8px;align-items:stretch}.share-link-input{flex:1;min-width:0;font:inherit;font-size:12.5px;color:var(--text-strong);padding:8px 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius)}.share-link-copy,.share-link-open{flex:none;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:12.5px;font-weight:600;padding:8px 14px;border-radius:var(--radius);cursor:pointer;text-decoration:none}.share-link-copy{color:#fff;background:var(--accent-strong);border:1px solid var(--accent-strong)}.share-link-copy:hover{filter:brightness(1.06)}.share-link-open{color:var(--accent-strong);background:var(--accent-tint);border:1px solid var(--accent-soft)}.share-link-open:hover{background:var(--accent-soft)}.share-section-link{padding:14px 16px;background:var(--accent-tint);border:1px solid var(--accent-soft);border-radius:var(--radius)}.share-link-tip{margin:4px 0 0;font-size:12.5px;line-height:1.6;color:var(--text-muted)}.share-header{margin-bottom:22px}.share-title{margin:0 0 6px;font-family:var(--serif);font-size:26px;font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}.share-subtitle{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13.5px;color:var(--text-muted);line-height:1.55}.share-doc-name{font-weight:600;color:var(--text-strong)}.share-badge{font-size:10.5px;font-weight:600;letter-spacing:.02em;color:var(--accent-strong);background:var(--accent-tint);border:1px solid var(--accent-soft);border-radius:var(--radius-pill);padding:2px 9px}.share-section{margin-bottom:28px}.share-section-head{display:flex;align-items:baseline;gap:10px;margin-bottom:12px}.share-section-title{margin:0;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft)}.share-section-note{font-size:12px;color:var(--text-faint)}.share-grid{display:grid;gap:14px}.share-grid-export{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.share-grid-social{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.share-card{display:flex;align-items:center;gap:14px;text-align:left;font:inherit;cursor:pointer;padding:16px 18px;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.share-card:hover:not(:disabled){border-color:var(--accent);box-shadow:var(--shadow-md);transform:translateY(-2px)}.share-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-card:disabled{cursor:progress;opacity:.7}.share-card-glyph{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:18px;color:var(--accent-strong);background:var(--accent-tint);border:1px solid var(--accent-soft);border-radius:var(--radius-md)}.share-card-body{display:flex;flex-direction:column;gap:3px;min-width:0}.share-card-label{font-size:14.5px;font-weight:600;color:var(--text-strong)}.share-card-hint{font-size:12px;color:var(--text-muted);line-height:1.45}.share-tick-ok{color:var(--accent-strong)}.share-tick-err{color:#9c2a25}.share-social-button{display:flex;align-items:center;gap:12px;text-align:left;font:inherit;cursor:pointer;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.share-social-button:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.share-social-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.share-social-button-ok{border-color:var(--accent);background:var(--accent-tint)}.share-social-button-err{border-color:#d8a3a0;background:#fbeceb}.share-social-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:14px;font-weight:600;color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border-soft);border-radius:var(--radius-sm)}.share-social-button-ok .share-social-icon{color:var(--accent-strong);background:var(--bg-panel);border-color:var(--accent-soft)}.share-social-body{display:flex;flex-direction:column;gap:2px;min-width:0}.share-social-label{font-size:13.5px;font-weight:600;color:var(--text-strong)}.share-social-hint{font-size:11.5px;color:var(--text-muted);line-height:1.4}.share-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:72px 0;text-align:center}.share-empty-glyph{font-size:40px;color:var(--text-faint);line-height:1}.share-empty-text{margin:0;font-size:13.5px;color:var(--text-soft)}@media (prefers-color-scheme: dark){.share-social-button-err{border-color:#6e3b38;background:#2a1b1a}}.social-share-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.social-share-button{display:flex;align-items:center;gap:12px;text-align:left;font:inherit;cursor:pointer;padding:14px 16px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.social-share-button:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.social-share-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.social-share-button--ok{border-color:var(--accent);background:var(--accent-tint)}.social-share-button--err{border-color:#d8a3a0;background:#fbeceb}.social-share-button__icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;font-size:14px;font-weight:600;color:var(--text-muted);background:var(--bg-muted);border:1px solid var(--border-soft);border-radius:var(--radius-sm)}.social-share-button--ok .social-share-button__icon{color:var(--accent-strong);background:var(--bg-panel);border-color:var(--accent-soft)}.social-share-button__body{display:flex;flex-direction:column;gap:2px;min-width:0}.social-share-button__label{font-size:13.5px;font-weight:600;color:var(--text-strong)}.social-share-button__hint{font-size:11.5px;color:var(--text-muted);line-height:1.4}.share-section-finalize{margin-bottom:28px}.finalize-button{display:inline-flex;align-items:center;gap:10px;font:inherit;cursor:pointer;padding:12px 20px;border-radius:var(--radius-lg);border:1px solid transparent;box-shadow:var(--shadow-xs);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.finalize-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.finalize-button--primary{color:#fff;background:var(--accent);border-color:var(--accent-strong)}.finalize-button--primary:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.finalize-button--secondary{color:var(--text-strong);background:var(--bg-panel);border-color:var(--border)}.finalize-button--secondary:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.finalize-button--pending{color:var(--text-muted);background:var(--bg-muted);border-color:var(--border);cursor:progress}.finalize-button__glyph{font-size:15px;line-height:1}.finalize-button__label{font-size:14px;font-weight:600}.finalize-button__spinner{width:15px;height:15px;border-radius:50%;border:2px solid var(--border-strong);border-top-color:var(--accent);animation:share-finalize-spin .7s linear infinite}@keyframes share-finalize-spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){.social-share-button--err{border-color:#6e3b38;background:#2a1b1a}}.files{display:flex;flex-direction:column;gap:18px}.files-head{display:flex;flex-direction:column;gap:14px}.files-title-row{display:flex;align-items:baseline;gap:14px}.files-title{margin:0;font-family:var(--serif);font-size:24px;color:var(--text-strong)}.files-count{font-size:13px;color:var(--text-muted)}.files-refresh{margin-left:auto;font:inherit;font-size:12.5px;color:var(--accent-strong);background:var(--accent-tint);border:1px solid var(--accent-soft);padding:6px 14px;border-radius:var(--radius);cursor:pointer}.files-refresh:hover{background:var(--accent-soft)}.files-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.files-search{flex:1;min-width:200px;font:inherit;font-size:13px;color:var(--text-strong);padding:9px 14px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius)}.files-filters{display:flex;gap:6px;flex-wrap:wrap}.files-chip{font:inherit;font-size:12.5px;color:var(--text-muted);cursor:pointer;padding:6px 12px;background:transparent;border:1px solid var(--border);border-radius:999px}.files-chip:hover{color:var(--text-strong)}.files-chip.is-on{color:#fff;background:var(--accent-strong);border-color:var(--accent-strong)}.files-sort{font:inherit;font-size:12.5px;color:var(--text-strong);cursor:pointer;padding:8px 12px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius)}.files-empty{padding:56px 24px;text-align:center;color:var(--text-muted);font-size:14px;border:1px dashed var(--border);border-radius:var(--radius)}.files-table{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.files-row{display:grid;grid-template-columns:64px 1fr 96px 72px 150px 148px;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--border-soft)}.files-row:last-child{border-bottom:0}.files-row:not(.files-row-head):hover{background:var(--bg-subtle)}.files-row-head{background:var(--bg-subtle);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:10px 16px}.fc{min-width:0;font-size:13px;color:var(--text-strong)}.files-thumb{display:block;width:56px;height:38px;border-radius:6px;overflow:hidden;border:1px solid var(--border);background:#fff;position:relative}.files-thumb-frame{position:absolute;top:0;left:0;width:280px;height:190px;border:0;transform:scale(.2);transform-origin:top left;pointer-events:none}.files-name{font:inherit;font-size:13.5px;font-weight:600;color:var(--text-strong);text-align:left;background:none;border:0;cursor:pointer;padding:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-name:hover{color:var(--accent-strong)}.files-badge{font-size:11.5px;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);padding:2px 8px;border-radius:999px}.fc-pages,.fc-date{color:var(--text-muted);font-size:12.5px}.fc-actions{display:flex;gap:6px;justify-content:flex-end}.files-act{font:inherit;font-size:12px;font-weight:600;cursor:pointer;padding:5px 11px;border-radius:6px;color:#fff;background:var(--accent-strong);border:1px solid var(--accent-strong)}.files-act:hover{filter:brightness(1.06)}.files-act-ghost{color:var(--accent-strong);background:var(--accent-tint);border-color:var(--accent-soft)}.files-act-ghost:hover{background:var(--accent-soft)}@media (max-width:820px){.files-row{grid-template-columns:52px 1fr 84px}.fc-pages,.fc-date,.fc-actions{display:none}}.tasks{display:flex;flex-direction:column;gap:18px}.tasks-head{display:flex;align-items:baseline;gap:14px}.tasks-title{margin:0;font-family:var(--serif);font-size:24px;color:var(--text-strong)}.tasks-count{font-size:13px;color:var(--text-muted)}.tasks-clear{margin-left:auto;font:inherit;font-size:12.5px;color:var(--text-muted);background:transparent;border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius);cursor:pointer}.tasks-clear:hover{color:var(--text-strong)}.tasks-timeline{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.task-row{display:grid;grid-template-columns:20px 1fr 84px 96px;align-items:center;gap:14px;padding:14px 18px;border-bottom:1px solid var(--border-soft);text-align:left;background:none;border-left:0;border-right:0;border-top:0;cursor:default;width:100%;font:inherit}.task-row:last-child{border-bottom:0}.task-done{cursor:pointer}.task-done:hover{background:var(--bg-subtle)}.task-dot{width:10px;height:10px;border-radius:50%;justify-self:center}.task-dot-ok{background:#2f9e5e}.task-dot-run{background:var(--accent-strong);animation:taskpulse 1.2s ease-in-out infinite}@keyframes taskpulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.task-main{min-width:0;display:flex;flex-direction:column;gap:3px}.task-label{font-size:14px;font-weight:600;color:var(--text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-sub{font-size:12px;color:var(--text-muted);display:flex;align-items:center;gap:6px}.task-badge{font-size:11px;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);padding:1px 7px;border-radius:999px}.task-status{font-size:12px;font-weight:600;text-align:center}.task-status-ok{color:#2f9e5e}.task-status-run{color:var(--accent-strong)}.task-time{font-size:12px;color:var(--text-muted);text-align:right}.tasks-empty{padding:56px 24px;text-align:center;color:var(--text-muted);font-size:14px}@media (max-width:820px){.task-row{grid-template-columns:20px 1fr 72px}.task-time{display:none}}.autos{display:flex;flex-direction:column;gap:18px}.autos-head{display:flex;flex-direction:column;gap:8px}.autos-title-row{display:flex;align-items:baseline;gap:14px}.autos-title{margin:0;font-family:var(--serif);font-size:24px;color:var(--text-strong)}.autos-count{font-size:13px;color:var(--text-muted)}.autos-desc{margin:0;font-size:13.5px;color:var(--text-muted);line-height:1.6}.autos-new{margin-left:auto;font:inherit;font-size:12.5px;font-weight:600;color:#fff;background:var(--accent-strong);border:1px solid var(--accent-strong);padding:7px 14px;border-radius:var(--radius);cursor:pointer}.autos-new:hover{filter:brightness(1.06)}.autos-form{display:flex;flex-direction:column;gap:14px;padding:20px;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius)}.autos-field{display:flex;flex-direction:column;gap:6px;flex:1}.autos-field-row{display:flex;gap:14px}.autos-field label{font-size:12px;font-weight:600;color:var(--text-muted);letter-spacing:.02em}.autos-field input,.autos-field select,.autos-field textarea{font:inherit;font-size:13.5px;color:var(--text-strong);padding:9px 12px;background:#fff;border:1px solid var(--border);border-radius:var(--radius);resize:vertical}.autos-form-actions{display:flex;gap:10px}.autos-save{font:inherit;font-size:13px;font-weight:600;color:#fff;background:var(--accent-strong);border:1px solid var(--accent-strong);padding:9px 18px;border-radius:var(--radius);cursor:pointer}.autos-save:disabled{opacity:.5;cursor:not-allowed}.autos-cancel{font:inherit;font-size:13px;color:var(--text-muted);background:transparent;border:1px solid var(--border);padding:9px 18px;border-radius:var(--radius);cursor:pointer}.autos-empty{padding:56px 24px;text-align:center;color:var(--text-muted);font-size:14px;border:1px dashed var(--border);border-radius:var(--radius)}.autos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px}.auto-card{display:flex;flex-direction:column;gap:12px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:var(--radius)}.auto-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.auto-card-name{font-size:15px;font-weight:700;color:var(--text-strong);line-height:1.3}.auto-del{font:inherit;font-size:13px;color:var(--text-muted);background:none;border:0;cursor:pointer;padding:2px 6px;border-radius:6px;flex:none}.auto-del:hover{color:#c0392b;background:var(--bg-subtle)}.auto-tags{display:flex;gap:6px;flex-wrap:wrap}.auto-tag{font-size:11.5px;color:var(--text-muted);background:var(--bg-subtle);border:1px solid var(--border);padding:2px 9px;border-radius:999px}.auto-tag-ds{color:var(--accent-strong);background:var(--accent-tint);border-color:var(--accent-soft)}.auto-brief{margin:0;font-size:13px;color:#4a4a48;line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.auto-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}.auto-meta{font-size:11.5px;color:var(--text-muted)}.auto-run{font:inherit;font-size:12.5px;font-weight:600;color:var(--accent-strong);background:var(--accent-tint);border:1px solid var(--accent-soft);padding:6px 14px;border-radius:var(--radius);cursor:pointer}.auto-run:hover{background:var(--accent-soft)}:root{--bg: #ffffff;--bg-panel: #ffffff;--bg-subtle: #f5f6f8;--bg-muted: #eef0f3;--bg-elevated: #ffffff;--border: #e3e6ea;--border-strong: #cdd2da;--border-soft: #eef0f3;--text: #1a1a1a;--text-strong: #0d0d0d;--text-muted: #6b7280;--text-soft: #9aa1ab;--text-faint: #c2c7cf;--accent: #3b82f6;--accent-strong: #2f6fe0;--accent-soft: #cfe0fd;--accent-tint: #eef4fe;--accent-hover: #2f6fe0;--shadow-xs: 0 1px 0 rgba(28, 27, 26, .04);--shadow-sm: 0 1px 2px rgba(28, 27, 26, .05), 0 1px 3px rgba(28, 27, 26, .04);--shadow-md: 0 6px 24px rgba(28, 27, 26, .07), 0 2px 6px rgba(28, 27, 26, .04);--shadow-lg: 0 24px 60px rgba(28, 27, 26, .16), 0 8px 16px rgba(28, 27, 26, .07);--radius-xs: 4px;--radius-sm: 6px;--radius: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-pill: 999px;--ease-out: cubic-bezier(.23, 1, .32, 1);--dur-quick: .12s;--dur-enter: .2s;--serif: "Source Serif 4", "Source Serif Pro", "Iowan Old Style", Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Microsoft YaHei UI", "PingFang SC", "Noto Sans", Roboto, "Helvetica Neue", Arial, sans-serif}@media (prefers-color-scheme: dark){:root{--bg: #0e0f11;--bg-panel: #17181b;--bg-subtle: #1c1d21;--bg-muted: #23252a;--bg-elevated: #1c1d21;--border: #2a2c31;--border-strong: #3a3d44;--border-soft: #212227;--text: #ededed;--text-strong: #ffffff;--text-muted: #9aa1ab;--text-soft: #6b7280;--text-faint: #4a4e56;--accent: #4d94ff;--accent-strong: #6ba6ff;--accent-soft: #16335c;--accent-tint: #172136;--accent-hover: #6ba6ff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3), 0 1px 3px rgba(0, 0, 0, .2);--shadow-md: 0 6px 24px rgba(0, 0, 0, .4), 0 2px 6px rgba(0, 0, 0, .25);--shadow-lg: 0 24px 60px rgba(0, 0, 0, .6), 0 8px 16px rgba(0, 0, 0, .3)}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);font-size:14px;line-height:1.55;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.center{height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.muted{color:var(--text-muted)}.small{font-size:12.5px}.error{color:#9c2a25}.register-card{max-width:380px;text-align:center;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:36px 32px}.register-card h2{margin:0 0 10px;font-family:var(--serif);font-size:22px;font-weight:600;letter-spacing:-.01em;color:var(--text-strong)}.register-card p{margin:0 0 22px;line-height:1.65}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:inherit;font-weight:500;color:#fff;background:var(--accent);border:1px solid var(--accent);border-radius:var(--radius);padding:9px 18px;cursor:pointer;box-shadow:0 1px #2f6fe02e inset,var(--shadow-xs);transition:background var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-primary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.workspace{display:grid;grid-template-columns:264px 1fr;height:100%;background:var(--bg)}.sidebar{display:flex;flex-direction:column;min-height:0;padding:16px 14px;gap:4px;background:var(--bg-panel);border-right:1px solid var(--border);overflow-y:auto}.brand{display:flex;align-items:center;gap:8px;font-family:var(--serif);font-size:17px;font-weight:600;letter-spacing:-.01em;color:var(--text-strong);padding:2px 4px 12px}.brand:before{content:"";width:9px;height:9px;border-radius:3px;background:var(--accent);box-shadow:0 0 0 3px var(--accent-tint)}.section-title{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-soft);padding:14px 4px 8px}.surface-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.surface-card{display:flex;flex-direction:column;gap:3px;text-align:left;font:inherit;cursor:pointer;padding:11px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);transition:border-color var(--dur-quick) var(--ease-out),box-shadow var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-out)}.surface-card:hover{border-color:var(--accent);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.surface-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.surface-label{font-size:13.5px;font-weight:600;color:var(--text-strong)}.surface-hint{font-size:11px;color:var(--text-muted);line-height:1.35}.design-list{display:flex;flex-direction:column;gap:3px;flex:1;min-height:0}.design-item{display:flex;flex-direction:column;gap:3px;text-align:left;font:inherit;cursor:pointer;padding:9px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);transition:background var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out)}.design-item:hover{background:var(--bg-subtle)}.design-item.active{background:var(--accent-tint);border-color:var(--accent-soft)}.design-kind{align-self:flex-start;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-strong);background:var(--accent-tint);border-radius:var(--radius-pill);padding:1px 8px}.design-item.active .design-kind{background:var(--bg-panel)}.design-title{font-size:13px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-badge{margin-top:10px;padding:8px 10px;font-size:11px;color:var(--text-soft);background:var(--bg-subtle);border:1px solid var(--border-soft);border-radius:var(--radius-sm);font-variant-numeric:tabular-nums}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head .section-title{padding-right:0}.icon-btn{font:inherit;font-size:14px;line-height:1;cursor:pointer;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);transition:background var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}.icon-btn:hover{background:var(--bg-subtle);color:var(--accent-strong)}.canvas-toolbar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.toolbar-title{margin-right:auto;font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-ghost{font:inherit;font-size:12.5px;cursor:pointer;padding:6px 12px;color:var(--text);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color var(--dur-quick) var(--ease-out),background var(--dur-quick) var(--ease-out)}.btn-ghost:hover{border-color:var(--accent);background:var(--bg-subtle)}.btn-ghost:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.canvas-area{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(circle at 1px 1px,rgba(28,27,26,.045) 1px,transparent 0);background-size:22px 22px;background-color:var(--bg);display:flex;flex-direction:column}.canvas-inner{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto}.deck-stage{position:relative}.deck-frame{background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);overflow:hidden}.deck-nav{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:6px 12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-pill);box-shadow:var(--shadow-md);font-size:12.5px;color:var(--text-muted);font-variant-numeric:tabular-nums}.deck-nav button{font:inherit;cursor:pointer;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);transition:background var(--dur-quick) var(--ease-out)}.deck-nav button:hover:not(:disabled){background:var(--bg-subtle)}.deck-nav button:disabled{opacity:.4;cursor:default}.doc-frame{width:100%;height:100%;max-width:1200px;background:#fff;border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);overflow:hidden}.canvas-empty{max-width:340px;text-align:center}.canvas-empty-title{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:-.01em;color:var(--text-strong);margin-bottom:8px}.canvas-empty p{margin:0;line-height:1.6}.app-shell{display:grid;grid-template-rows:1fr;height:100%;background:var(--bg)}.screen-back{display:inline-flex;align-items:center;gap:6px;font:inherit;font-size:13px;cursor:pointer;margin-bottom:16px;padding:5px 10px 5px 6px;color:var(--text-muted);background:transparent;border:none;border-radius:var(--radius-sm);transition:background var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}.screen-back:hover{background:var(--bg-subtle);color:var(--accent-strong)}.screen-back-arrow{font-size:15px;line-height:1}.screen-back-sep{color:var(--border-strong)}.screen-back-title{font-weight:600;color:var(--text-strong)}.app-body{position:relative;min-width:0;min-height:0;overflow-y:auto;background:var(--bg)}.app-body.is-canvas{overflow:hidden}.app-body.is-canvas .canvas-area{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.screen{max-width:1080px;margin:0 auto;padding:22px 24px 48px}.canvas-back{font:inherit;font-size:12.5px;cursor:pointer;padding:5px 11px;margin-right:4px;color:var(--text-muted);background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);transition:background var(--dur-quick) var(--ease-out),color var(--dur-quick) var(--ease-out)}.canvas-back:hover{background:var(--bg-subtle);color:var(--accent-strong)}