:root{--window: #ffffff;--surface: #f4f5f8;--card: #ffffff;--ink: #1d1d1f;--ink-2: #66686d;--ink-3: #9b9da2;--wordmark: #4d4f54;--line: #eceef1;--line-2: #dfe1e6;--hover: #f5f6f8;--accent: #159e96;--accent-hover: #10867f;--accent-tint: #ecf7f6;--accent-ring: color-mix(in srgb, var(--accent) 34%, transparent);--font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "Segoe UI", system-ui, sans-serif;--font-wordmark: "Figtree", -apple-system, BlinkMacSystemFont, system-ui, "Helvetica Neue", sans-serif;--foot: 40px;--side-w: 320px;--strip-h: 146px;--bar-h: 50px;--gap: 14px;--empty-w: 600px;--empty-h: 470px;--ease: cubic-bezier(.22, .8, .24, 1);--grow: .62s}@font-face{font-family:Figtree;src:url(../fonts/Figtree-Black.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{min-height:100%;background:#f3f5f8}body{margin:0;min-height:100vh;color:var(--ink);font:15px/1.4 var(--font);-webkit-font-smoothing:antialiased;background:radial-gradient(1200px 700px at 50% -10%,#fff,#fff0 72%),linear-gradient(180deg,#fbfcfd,#f3f5f8 100vh 100%)}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--accent-ring);outline-offset:2px}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px 20px var(--foot)}.window{position:relative;width:min(100%,1560px);height:calc(100vh - 20px - var(--foot));min-height:560px;margin-top:0;background:var(--window);border-radius:24px;box-shadow:0 0 0 1px #11182712,0 1px 1px #11182708,0 4px 10px -2px #1118270d,0 26px 60px -18px #11182738;padding:12px 18px 18px;display:flex;flex-direction:column;transition:width var(--grow) var(--ease),height var(--grow) var(--ease),min-height var(--grow) var(--ease),margin-top var(--grow) var(--ease)}.page[data-state=empty] .window{width:min(100%,var(--empty-w));height:var(--empty-h);min-height:var(--empty-h);margin-top:max(0px,calc((100vh - var(--foot) - 20px - var(--empty-h)) / 2 - 10px))}.titlebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:50px;margin-bottom:10px;flex:none}.wordmark{font-family:var(--font-wordmark);font-weight:900;font-size:36px;letter-spacing:-.03em;line-height:1;color:var(--wordmark);user-select:none;justify-self:start;padding-left:2px}.wordmark-accent{color:var(--accent)}.titlebar-end{justify-self:end;display:flex;align-items:center;gap:2px}.icon-btn{appearance:none;border:0;background:transparent;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;color:var(--ink-2);cursor:pointer;transition:background-color .14s,color .14s,transform 80ms}.icon-btn:hover:not(:disabled),.icon-btn[aria-expanded=true]{background:var(--hover);color:var(--ink)}.icon-btn:active:not(:disabled){transform:scale(.94)}.icon-btn:disabled{opacity:.35;cursor:default}.page[data-state=empty] #share-wrap,.page[data-state=empty] #import{display:none}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;top:calc(100% + 8px);right:0;z-index:45;width:max-content;max-width:240px;padding:6px 10px;border-radius:8px;background:var(--ink);color:#fff;font-size:12.5px;font-weight:500;line-height:1.35;text-align:left;white-space:normal;pointer-events:none;opacity:0;transform:translateY(-2px);transition:opacity .12s,transform .12s var(--ease)}[data-tip]:hover:not([aria-expanded=true]):after{opacity:1;transform:none;transition-delay:.38s}[data-tip-pos=left]:after{top:50%;right:calc(100% + 8px);transform:translate(2px,-50%)}[data-tip-pos=left]:hover:after{transform:translateY(-50%)}.tabs-wrap{display:flex;align-items:center;gap:4px;padding:3px;background:var(--surface);border-radius:12px;min-width:0;max-width:min(58vw,900px);transition:opacity .24s var(--ease),transform .24s var(--ease)}.page:not(.has-platform) .tabs-wrap{opacity:0;transform:translateY(-4px);pointer-events:none;visibility:hidden}.tabs{display:flex;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tab{position:relative;flex:none;display:flex;align-items:center;border-radius:9px;transition:background-color .14s}.tab:hover{background:#00000009}.tab[aria-selected=true]{background:var(--card);box-shadow:0 0 0 .5px #00000014,0 1px 3px #00000014}.tab-pick{appearance:none;border:0;background:none;cursor:pointer;padding:7px 14px;border-radius:9px;font-weight:600;font-size:14px;color:var(--ink-2);white-space:nowrap}.tab[aria-selected=true] .tab-pick{color:var(--ink)}.tab-close{appearance:none;border:0;cursor:pointer;width:18px;height:18px;margin:0 6px 0 -8px;border-radius:50%;display:grid;place-items:center;background:none;color:var(--ink-3);opacity:0;transition:opacity .12s}.tab:hover .tab-close,.tab-close:focus-visible{opacity:1}.tab-close:hover{background:#00000012;color:var(--ink)}.tab-add{appearance:none;border:0;cursor:pointer;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:none;color:var(--ink-2);transition:background-color .12s,color .12s}.tab-add:hover,.tab-add[aria-expanded=true]{background:#0000000f;color:var(--ink)}.menu-wrap{position:relative}.menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:250px;max-height:min(460px,70vh);overflow-y:auto;padding:6px;background:#fffffffa;border-radius:12px;box-shadow:0 0 0 .5px #0000001f,0 14px 36px -6px #11182738;animation:menu-in .14s var(--ease)}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.menu-center{left:50%;translate:-50% 0}.menu-right{left:auto;right:0;min-width:210px}.menu-list{right:0;min-width:0}.menu-heading{padding:10px 10px 4px;font-size:12px;font-weight:600;color:var(--ink-3)}.menu-heading:first-child{padding-top:4px}.menu-sep{height:1px;margin:5px 8px;background:var(--line)}.menu-item{appearance:none;display:flex;align-items:center;gap:8px;width:100%;padding:6px 10px;border:0;border-radius:7px;background:none;text-align:left;font-size:14.5px;font-weight:500;cursor:pointer}.menu-item .ratio{margin-left:auto;color:var(--ink-3);font-size:13px;font-variant-numeric:tabular-nums}.menu-item .check{width:14px;flex:none;color:var(--accent)}.menu-item[aria-selected=true]{font-weight:600}.menu-item:disabled{color:var(--ink-3);cursor:default}.menu-item:not(:disabled):hover,.menu-item:not(:disabled):focus-visible{background:var(--accent);color:#fff;outline:none}.menu-item:not(:disabled):hover .ratio,.menu-item:not(:disabled):focus-visible .ratio,.menu-item:hover .check,.menu-item:focus-visible .check{color:#ffffffd9}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-foot{position:fixed;left:0;right:0;bottom:0;height:var(--foot);display:flex;align-items:center;gap:16px;padding:0 28px;font-size:12px;color:var(--ink-3)}.site-foot a{color:var(--ink-3)}.site-foot a:hover{color:var(--ink-2);text-decoration:none}.btn{appearance:none;height:44px;padding:0 18px;border-radius:11px;border:0;font-weight:600;font-size:15px;cursor:pointer;transition:background-color .12s,box-shadow .12s,color .12s,transform 80ms}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{cursor:default;opacity:.45}.btn-secondary{background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2),0 1px 1px #00000008}.btn-secondary:hover:not(:disabled){background:var(--hover)}.btn-primary{background:linear-gradient(180deg,#19aaa1 0%,var(--accent) 100%);color:#fff;box-shadow:0 1px 2px #10867f4d,0 4px 12px -4px #10867f73,inset 0 1px #ffffff29}.btn-primary:hover:not(:disabled){background:linear-gradient(180deg,#14988f 0%,var(--accent-hover) 100%)}.link{appearance:none;border:0;background:none;padding:0;color:var(--accent);font-weight:600;font-size:14px;cursor:pointer}.link:hover{text-decoration:underline}.link-quiet{appearance:none;border:0;background:none;padding:4px 0;color:var(--ink-3);font-weight:500;font-size:13px;cursor:pointer}.link-quiet:hover{color:#c43d3d}.work{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) var(--side-w);grid-template-rows:minmax(0,1fr) var(--strip-h);grid-template-areas:"viewer side" "strip side";column-gap:var(--gap);row-gap:var(--gap);transition:grid-template-columns var(--grow) var(--ease),grid-template-rows var(--grow) var(--ease) 80ms,column-gap var(--grow) var(--ease),row-gap var(--grow) var(--ease) 80ms}.page[data-state=empty] .work{grid-template-columns:minmax(0,1fr) 0px;grid-template-rows:minmax(0,1fr) 0px;column-gap:0px;row-gap:0px}.viewer{grid-area:viewer;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) var(--bar-h);border-radius:16px;overflow:hidden;background:var(--card);box-shadow:0 0 0 1px var(--line);transition:grid-template-rows var(--grow) var(--ease),box-shadow .16s}.page[data-state=empty] .viewer{grid-template-rows:minmax(0,1fr) 0px;box-shadow:none}.stage{position:relative;min-height:0;background:radial-gradient(ellipse 70% 60% at 50% 42%,#fff,#fff0),linear-gradient(180deg,#f8f9fb,#f3f5f8);box-shadow:inset 0 1px 2px #1118270a;transition:background-color .2s}.page[data-state=empty] .stage{background:#fff;box-shadow:none}.stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;transition:opacity .26s var(--ease)}.page[data-state=empty] .stage canvas{opacity:0;pointer-events:none}.stage canvas:focus-visible{outline-offset:-3px}.page.entering .stage canvas{animation:still-in .56s var(--ease) .12s both}@keyframes still-in{0%{opacity:0;transform:scale(.97)}}.pill{position:absolute;top:14px;left:14px;max-width:46%;padding:5px 11px;border-radius:99px;background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 0 0 .5px #0000001a,0 1px 3px #0000000f;color:var(--ink-2);font-weight:600;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition:opacity .2s}.page[data-state=empty] .pill{opacity:0}.stage-hint{position:absolute;top:14px;left:50%;translate:-50% 0;padding:6px 13px;border-radius:99px;background:var(--ink);color:#fff;font-size:13px;font-weight:600;white-space:nowrap;pointer-events:none;box-shadow:0 6px 18px -6px #00000059;animation:hint-in .32s var(--ease) .52s both}@keyframes hint-in{0%{opacity:0;transform:translateY(-6px)}}.copy-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;border:0;border-radius:12px;display:grid;place-items:center;background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--ink);box-shadow:0 0 0 .5px #0000001f,0 2px 8px -2px #1118272e;cursor:pointer;transition:background-color .14s,color .14s,transform 80ms,opacity .2s}.copy-btn:hover{background:#fff;color:var(--accent)}.copy-btn:active{transform:scale(.94)}.copy-btn.done{color:var(--accent)}.page[data-state=empty] .copy-btn,.page:not(.has-platform) .copy-btn{opacity:0;pointer-events:none}.drop{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;border-radius:16px;border:1.5px dashed #d6dbe1;background:#fff;transition:opacity .2s var(--ease),border-color .16s,background-color .16s}.page[data-state=work] .drop{opacity:0;pointer-events:none;visibility:hidden;transition:opacity .16s var(--ease),visibility 0s .16s}.page.dragging .drop{border-color:var(--accent);background:var(--accent-tint)}.drop-target{appearance:none;border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px 20px;border-radius:14px;cursor:pointer;color:var(--ink)}.drop-icon{color:var(--ink-3);margin-bottom:10px;transition:color .16s,transform .24s var(--ease)}.drop-target:hover .drop-icon,.page.dragging .drop-icon{color:var(--accent);transform:translateY(-2px)}.drop-title{font-size:21px;font-weight:700;letter-spacing:-.015em}.drop-sub{color:var(--ink-2);font-size:14.5px}.drop-choose{min-width:168px}.drop-import{margin-top:-6px;color:var(--ink-2)}.drop-import:hover{color:var(--accent)}.stage-bar{display:flex;align-items:center;gap:12px;min-height:0;overflow:hidden;padding:0 8px 0 6px;background:var(--card);box-shadow:0 -1px 0 var(--line);font-weight:600;font-size:14px}.stepper{display:flex;align-items:center}.bar-btn{appearance:none;border:0;background:none;color:var(--ink-2);width:32px;height:32px;border-radius:8px;display:grid;place-items:center;cursor:pointer}.bar-btn:hover:not(:disabled){background:var(--hover);color:var(--ink)}.bar-btn:disabled{color:#cfd1d5;cursor:default}.counter{min-width:52px;text-align:center;font-variant-numeric:tabular-nums}.stage-meta{color:var(--ink-3);font-weight:500;font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seg{position:relative;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;padding:3px;border-radius:10px;background:var(--surface);flex:none}.seg-thumb{position:absolute;top:3px;bottom:3px;left:3px;width:calc(50% - 3px);border-radius:7px;background:var(--card);box-shadow:0 0 0 .5px #00000014,0 1px 3px #0000001a;transition:transform .26s var(--ease)}.seg[data-mode=preview] .seg-thumb{transform:translate(100%)}.seg button{position:relative;appearance:none;border:0;background:none;color:var(--ink-2);font-weight:600;font-size:13.5px;padding:5px 16px;border-radius:7px;cursor:pointer;transition:color .16s}.seg button[aria-checked=true]{color:var(--ink)}.seg button:disabled{cursor:default;color:var(--ink-3)}.strip-card{grid-area:strip;min-height:0;overflow:hidden;display:flex;flex-direction:column;background:var(--card);border-radius:16px;box-shadow:0 0 0 1px var(--line);padding:9px 16px 0;transition:opacity .32s var(--ease) .22s,transform var(--grow) var(--ease) 80ms}.page[data-state=empty] .strip-card{opacity:0;transform:translateY(26px);transition:opacity .12s var(--ease),transform .3s var(--ease)}.strip-head{display:flex;align-items:center;justify-content:space-between;height:24px;flex:none}.strip-count{font-weight:600;font-size:13px;color:var(--ink-2)}.strip{display:flex;align-items:flex-start;gap:10px;overflow-x:auto;padding:8px 4px 14px;margin:0 -4px;scrollbar-width:thin}.thumb{position:relative;flex:none}.thumb-pick{appearance:none;display:block;position:relative;padding:0;border:0;border-radius:8px;overflow:hidden;background:var(--surface);cursor:pointer;box-shadow:0 0 0 1px #00000014;transition:box-shadow .14s,transform .14s}.thumb-pick:hover{transform:translateY(-1px)}.thumb-pick canvas{display:block;height:86px;width:auto}.thumb[aria-selected=true] .thumb-pick{box-shadow:0 0 0 2px var(--card),0 0 0 4px var(--accent)}.thumb-num{position:absolute;left:5px;bottom:5px;min-width:18px;padding:1px 5px;border-radius:5px;background:#ffffffeb;color:var(--ink);font-size:11px;font-weight:700;text-align:center;box-shadow:0 0 0 .5px #0000001f}.thumb-remove{position:absolute;top:-7px;right:-7px;width:20px;height:20px;border-radius:50%;border:0;display:grid;place-items:center;background:var(--ink);color:#fff;cursor:pointer;opacity:0;transform:scale(.8);transition:opacity .12s,transform .12s}.thumb:hover .thumb-remove,.thumb-remove:focus-visible{opacity:1;transform:none}.thumb-add{appearance:none;flex:none;width:52px;height:86px;border-radius:8px;border:1.5px dashed var(--line-2);background:none;color:var(--ink-3);display:grid;place-items:center;cursor:pointer;transition:border-color .14s,color .14s,background-color .14s}.thumb-add:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint)}.side{grid-area:side;min-width:0;min-height:0;overflow:hidden}.side-inner{width:var(--side-w);height:100%;display:flex;flex-direction:column;gap:10px;transition:opacity .34s var(--ease) .2s,transform var(--grow) var(--ease)}.page[data-state=empty] .side-inner{opacity:0;transform:translate(30px);transition:opacity .12s var(--ease),transform .3s var(--ease)}.panel{flex:1;min-height:0;overflow:auto;display:flex;flex-direction:column;background:var(--card);border-radius:16px;box-shadow:0 0 0 1px var(--line)}.section{padding:12px 16px 6px}.section+.section{border-top:1px solid var(--line)}.section h2{margin:0 0 4px;font-size:12.5px;font-weight:600;color:var(--ink-3)}.section-head{display:flex;justify-content:space-between;align-items:baseline}.needs-platform{transition:opacity .2s}.page:not(.has-platform) .needs-platform{opacity:.4;pointer-events:none}.row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;font-size:15px}.muted{color:var(--ink-2)}.value{font-weight:500;font-variant-numeric:tabular-nums}.picker-row{display:flex;align-items:center;gap:4px;margin-bottom:8px}.picker{flex:1;min-width:0}.picker-face{appearance:none;display:flex;align-items:center;gap:8px;width:100%;height:44px;padding:0 12px 0 14px;border:0;border-radius:11px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2),0 1px 2px #0000000a;cursor:pointer;text-align:left;transition:box-shadow .14s}.picker-face:hover{box-shadow:inset 0 0 0 1px var(--ink-3),0 1px 2px #0000000a}.picker-face[aria-expanded=true]{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 3px var(--accent-ring)}.picker-name{font-weight:600;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.picker-ratio{position:relative;top:1px;color:var(--ink-3);font-size:14px;font-variant-numeric:tabular-nums}.picker-face .chev{margin-left:auto;color:var(--ink-2);flex:none}.page:not(.has-platform) .picker-name{color:var(--accent)}.page:not(.has-platform) .picker-face{box-shadow:inset 0 0 0 1.5px var(--accent),0 1px 2px #0000000a}.page.attention .picker-face{animation:ring 1.6s var(--ease) 2}@keyframes ring{0%{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 color-mix(in srgb,var(--accent) 40%,transparent)}70%{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 9px transparent}to{box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 0 transparent}}.info{position:relative;flex:none}.info-btn{appearance:none;border:0;background:none;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;color:var(--ink-3);cursor:help}.info-btn:hover,.info:focus-within .info-btn{color:var(--accent);background:var(--hover)}.tip{position:absolute;right:-6px;top:calc(100% + 8px);z-index:35;width:290px;padding:12px 14px;border-radius:12px;background:var(--card);color:var(--ink);font-size:13.5px;line-height:1.45;box-shadow:0 0 0 .5px #0000001f,0 14px 36px -6px #11182738;opacity:0;visibility:hidden;transform:translateY(-3px);transition:opacity .14s,visibility .14s,transform .14s var(--ease)}.tip:before{content:"";position:absolute;left:0;right:0;top:-10px;height:10px}.info:hover .tip,.info:focus-within .tip{opacity:1;visibility:visible;transform:none}.tip p{margin:0}.tip-source{margin-top:8px!important;color:var(--ink-2);font-size:12.5px}.switch{appearance:none;flex:none;width:40px;height:24px;border-radius:99px;background:#e3e4e8;position:relative;cursor:pointer;transition:background-color .18s}.switch:after{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0003,0 0 0 .5px #0000000d;transition:transform .2s var(--ease)}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(16px)}.slider{appearance:none;flex:1;min-width:0;max-width:140px;height:4px;margin-left:auto;border-radius:99px;background:linear-gradient(var(--accent),var(--accent)) 0 / var(--fill, 50%) 100% no-repeat,#e3e4e8;cursor:pointer}.slider::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000038,0 0 0 .5px #0000000f}.slider::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000038}.row output{width:40px;text-align:right;color:var(--ink-2);font-variant-numeric:tabular-nums;font-size:14px}.saved{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:14px}.saved-box{position:relative;flex:1;min-height:0}.saved-box canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 .6px rgba(0,0,0,.28)) drop-shadow(0 8px 16px rgba(17,24,39,.12))}.page:not(.has-platform) .saved{display:none}.saved.too-small{display:none}.btn-save{flex:none;height:var(--bar-h);border-radius:14px;font-size:16px;letter-spacing:-.005em}.legal-page{justify-content:flex-start;padding-top:40px}.legal-page .window{width:min(100%,680px);height:auto;min-height:0;padding:18px 28px 28px;transition:none}.legal-page .titlebar{display:flex;justify-content:space-between}.legal-body h1{font-size:24px;margin:12px 0 2px;letter-spacing:-.015em}.legal-body h2{font-size:15px;margin:26px 0 6px}.legal-body p,.legal-body li{color:#3a3a3c;font-size:14.5px;line-height:1.6}.legal-body .updated{color:var(--ink-3);font-size:13px;margin-top:0}.legal-body ul{padding-left:20px;margin:0}.back{font-weight:600;font-size:14px}.dialog{width:min(92vw,440px);padding:22px 24px 20px;border:0;border-radius:20px;background:var(--window);color:var(--ink);box-shadow:0 0 0 1px #0000000f,0 30px 80px -10px #1118274d}.dialog[open]{animation:dialog-in .2s var(--ease)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}}.dialog::backdrop{background:#11182738}.dialog h2{margin:0 0 16px;font-size:19px;letter-spacing:-.01em}.field{display:block;margin:0 0 16px;padding:0;border:0}.field>span,.field legend{display:block;margin-bottom:6px;padding:0;font-size:13px;font-weight:600;color:var(--ink-3)}.field input[type=text]{width:100%;height:42px;padding:0 12px;border:0;border-radius:10px;background:var(--card);box-shadow:inset 0 0 0 1px var(--line-2);font-size:15px}.field input[type=text]:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--accent),0 0 0 3px var(--accent-ring)}.checks{border-radius:12px;box-shadow:inset 0 0 0 1px var(--line);padding:2px 12px;max-height:220px;overflow:auto}.check{display:flex;align-items:center;gap:10px;min-height:38px;cursor:pointer}.check+.check{border-top:1px solid var(--line)}.check input{width:16px;height:16px;accent-color:var(--accent)}.check em{font-style:normal;color:var(--ink-3);margin-left:4px}.reopen{align-items:flex-start;gap:16px;margin-bottom:18px}.reopen strong{display:block;font-weight:600}.reopen small{display:block;margin-top:2px;color:var(--ink-2);font-size:13px;line-height:1.4}.reopen>span{display:block}.reopen .switch{margin-top:2px}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sheet-preview{width:min(94vw,1040px);max-height:90vh;padding:0;display:none;flex-direction:column;overflow:hidden}.sheet-preview[open]{display:flex}.preview-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px 14px 24px;border-bottom:1px solid var(--line);flex:none}.preview-head h2{margin:0}.preview-sub{margin:2px 0 0;color:var(--ink-2);font-size:13.5px}.preview-actions{display:flex;gap:8px}.preview-actions .btn{height:40px}.preview-pages{overflow:auto;padding:22px;display:flex;flex-direction:column;align-items:center;gap:18px;background:var(--surface)}.preview-pages canvas{display:block;width:100%;max-width:940px;height:auto;border-radius:6px;box-shadow:0 0 0 1px #0000000f,0 10px 30px -12px #11182740;background:#fff}.preview-loading{padding:60px 0;color:var(--ink-2);font-weight:500}.toast{position:fixed;left:50%;bottom:54px;transform:translate(-50%,8px);background:#1d1d1feb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#fff;padding:10px 16px;border-radius:12px;font-weight:600;font-size:14px;opacity:0;pointer-events:none;transition:opacity .18s,transform .22s var(--ease);z-index:50;max-width:min(90vw,460px);text-align:center}.toast.show{opacity:1;transform:translate(-50%)}@media(max-width:900px){.page{padding:10px 10px 0}.window,.page[data-state=empty] .window{height:auto;min-height:0;margin-top:0;padding:12px 14px 14px;border-radius:20px;transition:none}.page[data-state=empty] .window{margin-top:8vh}.titlebar{grid-template-columns:1fr auto}.titlebar-end{grid-column:2;grid-row:1}.tabs-wrap{grid-column:1 / -1;grid-row:2;max-width:100%;justify-self:stretch}.work,.page[data-state=empty] .work{display:flex;flex-direction:column;gap:12px}.viewer{flex:none}.stage{aspect-ratio:4 / 5;max-height:62vh}.page[data-state=empty] .stage{aspect-ratio:auto;height:380px}.page[data-state=empty] .strip-card,.page[data-state=empty] .side{display:none}.strip-card{flex:none;height:var(--strip-h)}.side-inner{width:100%}.panel{overflow:visible}.stage-meta,.saved{display:none}.site-foot{position:static;justify-content:center}[data-tip]:after{display:none}}@media(max-width:480px){.wordmark{font-size:32px}.drop-title{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}