@font-face{font-family:Inter;src:url(./inter-variable-Dx4kXJAl.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Sora;src:url(./Sora-D91kXVw2.woff2) format("woff2");font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:"M PLUS 1";src:url(./MPLUS1-BCf7D4gD.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Michroma;src:url(./Michroma-ofZCHblw.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--font-ui: "Sora", "M PLUS 1", "Inter", "Segoe UI Symbol", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--font-num: "Inter", "M PLUS 1", "Segoe UI Symbol", "Yu Gothic UI", "Meiryo", system-ui, sans-serif;--font-display: "Michroma", "M PLUS 1", "Sora", system-ui, sans-serif;font-family:var(--font-ui);font-feature-settings:"zero" 1;font-size:13px;line-height:1.33;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-md: 13px;--text-lg: 14px;--text-xl: 15px;--lh-prose: 1.6;--lh-tight: 1;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-pill: 50%;--dur-fast: .16s;--dur: .26s;--dur-slow: .32s;--dur-spring: .4s;--dur-press: .3s;--dur-meaning: .56s;--dur-stagger: 18ms;--ease-out: cubic-bezier(.2, .8, .24, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-overshoot: cubic-bezier(.34, 1.5, .64, 1);--ease-press: cubic-bezier(.34, 1.7, .5, 1);--bg: #121214;--bar: #1a1a1e;--panel: #1a1a1e;--panel-2: #202024;--raise: #202024;--btn-bg: #202024;--btn-hover: #29292e;--sel: #38383e;--sel-ledge: #242428;--btn-on: #00d2ca;--btn-on-text: #ffffff;--btn-on-ledge: #008d87;--wide-on: var(--sel);--wide-on-edge: inset 0 0 0 1px rgb(255 255 255 / .1);--btn-press: #141416;--field: #0c0c0e;--field-line: #29292e;--edge: inset 0 0 0 1px rgb(255 255 255 / .04);--shadow-float: 0 12px 40px rgb(0 0 0 / .55), 0 0 0 1px rgb(255 255 255 / .06);--lift: 0 0 0 0 rgb(0 0 0 / 0);--row-form: 36px;--row-dense: 28px;--wheel-room: 48px;--line: rgb(255 255 255 / .06);--line-soft: rgb(255 255 255 / .03);--line-strong: rgb(255 255 255 / .14);--text: #e3e4ea;--text-strong: #ffffff;--focus-ring: var(--dim);--dim: #8e909c;--dim-2: #71737e;--dim-3: #5b5d67;--accent: #00d2ca;--accent-on-dark: #6ae3df;--accent-soft: var(--accent-on-dark);--loader-outer: var(--accent-on-dark);--loader-inner: var(--playhead);--ib-on-bg: var(--sel);--ib-on-ink: var(--text-strong);--ib-ink: #b5b5b5;--ib-ink-hover: #ececec;--danger-hover-bg: rgb(255 120 120 / .12);--tip-bg: #2c2c31;--tip-text: #eeeeee;--tip-key: #9a9a9a;--mark: #e7d3b8;--ok: #5f9e6e;--warn: #c98a3e;--warn-strong: #e8a33d;--notice-bg: #2a2418;--notice-text: #d9bd7a;--danger: #ff8a8a;--danger-text: #d98b8b;--danger-bg: #1a1216;--danger-box-bg: #3a1f22;--playhead: #ffffff;--playhead-glow: 0 0 8px color-mix(in srgb, var(--accent) 55%, transparent);--kf-sel: #4cc9c2;--wave: #6a6a6a;--value: #8fc3ec;--kf: #b8b8b8;--kf-hot: var(--text-strong);--kf-dim: #4a4a4a;--kf-on: #ffffff;--kf-rim: var(--field);--label-0: #d68585;--label-1: #d18c65;--label-2: #bb9951;--label-3: #8aab67;--label-4: #60a7d6;--label-5: #8c99dd;--label-6: #b28dcd;--label-7: #cb85ad;--m-red: oklch(.72 .15 22);--m-red-tile: oklch(.64 .15 22);--m-red-ledge: oklch(.48 .13 22);--m-orange: oklch(.72 .15 52);--m-orange-tile: oklch(.64 .15 52);--m-orange-ledge: oklch(.48 .13 52);--m-yellow: oklch(.72 .15 85);--m-yellow-tile: oklch(.64 .15 85);--m-yellow-ledge: oklch(.48 .13 85);--m-green: oklch(.72 .15 150);--m-green-tile: oklch(.64 .15 150);--m-green-ledge: oklch(.48 .13 150);--m-blue: oklch(.72 .15 250);--m-blue-tile: oklch(.64 .15 250);--m-blue-ledge: oklch(.48 .13 250);--m-purple: oklch(.72 .15 300);--m-purple-tile: oklch(.64 .15 300);--m-purple-ledge: oklch(.48 .13 300);--m-pink: oklch(.72 .15 350);--m-pink-tile: oklch(.64 .15 350);--m-pink-ledge: oklch(.48 .13 350);--m-gray-tile: var(--sel);--m-gray-ledge: var(--sel-ledge);--shadow-ring: #0a0a0a}button,input,select,textarea{font-family:inherit}:root[data-theme=light]{--bg: #eceef2;--bar: #fbfbfd;--panel: #fbfbfd;--panel-2: #eef0f4;--raise: #eef0f4;--edge: inset 0 0 0 1px rgb(26 29 40 / .04);--lift: 0 1px 3px rgb(0 0 0 / .07), 0 0 0 1px rgb(0 0 0 / .04);--shadow-float: 0 12px 32px rgb(0 0 0 / .14), 0 0 0 1px rgb(0 0 0 / .08);--btn-bg: #eef0f4;--btn-hover: #e6e8ee;--btn-press: #dfe2e8;--sel: #d6d9e1;--sel-ledge: #bfc3cd;--wide-on: var(--sel);--wide-on-edge: inset 0 0 0 1px #bfc3cd;--field: #e4e6ec;--field-line: #d3d6de;--line: rgb(26 29 40 / .07);--line-soft: rgb(26 29 40 / .04);--line-strong: rgb(26 29 40 / .2);--text: #16171c;--text-strong: #0b0c10;--focus-ring: var(--dim);--on-cream: #1a1a1a;--on-cream-dim: #6b6b6b;--on-cream-danger: #c0392b;--dim: #60646f;--dim-2: #81848f;--dim-3: #9a9da7;--accent: #008d87;--accent-soft: #00655f;--loader-outer: var(--accent);--ib-ink: #5c5c5c;--ib-ink-hover: #1c1c1c;--danger-hover-bg: rgb(200 60 60 / .1);--tip-bg: #1c1d22;--tip-text: #f2f2f2;--tip-key: #a0a0a0;--mark: #141414;--ok: #2f7a45;--warn: #9a6412;--warn-strong: #8a5a10;--notice-bg: #fff3d4;--notice-text: #6b5316;--danger: #c0392b;--danger-text: #a3302a;--danger-bg: #fbeceb;--danger-box-bg: #fbe3e1;--playhead: #16171c;--playhead-glow: 0 0 6px color-mix(in srgb, var(--accent) 35%, transparent);--wave: #8f8f8f;--kf-sel: #2f8a85;--value: #1d5f95;--kf: #5e5e5e;--kf-dim: #adadad;--kf-on: #16171c;--kf-rim: transparent;--label-0: #bf696a;--label-1: #bb7146;--label-2: #a4802b;--label-3: #709349;--label-4: #3e8ec1;--label-5: #7380c8;--label-6: #9a73b8;--label-7: #b56a95;--m-red: oklch(.55 .15 22);--m-red-tile: oklch(.62 .16 22);--m-red-ledge: oklch(.46 .14 22);--m-orange: oklch(.55 .15 52);--m-orange-tile: oklch(.62 .16 52);--m-orange-ledge: oklch(.46 .14 52);--m-yellow: oklch(.55 .15 85);--m-yellow-tile: oklch(.62 .16 85);--m-yellow-ledge: oklch(.46 .14 85);--m-green: oklch(.55 .15 150);--m-green-tile: oklch(.62 .16 150);--m-green-ledge: oklch(.46 .14 150);--m-blue: oklch(.55 .15 250);--m-blue-tile: oklch(.62 .16 250);--m-blue-ledge: oklch(.46 .14 250);--m-purple: oklch(.55 .15 300);--m-purple-tile: oklch(.62 .16 300);--m-purple-ledge: oklch(.46 .14 300);--m-pink: oklch(.55 .15 350);--m-pink-tile: oklch(.62 .16 350);--m-pink-ledge: oklch(.46 .14 350);--m-gray-tile: #80838e;--m-gray-ledge: #5f626c;--shadow-ring: #cbcbcb}:root:not([data-theme=light])[data-base=deep]{--bg: #0b0b0d;--bar: #131316;--panel: #131316;--panel-2: #1c1c20;--raise: #1c1c20;--btn-bg: #1c1c20;--btn-hover: #25252a;--btn-press: #0e0e10;--field: #070708;--field-line: #25252a;--sel: #33333a;--sel-ledge: #1f1f23;--tip-bg: #26262b}:root:not([data-theme=light])[data-base=black]{--bg: #000000;--bar: #0c0c0d;--panel: #0c0c0d;--panel-2: #161618;--raise: #161618;--btn-bg: #161618;--btn-hover: #1f1f22;--btn-press: #070708;--field: #000000;--field-line: #1f1f22;--sel: #2e2e33;--sel-ledge: #1a1a1d;--tip-bg: #222226}:root[data-accent=blue]{--accent: #7b86ff;--btn-on: #5863f9;--btn-on-ledge: #4049bc;--accent-on-dark: #a3abff;--kf-sel: #8a90f0;--m-blue: oklch(.72 .12 200);--m-blue-tile: oklch(.6 .12 200);--m-blue-ledge: oklch(.46 .1 200)}:root[data-theme=light][data-accent=blue]{--accent: #5863f9;--btn-on: #5863f9;--btn-on-ledge: #4049bc;--accent-soft: #3a43b8;--kf-sel: #5a62d6;--m-blue: oklch(.52 .12 200);--m-blue-tile: oklch(.58 .12 200);--m-blue-ledge: oklch(.44 .1 200)}:root[data-accent=pink]{--accent: #ff66aa;--btn-on: #ff66aa;--btn-on-ledge: #ce4f88;--accent-on-dark: #f39dbd;--kf-sel: #e47aa5;--m-pink: oklch(.68 .19 328);--m-pink-tile: oklch(.58 .19 328);--m-pink-ledge: oklch(.44 .15 328)}:root[data-theme=light][data-accent=pink]{--accent: #d61981;--btn-on: #ff66aa;--btn-on-ledge: #ce4f88;--accent-soft: #931e5a;--kf-sel: #b14576;--m-pink: oklch(.52 .19 328);--m-pink-tile: oklch(.58 .19 328);--m-pink-ledge: oklch(.44 .15 328)}:root[data-accent=gold]{--accent: #ffc23d;--btn-on: #ffc23d;--btn-on-ledge: #c99420;--btn-on-text: #4a3200;--accent-on-dark: #ffd77a;--kf-sel: #e8b54a;--m-yellow: oklch(.78 .15 125);--m-yellow-tile: oklch(.6 .14 125);--m-yellow-ledge: oklch(.46 .12 125)}:root[data-theme=light][data-accent=gold]{--accent: #946600;--btn-on: #ffc23d;--btn-on-ledge: #c99420;--btn-on-text: #4a3200;--accent-soft: #6b4a00;--kf-sel: #a87a12;--m-yellow: oklch(.52 .14 125);--m-yellow-tile: oklch(.58 .14 125);--m-yellow-ledge: oklch(.44 .12 125)}input{accent-color:var(--accent)}:where(:root[data-theme=light]) button,:where(:root[data-theme=light]) select{color:var(--on-cream)}:where(:root[data-theme=light]) .menutitle:hover,:where(:root[data-theme=light]) .menutitle.on{color:var(--on-cream)}:where(:root[data-theme=light]) .row.head,:where(:root[data-theme=light]) .row.head .name,:where(:root[data-theme=light]) .timeline .layerbar,:where(:root[data-theme=light]) .newFile,:where(:root[data-theme=light]) .menupop,:where(:root[data-theme=light]) .menupop button,:where(:root[data-theme=light]) .menupop button:hover{color:var(--on-cream)}:where(:root[data-theme=light]) .row.head .name,:where(:root[data-theme=light]) .row.head .ruler .tick span,:where(:root[data-theme=light]) .menupop kbd{color:var(--on-cream-dim)}:where(:root[data-theme=light]) .vaultacts button.danger{color:var(--on-cream-danger)}:where(:root[data-theme=light]) .genpage,:where(:root[data-theme=light]) .vaultpage{color:var(--on-cream)}:where(:root[data-theme=light]) .vaultempty,:where(:root[data-theme=light]) .vaulthint{color:var(--on-cream-dim)}:where(:root[data-theme=light]) .error{color:var(--on-cream-danger)}:where(:root[data-theme=light]) .error pre{background:var(--danger-box-bg);color:var(--danger-text)}:where(:root[data-theme=light]) .segthumb{background:var(--panel);box-shadow:0 1px 3px #00000024}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track,::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-button{display:none}::-webkit-scrollbar-thumb{min-height:32px;min-width:32px;background-color:transparent;border:1px solid transparent;border-radius:4px;background-clip:padding-box}:hover::-webkit-scrollbar-thumb{background-color:color-mix(in srgb,var(--text) 30%,transparent)}::-webkit-scrollbar-thumb:hover{border-width:0;background-color:color-mix(in srgb,var(--text) 45%,transparent)}::-webkit-scrollbar-thumb:active{background-color:color-mix(in srgb,var(--text) 65%,transparent)}.app{display:flex;flex-direction:column;height:100vh;gap:8px;padding:0 10px 10px}header{display:flex;align-items:center;gap:10px;flex-shrink:0;height:env(titlebar-area-height,36px);padding-left:12px;padding-right:calc(12px + 100vw - env(titlebar-area-width,100vw));background:var(--panel);color:var(--dim);-webkit-app-region:drag}.app>header{margin:0 -10px}:root[data-wco=off] header{padding-right:12px}header button,header input,header select,header .menubar{-webkit-app-region:no-drag}header strong{color:var(--text-strong);font-size:var(--text-lg)}header .generate{display:flex;align-items:center;gap:6px;flex:1 1 320px;min-width:260px}header .instruction{flex:1;min-width:0;padding:4px 8px;background:var(--field);color:var(--text);border:1px solid var(--field-line);border-radius:var(--radius-sm);font-size:var(--text-base)}header .alpha{display:flex;align-items:center;gap:4px;font-size:var(--text-base);color:var(--dim);white-space:nowrap}button,select{padding:4px 10px;background:var(--btn-bg);color:var(--text);border:0;border-radius:var(--radius-sm);font-size:var(--text-base);cursor:pointer;--press-sink: 1px;transition:background-color var(--dur-fast) var(--ease-out),translate var(--dur-fast) var(--ease-out)}button:hover:not(:disabled),select:hover{background:var(--btn-hover)}.foldhead button,.row.layer .name,.segmented button,.chip,.properties .watch,.properties .linkxy,.addkey,.menutitle,.menupop button,.savedot,.ib,.tlzoom-end{--press-sink: 0px}button:active:not(:disabled,.kf),select:active{background:var(--btn-press);translate:0 var(--press-sink);transition-duration:0s}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:1px}input[type=number]{cursor:ew-resize}input[type=number]:focus{cursor:text}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.note{display:flex;flex-direction:column;gap:6px;margin-top:16px;font-size:var(--text-sm);color:var(--dim)}.note input{width:100%;min-width:0;padding:6px 8px;font-size:var(--text-sm)}.tools{display:grid;gap:12px}.tools-sec{display:grid;gap:6px;transition:opacity var(--dur-fast) var(--ease-out)}.tools-sec h4{margin:0;color:var(--dim);font-size:var(--text-xs);font-weight:500;letter-spacing:.06em}.tools-sec.ghost{opacity:.4}.tools-sec .hint{margin:0}.tools-shape{display:flex;gap:8px;align-items:flex-start}.tools-nine{display:grid;flex:none;grid-template-columns:repeat(3,18px);gap:5px;padding:7px;border-radius:var(--radius-sm);background:var(--btn-bg)}.tools-nine button{width:18px;height:18px;min-height:0;padding:0;border-radius:var(--radius-pill);background:transparent;box-shadow:inset 0 0 0 1.5px var(--dim)}.tools-nine button:not(:disabled):hover{background:var(--accent);box-shadow:inset 0 0 0 1.5px var(--accent)}.tools-align{display:grid;flex:1;grid-template-columns:repeat(3,1fr);gap:4px}.tools-align button{padding:4px 0;font-size:var(--text-sm)}.tools-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.tools-frames,.tools-check{display:flex;gap:4px;align-items:center;color:var(--dim);font-size:var(--text-sm)}.tools-frames input{width:48px}.palhead{margin:0 0 6px;color:var(--dim-2);font-size:12px}.palchips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.palchip{width:22px;height:22px;padding:0;border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.palchip[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:2px}.palvariants{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 0 8px}.palvariant{min-width:0;display:grid;justify-items:center;gap:4px;padding:6px 2px;font-size:11px;white-space:nowrap}.palthumb{display:block;border-radius:3px;outline:1px solid var(--line)}.numfield{display:inline-flex;align-items:center;gap:4px;padding:0 6px;cursor:ew-resize;overflow:hidden}.numfield.undoflash{animation:undo-flash calc(var(--dur) * 3) var(--ease-out)}@keyframes undo-flash{0%{background-color:color-mix(in srgb,var(--value) 35%,transparent)}}.numfield,input[type=text],input[type=password],.settings input,.settings select,.newFile input{background:var(--field);border:1px solid var(--field-line);border-radius:var(--radius-sm);color:var(--text)}.numfield:focus-within,input[type=text]:focus,.settings input:focus,.settings select:focus{background:var(--panel-2)}.numfield .tag{flex:none;color:var(--dim-2);font-size:var(--text-sm);white-space:nowrap;-webkit-user-select:none;user-select:none}.numfield input{width:3.6em;padding:4px 0;background:none;border:0;color:inherit;font:inherit;font-variant-numeric:tabular-nums;font-family:var(--font-num)}.numfield input:focus{outline:none}button.primary{--press-sink: 0px;background:var(--btn-on);color:var(--btn-on-text);font-weight:600;box-shadow:0 3px 0 var(--btn-on-ledge);transition:translate var(--dur-press) var(--ease-press),box-shadow var(--dur-press) var(--ease-press),background-color var(--dur-fast) var(--ease-out)}button.primary:hover:not(:disabled){background:var(--btn-on);translate:0 -1px;box-shadow:0 4px 0 var(--btn-on-ledge)}button.primary:active:not(:disabled),button.primary.keypress{background:var(--btn-on);translate:0 2px;box-shadow:0 1px 0 var(--btn-on-ledge);transition-duration:0s}.notice{position:fixed;right:18px;bottom:18px;z-index:30;display:flex;align-items:center;gap:10px;max-width:min(460px,calc(100vw - 36px));padding:8px 8px 8px 12px;background:var(--notice-bg);border-radius:var(--radius-md);box-shadow:var(--shadow-float);color:var(--notice-text)}.notice>button.noticeclose{--press-sink: 0px;display:grid;place-items:center;padding:4px;background:none;color:inherit;opacity:.7}.notice>button.noticeclose:hover{opacity:1}.notice span{flex:1;min-width:0;overflow-wrap:anywhere}.notice>button{flex:none;white-space:nowrap}.notice.error{box-shadow:var(--shadow-float),inset 3px 0 0 var(--m-red)}.notice.done>.icon{flex:none;animation:checkpop var(--dur-spring) var(--ease-press)}.notice>.noticebar{position:absolute;left:10px;right:10px;bottom:0;height:2px;border-radius:1px;background:linear-gradient(to right,var(--accent) calc(var(--p) * 100%),var(--line-strong) 0)}@keyframes checkpop{0%{opacity:0;transform:scale(.4)}}.savedot{position:relative}.savecheck{position:absolute;left:100%;top:50%;display:grid;margin-top:-6px;pointer-events:none;opacity:0;animation:savecheck calc(var(--dur-meaning) * 2) var(--ease-out) forwards}@keyframes savecheck{0%{opacity:0;transform:scale(.4)}18%{opacity:1;transform:scale(1.15)}32%{transform:scale(1)}70%{opacity:1}to{opacity:0}}.body{flex:1;display:grid;min-height:0}.app.landscape .body{grid-template-columns:minmax(0,1fr) 7px var(--insp-w);grid-template-rows:minmax(0,1fr) 7px var(--tl-h);grid-template-areas:"preview   insp-split insp" "mid-split insp-split insp" "timeline  insp-split insp"}.app.portrait .body{grid-template-columns:minmax(0,1fr) 7px var(--preview-w) 7px var(--insp-w);grid-template-rows:minmax(0,1fr) 7px var(--curve-h);grid-template-areas:"timeline    mid-split preview insp-split insp" "curve-split mid-split preview insp-split insp" "curve       mid-split preview insp-split insp"}.curve-area{grid-area:curve;display:flex;align-items:flex-start;gap:16px;padding:10px 14px;overflow:auto}.curve-area .kcurve{width:clamp(100px,calc(var(--curve-h) - 145px),360px);flex:none}.curve-area .curve-idle{margin:auto}.app.portrait.curve-idle .body{grid-template-rows:minmax(0,1fr) 0 auto}.app.curve-idle .curve-area{padding:8px 14px}.preview{grid-area:preview}.timeline-area{grid-area:timeline}.insp{grid-area:insp}.panel{min-width:0;min-height:0;background:var(--panel);border-radius:var(--radius-md);box-shadow:var(--edge),var(--lift);overflow:hidden}.splitter{border-radius:3px;background:transparent}.splitter:hover{background:var(--line-strong)}.splitter:active{background:var(--dim-2)}.splitter.x{cursor:col-resize}.splitter.y{cursor:row-resize}.props{padding:10px 12px;overflow-y:auto}.props h2{margin:0 0 8px;padding-bottom:4px;border-bottom:1px solid var(--line);color:var(--dim);font-size:var(--text-sm);font-weight:600;letter-spacing:.06em}.props h2:not(:first-child){margin-top:16px}.foldbody,.properties,.notice,.newFile,.genError,.genconfirm{animation:appear var(--dur) var(--ease-out)}.overlay,.genpage,.vaultpage{animation:fade var(--dur) var(--ease-out)}.menupop{animation:drop var(--dur-fast) var(--ease-out)}@keyframes appear{0%{opacity:0;transform:translateY(-10px)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.92)}}@keyframes drop{0%{opacity:0;transform:translateY(-8px)}}.closing{pointer-events:none}.overlay.closing,.genpage.closing,.vaultpage.closing,.menupop.closing{animation:fadeout var(--dur-fast) var(--ease-out) forwards}.foldbody.closing,.notice.closing,.newFile.closing,.genconfirm.closing{animation:vanish var(--dur-fast) var(--ease-out) forwards}@keyframes fadeout{to{opacity:0}}@keyframes vanish{to{opacity:0;transform:translateY(-10px)}}.savedot{transition:background-color var(--dur-fast) var(--ease-out),color var(--dur) var(--ease-out)}:root[data-motion=off]{--dur-fast: 0s;--dur: 0s;--dur-slow: 0s;--dur-spring: 0s;--dur-press: 0s;--dur-meaning: 0s;--dur-stagger: 0s}:root[data-motion=off] .dnascope *,:root[data-motion=off] .genbusy *,:root[data-motion=off] .genprog *{transition:none!important;animation:none!important}.foldhead button{display:flex;align-items:center;gap:6px;width:100%;padding:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}.foldhead button:hover:not(:disabled){background:none;color:var(--text-strong)}.foldhead.idle button,.foldhead.idle button:disabled{opacity:1;color:var(--dim-3);cursor:default}.foldhead.idle button:hover{color:var(--dim-3)}.foldicon{display:grid;flex:none;place-items:center;width:20px;height:20px;border-radius:6px;background:var(--panel-2);color:var(--text)}.foldhead.idle .foldicon{color:var(--dim-3)}.foldtitle{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foldhead.flash{animation:fold-flash var(--dur-meaning) var(--ease-out)}@keyframes fold-flash{0%{background:var(--sel)}to{background:transparent}}.insp.props{display:flex;flex-direction:column;padding:0;overflow:hidden}.propjump{display:flex;flex:none;gap:4px;padding:6px 8px;border-bottom:1px solid var(--line)}.propjump button{display:grid;flex:1;place-items:center;min-width:0;height:30px;padding:0;background:transparent;border:0;border-radius:9px;color:var(--dim);transition:background-color var(--dur-fast) var(--ease-out),translate var(--dur-press) var(--ease-press)}.propjump button:hover:not(:disabled){background:var(--btn-hover);color:var(--text-strong);translate:0 -1px}.propjump button.on{background:var(--sel);color:var(--text-strong);box-shadow:0 2px 0 var(--sel-ledge)}.propjump button:disabled{color:var(--dim-3);opacity:.5}.inspscroll{flex:1;min-height:0;padding:10px 12px;overflow-y:auto}.inspscroll::-webkit-scrollbar{width:0}.inspscroll.more{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent)}.numfield.meter{background:linear-gradient(var(--sel),var(--sel)) no-repeat 0 0 / var(--f) 100%,var(--field);border-radius:var(--radius-sm)}.foldhead:has(.foldtag){display:flex;align-items:center;gap:8px}.foldhead:has(.foldtag) button{flex:1;min-width:0}.foldtag{display:inline-flex;flex:none;align-items:center;gap:4px;max-width:60%;overflow:hidden;color:var(--dim);font-size:var(--text-sm);font-weight:400;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap}.icon{display:block;flex:none}.icon[data-hue=red]{color:var(--m-red)}.icon[data-hue=orange]{color:var(--m-orange)}.icon[data-hue=yellow]{color:var(--m-yellow)}.icon[data-hue=green]{color:var(--m-green)}.icon[data-hue=blue]{color:var(--m-blue)}.icon[data-hue=purple]{color:var(--m-purple)}.icon[data-hue=pink]{color:var(--m-pink)}.tile{display:inline-grid;place-items:center;flex:none;width:22px;height:22px;border-radius:6px;background:var(--tile-bg);box-shadow:0 2px 0 var(--tile-ledge);color:#fff;transition:translate var(--dur-press) var(--ease-press)}.tile[data-hue=red]{--tile-bg: var(--m-red-tile);--tile-ledge: var(--m-red-ledge)}.tile[data-hue=orange]{--tile-bg: var(--m-orange-tile);--tile-ledge: var(--m-orange-ledge)}.tile[data-hue=yellow]{--tile-bg: var(--m-yellow-tile);--tile-ledge: var(--m-yellow-ledge)}.tile[data-hue=green]{--tile-bg: var(--m-green-tile);--tile-ledge: var(--m-green-ledge)}.tile[data-hue=blue]{--tile-bg: var(--m-blue-tile);--tile-ledge: var(--m-blue-ledge)}.tile[data-hue=purple]{--tile-bg: var(--m-purple-tile);--tile-ledge: var(--m-purple-ledge)}.tile[data-hue=pink]{--tile-bg: var(--m-pink-tile);--tile-ledge: var(--m-pink-ledge)}.tile[data-hue=gray]{--tile-bg: var(--m-gray-tile);--tile-ledge: var(--m-gray-ledge)}.icon .m{transform-box:view-box;transform-origin:12px 12px}:is(:hover,:focus-visible):not(:disabled)>.icon .m,:is(:hover,:focus-visible):not(:disabled)>.tile>.icon .m,.menupop button.cur:not(:disabled) .icon .m{animation:var(--icon-anim, none)}.icon[data-icon=trash] .m{--icon-anim: icon-lid var(--dur-meaning) var(--ease-out);transform-origin:4px 7px}.icon[data-icon=plus] .m,.icon[data-icon=addShape] .m,.icon[data-icon=addInto] .m{--icon-anim: icon-turn var(--dur-meaning) var(--ease-overshoot)}.icon[data-icon=again] .m{--icon-anim: icon-spin var(--dur-meaning) var(--ease-overshoot)}.icon[data-icon=reset] .m{--icon-anim: icon-spin-back var(--dur-meaning) var(--ease-overshoot)}.icon[data-icon=export] .m{--icon-anim: icon-hop var(--dur-meaning) var(--ease-out)}.icon[data-icon=sound] .m{--icon-anim: icon-wave var(--dur-meaning) var(--ease-out)}.icon[data-icon=marker] .m{--icon-anim: icon-drop var(--dur-meaning) var(--ease-out)}.icon[data-icon=diamond] .m,.icon[data-icon=diamondHollow] .m,.icon[data-icon=keysHidden] .m{--icon-anim: icon-turn var(--dur-meaning) var(--ease-overshoot)}.icon[data-icon=stopwatch] .m{--icon-anim: icon-spin var(--dur-meaning) var(--ease-in-out);transform-origin:12px 13.5px}.icon[data-icon=close] .m{--icon-anim: icon-turn-back var(--dur-meaning) var(--ease-overshoot)}.icon[data-icon=eye] .m{--icon-anim: icon-blink var(--dur-meaning) var(--ease-out)}.icon[data-icon=saved] .m{--icon-anim: icon-press var(--dur-meaning) var(--ease-out)}.icon[data-icon=folder] .m{--icon-anim: icon-flip var(--dur-meaning) var(--ease-out);transform-origin:12px 20px}.icon[data-icon=save] .m{--icon-anim: icon-press var(--dur-meaning) var(--ease-out)}.icon[data-icon=music] .m{--icon-anim: icon-hop var(--dur-meaning) var(--ease-out)}.icon[data-icon=info] .m{--icon-anim: icon-tilt var(--dur-meaning) var(--ease-out);transform-origin:12px 20px}@keyframes icon-lid{0%,to{rotate:0deg}35%{rotate:-25deg}}@keyframes icon-turn{0%{rotate:0deg}to{rotate:90deg}}@keyframes icon-spin{0%{rotate:0deg}to{rotate:360deg}}@keyframes icon-spin-back{0%{rotate:0deg}to{rotate:-360deg}}@keyframes icon-hop{0%,to{translate:0 0}40%{translate:0 -3px}}@keyframes icon-wave{0%,to{translate:0 0;opacity:1}40%{translate:1.5px 0;opacity:.5}}@keyframes icon-drop{0%{translate:0 -3px}60%{translate:0 .8px}to{translate:0 0}}@keyframes icon-turn-back{0%{rotate:0deg}to{rotate:-90deg}}@keyframes icon-blink{0%,40%,to{scale:1 1}20%{scale:1 .1}}@keyframes icon-flip{0%,to{scale:1 1}35%{scale:1 .7}}@keyframes icon-tilt{0%,to{rotate:0deg}30%{rotate:-12deg}60%{rotate:6deg}}@keyframes icon-press{0%,to{scale:1}30%{scale:.8}}button:has(>.icon){display:inline-flex;align-items:center;justify-content:center;gap:6px}.foldhead .caret{flex:0 0 auto;width:10px;color:var(--dim-3)}.aspects{margin-bottom:10px}.aspects .segmented{display:flex}.aspects .segmented button{flex:1}.props dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-variant-numeric:tabular-nums;font-family:var(--font-num)}.props dt{color:var(--dim);font-size:var(--text-base)}.props dd{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.props dd.where{color:var(--text-strong);font-size:var(--text-base);white-space:normal}.props dd.value{color:var(--dim)}.props .kfinfo select{width:100%;margin-top:2px}.props .hint{margin:0;color:var(--dim-3);line-height:var(--lh-prose)}.preview{display:grid;grid-template-rows:1fr auto;--pasteboard-veil: rgba(10, 10, 10, .68);background:#0a0a0a}:root[data-theme=light] .preview{background:#e1e3e9;--pasteboard-veil: rgba(225, 227, 233, .72)}:root[data-theme=light] .preview .transport{background:var(--panel)}:root[data-theme=light] .preview canvas.alpha,:root[data-theme=light] .shelfbig-stage{background-color:#f2f2f2;background-image:conic-gradient(#e3e3e3 25%,transparent 0 50%,#e3e3e3 0 75%,transparent 0)}:root[data-theme=light] .genpage:not(.b1) .genscreen{background:radial-gradient(ellipse at 50% 45%,#ececec,#e2e2e2 70%)}:root[data-theme=light] .genov{color:#00000080}:root[data-theme=light] .genov b{color:#000000bf}:root[data-theme=light] .gensw{box-shadow:inset 0 0 0 1px #00000040}.preview .frame{position:relative;min-height:0;overflow:hidden}.preview canvas{position:absolute;inset:12px;margin:auto;width:auto;height:auto;max-width:calc(100% - 24px);max-height:calc(100% - 24px);display:block;box-shadow:var(--shadow-float);border-radius:2px}.preview canvas.alpha{background-color:#141414;background-image:conic-gradient(#1c1c1c 25%,transparent 0 50%,#1c1c1c 0 75%,transparent 0);background-size:16px 16px}.preview canvas.pasteboard,.preview canvas.stagemarks{inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;box-shadow:none;border-radius:0;pointer-events:none}.transport{display:flex;align-items:center;gap:10px;padding:6px 10px;border-top:1px solid var(--line)}.transport button{min-width:38px}.transport .tc{color:var(--playhead);font-size:var(--text-xl);font-weight:600;font-variant-numeric:tabular-nums;font-family:var(--font-num)}.transport small{color:var(--dim-2);font-variant-numeric:tabular-nums;font-family:var(--font-num)}.transport small .sep{margin:0 6px;color:var(--dim-3)}.timeline-area{--lane-pad: 10px}.timeline{display:flex;flex-direction:column;height:100%}.timeline .scroller{flex:1;min-height:0;overflow:auto}.timeline .inner{position:relative;width:calc(var(--name-col) + (100% - var(--name-col)) * var(--tl-zoom, 1));min-width:100%}.row{display:grid;grid-template-columns:var(--name-col) 1fr;border-bottom:1px solid var(--line-soft)}.row.head{position:sticky;top:0;z-index:5;background:var(--bar);border-bottom:0}.row .name{position:sticky;left:0;z-index:7;padding:4px 8px;background:var(--panel);border-right:1px solid var(--line);color:var(--dim);font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row.head .name{background:var(--bar)}.row.head .name .splitter{position:absolute;top:0;right:0;bottom:0;width:6px}.row.layer,.row.track{--row-bg: transparent;border-bottom:0}.row.layer:hover,.row.track:hover{--row-bg: var(--line-soft)}.row.layer.on{--row-bg: var(--sel)}.row.layer .name,.row.track .name{border-right:0}.row.layer .lane,.row.track .lane{min-height:30px;isolation:isolate}.row.layer .name:before,.row.track .name:before,.row.layer .lane:before,.row.track .lane:before{content:"";position:absolute;top:2px;bottom:2px;z-index:-1;background:var(--row-bg);pointer-events:none}.row.layer .name:before,.row.track .name:before{left:6px;right:0;border-radius:9px 0 0 9px}.row.layer .lane:before,.row.track .lane:before{left:0;right:calc(6px - var(--lane-pad));border-radius:0 9px 9px 0}.row.layer .name{display:flex;align-items:center;gap:4px;width:100%;border-radius:0;color:var(--text);text-align:left}.row.layer .name em{color:var(--dim-2);font-size:var(--text-xs);font-style:normal}.row.layer .name .switches{display:flex;flex:0 0 auto;gap:1px}.row.layer .name .switches button{display:grid;place-items:center;width:16px;height:16px;padding:0;background:none;border:0;border-radius:var(--radius-sm);color:var(--dim-3);cursor:pointer}.row.layer .name .switches button.off{opacity:.35}.row.layer .name .switches button.on{color:var(--text)}.row.layer .name .switches button:hover{background:var(--btn-hover);opacity:1}.row.layer .name .caret{color:var(--dim-3);width:22px;height:22px;flex:0 0 auto;background:none;border:0;padding:0;cursor:pointer}.row.layer .name .caret:hover:not(:disabled),.row.layer .name .caret:focus-visible{color:var(--text);background:var(--btn-hover);border-radius:var(--radius-sm)}.row.layer .name .caret:disabled{cursor:default}.row.layer .name .pick{display:flex;align-items:center;gap:4px;flex:1;min-width:0;background:none;border:0;padding:0;color:inherit;font:inherit;text-align:left;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row.layer.on .name .pick{color:var(--text-strong)}.row.track .name{display:flex;align-items:center;gap:2px;padding-left:calc(16px + var(--link-gutter, 0px));color:var(--dim)}.row.track .name span{overflow:hidden;text-overflow:ellipsis}.row .lane{position:relative;min-height:24px;margin-right:var(--lane-pad)}.row.layer .layerspan{position:absolute;left:0;right:0;top:50%;height:18px;translate:0 -50%;background:color-mix(in srgb,var(--label) 26%,var(--panel));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--label) 70%,transparent);border-radius:999px;pointer-events:none}.row.layer.on .layerspan{background:color-mix(in srgb,var(--label) 36%,var(--panel))}.row.layer .layerspan-hidden{position:absolute;top:50%;height:18px;translate:0 -50%;background:repeating-linear-gradient(135deg,var(--label) 0 2px,transparent 2px 6px);opacity:.35;border-radius:999px;pointer-events:none}.row.layer .rangegrip{position:absolute;top:50%;width:8px;height:18px;translate:-50% -50%;cursor:ew-resize;z-index:1}.row.layer .rangegrip:after{content:"";position:absolute;inset:2px 3px;border-radius:1px;background:var(--label);opacity:0;transition:opacity .12s}.row.layer:hover .rangegrip:after,.row.layer .rangegrip:active:after{opacity:1}.gridlines{position:absolute;top:0;bottom:0;left:var(--name-col);right:var(--lane-pad);pointer-events:none}.gridlines span{position:absolute;top:0;bottom:0;width:1px;background:var(--line)}.row.head .lane .workarea{position:absolute;bottom:0;height:5px;background:color-mix(in srgb,var(--text) 35%,transparent);border-radius:999px;pointer-events:none;z-index:2}.row.head .lane .playknob{position:absolute;top:1px;width:12px;height:12px;transform:translate(calc(-50% + .5px));background:var(--playhead);border-radius:4px 4px 6px 6px;box-shadow:var(--playhead-glow);pointer-events:none;z-index:3}.row.layer .layerspan~.kf.ghost{--kf-fill: var(--kf-on)}.row.layer .name .labeldot{flex:0 0 auto;width:8px;height:8px;margin-right:2px;border-radius:2px;background:var(--label)}.row.head .lane{height:26px;cursor:ew-resize}.actwave{position:absolute;left:0;right:var(--lane-pad);bottom:1px;height:14px;pointer-events:none}.row.head .lane .marker{position:absolute;top:0;bottom:0;width:9px;transform:translate(-50%);cursor:grab;z-index:3}.row.head .lane .marker:before{content:"";position:absolute;left:0;top:0;border-left:4.5px solid transparent;border-right:4.5px solid transparent;border-top:6px solid var(--m-pink)}.row.head .lane .marker:after{content:"";position:absolute;left:4px;top:5px;bottom:0;width:1px;background:color-mix(in srgb,var(--m-pink) 70%,transparent)}.row.audio .lane{height:34px;cursor:ew-resize}.row.audio .audiowave{position:absolute;inset:0;width:100%;height:100%;color:color-mix(in srgb,var(--m-pink) 75%,var(--text));pointer-events:none}.row.audio.muted .audiowave{opacity:.4}.row.audio .name{display:flex;align-items:center;gap:6px}.row.audio .audioname{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;color:var(--text)}.row.audio .audiostart{flex:0 0 auto;width:64px;font-variant-numeric:tabular-nums;font-family:var(--font-num)}.row.audio.missing .name em{flex:0 0 auto;color:var(--warn, var(--dim));font-style:normal}.row.audio .switches{display:flex;flex:0 0 auto;gap:1px}.row.audio .switches button{display:grid;place-items:center;width:16px;height:16px;padding:0;background:none;color:var(--text)}.row.audio .switches button.off{color:var(--dim-2)}.mirrorwave{display:block;width:100%;height:100%;overflow:visible}.mirrorwave line{stroke:var(--wave);stroke-width:1.6px;stroke-linecap:round;opacity:.55}.mirrorwave line.played{opacity:.85}.mirrorwave line.ahead{opacity:.38}.mirrorwave line.now{stroke:var(--playhead);opacity:1}.ruler{position:absolute;inset:0}.ruler .tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--line)}.ruler .tick.bar{border-left:2px solid var(--line-strong)}.ruler .tick.beat{opacity:.35}.ruler .tick span{position:absolute;top:4px;left:4px;color:var(--dim-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-family:var(--font-num)}.ruler .tick.end span{left:auto;right:4px}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--playhead);box-shadow:var(--playhead-glow);pointer-events:none;z-index:6}.kf{--kf-fill: var(--label, var(--kf));--kf-edge: var(--kf-rim);--kf-stroke: 2.2;transition:none;position:absolute;top:50%;width:9px;height:9px;transform:translate(calc(-50% + .5px),-50%);padding:0;background:transparent;border:0;cursor:ew-resize;z-index:2}.kf:hover:not(:disabled){background:transparent}.kf .kfmark{position:absolute;left:50%;top:50%;width:11px;height:11px;margin:-5.5px 0 0 -5.5px;overflow:visible;fill:var(--kf-fill);stroke:var(--kf-edge);stroke-width:var(--kf-stroke);stroke-linejoin:round;pointer-events:none;transition:scale var(--dur-spring) var(--ease-press)}.kf:hover:not(:disabled) .kfmark{scale:1.45}.kf.on{--kf-fill: var(--kf-on);--kf-edge: var(--label, var(--kf));--kf-stroke: 3;z-index:4}.kf.locked{opacity:.45;cursor:not-allowed}.kf.hit{animation:kf-hit var(--dur-spring) var(--ease-out)}@keyframes kf-hit{0%{scale:1.7}to{scale:1}}.kf.ghost{--kf-fill: var(--kf-dim);width:5px;height:5px;transform:translate(calc(-50% + .5px),-50%) rotate(45deg);background:var(--kf-fill);border-radius:1px;cursor:default;pointer-events:none}.ctxmenu{position:fixed;z-index:30}.marquee{position:fixed;z-index:20;border:1px solid var(--line-strong);background:var(--btn-hover);opacity:.35;pointer-events:none}.error{padding:48px 32px 32px;color:var(--danger-text)}.error:before{content:"";position:fixed;top:0;left:0;width:env(titlebar-area-width,100vw);height:env(titlebar-area-height,36px);-webkit-app-region:drag}.emptystate h1{margin:0;color:var(--text-strong)}.error .escape{display:flex;gap:8px;margin-top:16px}.error pre{padding:12px;background:var(--danger-bg);border-radius:var(--radius-sm);white-space:pre-wrap}.narrow{--n-paper: #ffffff;--n-ink: #0b0b0b;--n-mute: rgb(11 11 11 / .62);--n-soft: rgb(11 11 11 / .06);--n-kicker: #d61981;--n-btn: #0b0b0b;--n-btn-text: #ffffff;position:relative;min-height:100vh;padding:24px;display:flex;align-items:center;background:var(--n-paper);color:var(--n-ink);font-size:16px;-webkit-tap-highlight-color:transparent}:root[data-theme=dark] .narrow{--n-paper: #0b0b0b;--n-ink: #ffffff;--n-mute: rgb(255 255 255 / .62);--n-soft: rgb(255 255 255 / .07);--n-kicker: #e7d3b8;--n-btn: #e7d3b8;--n-btn-text: #0b0b0b}.narrow-logo{position:absolute;top:14px;left:14px;padding:6px 13px;border-radius:999px;box-shadow:0 0 0 1px var(--n-soft),0 0 0 1px #80808040;color:var(--n-ink);font-size:18px;font-weight:800;letter-spacing:-.03em;text-decoration:none}.narrow-kicker{margin-bottom:10px;color:var(--n-kicker);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.narrow h1{margin:0 0 16px;font-size:30px;font-weight:900;line-height:1.2;text-wrap:balance}.narrow p{max-width:30em;margin:0;color:var(--n-mute);font-size:15px;line-height:1.9}.narrow-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.narrow-btn{padding:15px 24px;border:0;border-radius:999px;background:var(--n-btn);color:var(--n-btn-text);font:inherit;font-size:19px;font-weight:700;text-decoration:none;cursor:pointer}.narrow-btn.ghost{background:var(--n-soft);color:var(--n-ink)}.narrow .narrow-url{margin-top:14px;color:var(--n-ink);font-size:14px;overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.timeline .name .snap{margin-left:6px;font-size:var(--text-sm);padding:0 2px}.genpage[hidden]{display:none}.genpage{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;background:var(--bg)}.genform{display:flex;flex-direction:column;gap:10px;overflow-y:auto;min-height:0}.genstage-frame{position:relative;width:100%;max-height:100%;overflow:hidden;border-radius:var(--radius-md);background-color:var(--field);box-shadow:var(--edge)}.genstage-frame.alpha{background-image:conic-gradient(var(--line) 25%,var(--panel) 0 50%,var(--line) 0 75%,var(--panel) 0);background-size:16px 16px}.genstage-figure{--fig: #e7d3b8;position:absolute;bottom:0;width:34%;height:44%;box-sizing:border-box;border:1.5px dashed rgb(231 211 184 / .55);border-bottom:0;border-radius:6px 6px 0 0}.genstage-figure.center{border-bottom:1.5px dashed rgb(231 211 184 / .55);border-radius:6px}.genstage-figure svg{position:absolute;inset:14% 12% 0;width:76%;height:86%;fill:#e7d3b829}.genstage-figure.center-bottom,.genstage-figure.center{left:33%}.genstage-figure.center{bottom:28%}.genstage-figure.left{left:6%}.genstage-figure.right{right:6%}.genform .row{display:flex;align-items:center;gap:10px;min-height:var(--row-form);margin-bottom:0}.dnascope{min-width:0;margin:4px 0 10px;padding:10px 12px;background:var(--field);border-radius:var(--radius-sm);box-shadow:var(--edge);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-family:var(--font-num);--dna-hi: var(--text-strong)}.dnascope b{font-weight:500;color:var(--text)}.dnascope-label{color:var(--dim-2)}.dnascope-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.dnascope-head{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.dnascope-head strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:var(--text-strong);font-weight:500;font-size:var(--text-base);overflow-wrap:anywhere}.dnascope-head span{flex:none;color:var(--dim-2)}.dnascope-wave{display:block;width:100%;height:30px}.dnascope-ease{display:flex;gap:12px;align-items:center;margin:10px 0 8px;padding-top:10px;border-top:1px solid var(--line-soft)}.dnascope-ease>svg{flex:none;width:72px;height:72px}.dnascope-grid{fill:none;stroke:var(--line);stroke-width:1}.dnascope-curve{fill:none;stroke:var(--dna-hi);stroke-width:1.75;stroke-linecap:round}.dnascope-dotx{animation:dna-dotx 1.8s linear infinite}.dnascope-doty{animation:dna-doty 1.8s infinite}.dnascope-doty circle{fill:var(--dna-hi);stroke:var(--field);stroke-width:1.5}@keyframes dna-dotx{0%{transform:translate(0)}65%,to{transform:translate(64px)}}@keyframes dna-doty{0%{transform:translateY(0)}65%,to{transform:translateY(-64px)}}.dnascope-mix{flex:1;min-width:0}.dnascope-bar{display:flex;gap:2px;height:6px;margin:5px 0 6px}.dnascope-bar i{flex-basis:0;min-width:2px;border-radius:1px}.dnascope-mix ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 10px;margin:0;padding:0;list-style:none}.dnascope-mix li{display:flex;align-items:center;gap:5px;color:var(--dim);white-space:nowrap}.dnascope-mix li b{margin-left:auto}.dnascope-mix li.top,.dnascope-mix li.top b{color:var(--text-strong)}.dnascope-mix li i{flex:none;width:6px;height:6px;border-radius:1px}.dnascope .e-out{background:var(--dna-hi)}.dnascope .e-inOut{background:var(--dim)}.dnascope .e-in{background:var(--dim-2)}.dnascope .e-linear{background:var(--dim-3)}.dnascope .e-cut{background:var(--line-strong)}.dnascope-len{padding-top:8px;border-top:1px solid var(--line-soft)}.dnascope-track{position:relative;height:10px;margin:4px 0 2px;background:linear-gradient(var(--line),var(--line)) 0 50% / 100% 2px no-repeat}.dnascope-track .range{position:absolute;top:4px;height:2px;background:var(--dim-3)}.dnascope-track .mid{position:absolute;top:0;width:2px;height:10px;margin-left:-1px;border-radius:1px;background:var(--dna-hi)}.dnascope-axis{color:var(--dim-3);font-size:var(--text-xs)}.dnascope-meters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line-soft)}.dnascope-meter{height:3px;margin-top:4px;border-radius:2px;background:var(--line)}.dnascope-meter i{display:block;height:100%;border-radius:2px;background:var(--dna-hi)}.dnascope-stagger{display:flex;align-items:center;gap:10px;margin-top:8px;padding-top:8px;border-top:1px solid var(--line-soft)}.dnascope-stagger>div{display:flex;flex:1;justify-content:space-between}.dnascope-stagger i{width:4px;height:4px;border-radius:var(--radius-pill);background:var(--dim-3);animation:dna-stagger 1.6s ease-out infinite}@keyframes dna-stagger{0%{background:var(--dim-3);transform:scale(1)}8%{background:var(--dna-hi);transform:scale(1.6)}35%,to{background:var(--dim-3);transform:scale(1)}}fieldset.lockable{border:0;margin:0;padding:0;min-width:0}fieldset.lockable:disabled>:not(.hint){opacity:.45;pointer-events:none}fieldset.genform{border:0;margin:0;min-width:0}fieldset.genform:disabled>*{pointer-events:none}.motionpins{margin:18px 0}.motionpins-head{display:flex;align-items:center;gap:8px}.motionpins-head h3{margin:0;font-size:var(--text-lg)}.motionpins-snap{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--dim)}.motionpins-help{margin:6px 0 8px}.motionpins-track-wrap{padding:0 12px;border-radius:var(--radius-sm);background:var(--field);border:1px solid var(--field-line)}.motionpins-track{position:relative;cursor:copy}.motionpins-track[aria-disabled=true]{cursor:default}.motionpins-rail{position:absolute;left:0;right:0;top:26px;height:1px;background:var(--line-strong)}.motionpins-tick{position:absolute;top:23px;width:1px;height:4px;background:var(--line);pointer-events:none}.motionpins-tick.major{top:20px;height:7px;background:var(--line-strong)}.motionpins-tick>span{position:absolute;bottom:9px;left:0;transform:translate(-50%);font-size:var(--text-xs);color:var(--dim);white-space:nowrap;font-variant-numeric:tabular-nums;font-family:var(--font-num)}.motionpins-tick>span.start{transform:none}.motionpins-tick>span.end{transform:translate(-100%)}.motionpin-marker,.motionpins-ghost{position:absolute;width:24px;height:24px;margin-left:-12px;padding:0;background:transparent;border:0;display:grid;place-items:center}.motionpin-marker{cursor:ew-resize;z-index:2}.motionpin-marker:disabled{cursor:default}.motionpin-diamond,.motionpins-ghost>i{width:11px;height:11px;transform:rotate(45deg);border-radius:1px;background:var(--kf);border:1px solid var(--panel);transition:background var(--dur-fast) var(--ease-out)}.motionpin-marker:hover:not(:disabled) .motionpin-diamond{background:var(--kf-hot)}.motionpin-marker.selected .motionpin-diamond{background:var(--kf-on);border-color:var(--text)}.motionpin-marker:disabled .motionpin-diamond{background:var(--kf-dim)}.motionpin-marker.dragging{z-index:3}.motionpin-tooltip,.motionpins-ghost>span{position:absolute;top:24px;left:50%;transform:translate(-50%);padding:1px 4px;border-radius:var(--radius-sm);background:var(--bar);color:var(--text);font-size:var(--text-xs);white-space:nowrap;pointer-events:none;font-variant-numeric:tabular-nums;font-family:var(--font-num)}.motionpin-tooltip{display:none}.motionpin-marker:hover .motionpin-tooltip,.motionpin-marker:focus-visible .motionpin-tooltip,.motionpin-marker.dragging .motionpin-tooltip{display:block;z-index:4}.motionpins-ghost{top:40px;pointer-events:none}.motionpins-ghost>i{background:transparent;border-color:var(--kf);border-style:dashed}.motionpins-guide{position:absolute;top:0;bottom:0;width:1px;background:var(--playhead);pointer-events:none}.motionpins-actions,.motionpins-invalid,.motionpins-detail-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:8px}.motionpins-actions>.dim,.motionpins-invalid>.dim{flex:1;font-size:var(--text-sm)}.motionpins-detail{margin-top:10px;padding:10px;border:1px solid var(--line);border-radius:var(--radius-sm)}.motionpins-detail-head{margin-top:0;justify-content:space-between}.motionpins-fields{display:grid;grid-template-columns:84px minmax(0,1fr);gap:8px;margin-top:8px}.motionpins-fields label{display:flex;flex-direction:column;gap:4px;min-width:0;color:var(--dim)}.motionpins-fields input,.motionpins-fields textarea{width:100%;min-width:0;box-sizing:border-box}.motionpins-fields textarea{resize:vertical}.genform .row.tall{align-items:flex-start}.genform .row>span:first-child{width:104px;flex:none;color:var(--dim)}.segmented{position:relative;display:inline-flex;flex-wrap:wrap;padding:2px;background:var(--field);border-radius:calc(var(--radius-sm) + 2px);box-shadow:inset 0 0 0 1px var(--field-line)}.segthumb{position:absolute;top:0;left:0;background:var(--sel);border-radius:var(--radius-sm);box-shadow:0 2px 0 var(--sel-ledge);transition:translate var(--dur-spring) var(--ease-overshoot),width var(--dur-slow) var(--ease-out),height var(--dur-slow) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.segring{position:absolute;top:0;left:0;z-index:0;border:2px solid rgb(255 255 255 / .67);border-radius:var(--radius-sm);pointer-events:none;animation:segring var(--dur-spring) var(--ease-out) calc(var(--dur-spring) * .45) both}.pageswitch .segring{top:2px;bottom:2px;border-radius:6px}:root[data-theme=light] .segring{border-color:#16171c73}@keyframes segring{0%{opacity:.9;scale:1}to{opacity:0;scale:1.35}}.segmented button{position:relative;padding:4px 12px;white-space:nowrap;background:none;border:0;border-radius:var(--radius-sm);color:var(--dim);transition:color var(--dur-fast) var(--ease-out),scale var(--dur-fast) var(--ease-out)}.segmented button:hover:not(:disabled){background:none;color:var(--text)}.segmented button:active:not(:disabled){background:none;scale:.94;transition-duration:0s}.segmented button[aria-checked=true]{color:var(--text-strong)}.segmented:not(:has(>.segthumb)) button[aria-checked=true]{background:var(--sel)}.chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.chip{padding:3px 10px;background:none;border:0;border-radius:99px;color:var(--dim);box-shadow:inset 0 0 0 1px var(--field-line);transition:color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.chip[aria-pressed=true]{background:var(--sel);color:var(--text-strong);box-shadow:none}.genform .numfield input{width:88px}.genform input[type=color]{width:44px;height:24px;padding:0}.genform textarea{flex:1;background:var(--field);color:var(--text);border:0;border-radius:var(--radius-sm);padding:6px 8px;font:inherit;resize:vertical}.prompt{margin:0 0 12px;padding:10px;background:var(--field);border-radius:var(--radius-sm);white-space:pre-wrap;word-break:break-word;max-height:42vh;overflow-y:auto;color:var(--dim);font-family:Consolas,monospace}.genactions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.genError{margin-bottom:12px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--danger-box-bg)}.genconfirm{flex-basis:100%;padding:10px 12px;border-radius:var(--radius-md);background:var(--panel);box-shadow:var(--shadow-float)}.genconfirm p{margin:4px 0 0;line-height:var(--lh-prose)}.genconfirm .dim{color:var(--dim)}.genconfirm .genactions{margin:10px 0 0;justify-content:flex-end}.hexfield{display:inline-flex;align-items:center;gap:2px}input.hex{width:76px;font-family:ui-monospace,Consolas,monospace;text-transform:uppercase}input.hex.bad{border-color:var(--warn)}.properties h3{font-size:var(--text-sm);color:var(--dim);margin:10px 0 4px}.properties .prop{display:flex;align-items:center;gap:4px;min-height:var(--row-dense);margin-bottom:0;flex-wrap:wrap}.properties .prop.off .name{color:var(--dim-3)}.properties .prop .name{flex:1;min-width:0;color:var(--dim);font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:36px}.properties .prop:has(>.vec2)>.name{flex:0 1 auto;min-width:28px}.properties .prop>.numfield{flex:0 1 auto;min-width:0}.properties .prop>.numfield input{width:58px}.properties .prop>select{flex:0 0 48px;min-width:0;padding:4px 6px;appearance:none}.properties .vec2{display:flex;flex:1 1 0;gap:2px;min-width:128px}.properties .vec2 .numfield{padding:0 2px;gap:2px}.properties .vec2 .numfield{flex:1 1 0;min-width:0}.properties .vec2 .numfield input{width:100%;min-width:0}.properties .watch{flex:0 0 auto;background:none;border:1px solid var(--line-strong);border-radius:var(--radius-pill);width:18px;height:18px;color:var(--dim-3);cursor:pointer;font-size:10px;line-height:var(--lh-tight);padding:0}.properties .watch.on{color:var(--text-strong);border-color:var(--text-strong)}.properties .loopicon{position:relative;flex:0 0 20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);color:var(--dim-3)}.properties .loopicon.set{color:var(--text-strong);background:var(--panel-2)}.properties .loopicon:not(.set):hover{color:var(--text)}.properties .loopicon:has(select:focus-visible){outline:2px solid var(--focus-ring);outline-offset:1px}.properties .loopicon select{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer}.properties .reset,.properties .linkxy{flex:0 0 auto;background:none;border:0;color:var(--dim-3);cursor:pointer;padding:0 2px}.properties .numfield{background:none;border-color:transparent}.properties .numfield input{color:var(--value)}.properties .numfield:hover:not(:focus-within) input{text-decoration:underline dotted;text-underline-offset:3px}.properties .numfield:focus-within{background:var(--field);border-color:var(--field-line)}.properties .numfield:focus-within input{color:var(--text)}.properties .prop>.numfield input{width:auto;min-width:1ch;field-sizing:content}.properties .numfield.meter,.properties .numfield.meter:focus-within{justify-content:flex-end;min-width:72px;background:linear-gradient(var(--sel),var(--sel)) no-repeat 0 0 / var(--f) 100%,var(--field)}.numfield .unit,.properties .prop>.unit{flex:none;color:var(--dim-2);font-size:var(--text-sm);-webkit-user-select:none;user-select:none}.properties .timefield{width:auto;min-width:3ch;field-sizing:content;padding:4px 3px;background:none;border-color:transparent;color:var(--value);font-variant-numeric:tabular-nums;font-family:var(--font-num)}.properties .timefield:hover:not(:focus){text-decoration:underline dotted;text-underline-offset:3px}.properties .timefield:focus{background:var(--field);border-color:var(--field-line);color:var(--text)}.properties .prop{padding:0 4px;margin:0 -4px;border-radius:var(--radius-sm)}.properties .prop:hover{background:var(--raise)}.timeline .layerbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:4px 6px;background:var(--bar)}.timeline .layerbar select,.timeline .layerbar button{font-size:var(--text-sm);padding:2px 6px}.timeline .layerbar .gap{flex:1}.timeline .layerbar button:disabled{opacity:.35}.timeline .layerbar .ib{padding:0}.timeline .layerbar .sep{width:1px;height:18px;margin:0 4px;background:var(--line)}.canvasPanel .field{display:flex;align-items:center;gap:6px;margin:4px 0;font-size:var(--text-base)}.canvasPanel .field>span{min-width:56px;flex:none;opacity:.75}.canvasPanel .field .numfield input{width:60px}.canvasPanel .field em{font-style:normal;opacity:.6}.canvasPanel .inline{display:flex;align-items:center;gap:2px}.newFile{display:flex;gap:6px;padding:6px 10px;background:var(--bar)}.newFile input[type=text]{flex:1}.row.layer .name .tags{display:flex;flex:none;align-items:center;gap:4px;width:128px;margin-left:auto;overflow:hidden}.row.layer .name .tag{position:relative;display:inline-flex;flex:none;align-items:center;gap:3px;max-width:100%;height:20px;padding:0 6px 0 2px;border-radius:5px;background:var(--raise);color:var(--dim);font-size:var(--text-xs);white-space:nowrap}.row.layer .name .tag.mattetag,.row.layer .name .tag.addmatte,.row.layer .name .tag.mattesrc{flex:0 1 auto;min-width:0;padding-left:6px}.row.layer .name .tag .tagname{position:relative;display:inline-flex;align-items:center;min-width:0;overflow:hidden;text-overflow:ellipsis}.row.layer .name .parenttag{flex:0 1 auto;min-width:0}.row.layer .name .tags.both .parenttag{padding-right:2px}.row.layer .name .tag select.tagsel{position:absolute;inset:0;width:100%;max-width:none;margin:0;padding:0;opacity:0;cursor:pointer}.row.layer .name .tag.ghost{background:none;opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.row.layer:hover .name .tag.ghost,.row.layer .name .tag.ghost:focus-within,.row.layer .name .tag.ghost:has(.whip.on){opacity:.75}.row.layer .name .whip{display:grid;place-items:center;flex:none;width:18px;height:18px;padding:0;border:0;border-radius:4px;background:none;color:var(--dim-3);cursor:grab;touch-action:none}.row.layer .name .whip:hover,.row.layer .name .whip.on{color:var(--label);background:var(--btn-hover)}.row.layer .name .whip.on{cursor:grabbing}.row.layer .name .parenttag:not(.ghost) .whip{color:var(--label)}.row.layer .name .mattemode{flex:none;padding:0 0 0 4px;border:0;border-radius:4px;background:none;color:var(--dim-3);font-size:var(--text-xs)}.row.layer .name .mattemode:hover{color:var(--text)}.row.layer .name .tag.mattesrc{background:none;outline:1px dashed var(--dim-3);outline-offset:-1px}.row.layer.whiptarget{box-shadow:inset 0 0 0 1px var(--accent-soft)}.whipdrag{position:fixed;inset:0;z-index:1000;pointer-events:none}.whipdrag svg{width:100%;height:100%;overflow:visible}.whipdrag line{stroke:var(--c);stroke-width:1.5;stroke-dasharray:4 3}.whipdrag circle{fill:var(--c);stroke:#0009;stroke-width:1}.whipdrag span{position:absolute;padding:2px 6px;border-radius:4px;background:var(--raise);box-shadow:0 0 0 1px var(--c);color:var(--text-strong);font-size:var(--text-sm);white-space:nowrap}.row .name .plink{position:absolute;top:0;bottom:-1px;left:var(--x);width:0;pointer-events:none}.row .name .plink:before{content:"";position:absolute;left:-.75px;width:1.5px;top:50%;bottom:50%;background:var(--c)}.row .name .plink[data-up]:before{top:0}.row .name .plink[data-down]:before{bottom:0}.row .name .plink[data-tick]:after{content:"";position:absolute;top:calc(50% - .75px);left:-.75px;width:var(--w);height:1.5px;background:var(--c)}.row .name .plink[data-tick=parent]:after{top:calc(50% - 3px);left:-3px;height:6px;width:calc(var(--w) + 2.25px);background:radial-gradient(circle at 3px 50%,var(--c) 2.6px,transparent 3.1px),linear-gradient(var(--c),var(--c)) 3px 50% / 100% 1.5px no-repeat}.prop.name input.layerName{flex:1;min-width:0}.prop.name .warn{font-style:normal;font-size:var(--text-sm);color:var(--warn-strong)}.addkey{flex:0 0 auto;background:none;border:none;padding:0;width:18px;height:18px;color:var(--dim-3);cursor:pointer;font-size:11px;line-height:var(--lh-tight)}.addkey.on{color:var(--kf)}.addkey:hover{color:var(--text-strong)}.overlay{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:20}.setscrim{position:fixed;inset:env(titlebar-area-height,36px) 0 0 0;z-index:20}.setside{position:fixed;top:env(titlebar-area-height,36px);bottom:0;left:0;z-index:21;display:grid;grid-template-columns:56px minmax(0,1fr);width:min(460px,calc(100vw - 48px));background:var(--panel);box-shadow:-48px 0 0 var(--bg),20px 0 60px #00000073,1px 0 0 var(--line);animation:set-in var(--dur-spring) cubic-bezier(.34,1.25,.64,1)}.setside.closing{animation:set-out var(--dur-fast) var(--ease-out) forwards}@keyframes set-in{0%{transform:translate(-100%)}}@keyframes set-out{to{transform:translate(-100%)}}.setrail{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 0;background:var(--bg)}.setrail button{display:grid;place-items:center;width:40px;height:40px;padding:0;background:none;border:0;border-radius:11px;color:var(--dim);transition:background-color var(--dur-fast) var(--ease-out)}.setrail button:hover:not(:disabled){background:var(--btn-hover)}.setrail button.on{background:var(--sel)}.setrail button:disabled{opacity:.35}.setrail .tile{width:30px;height:30px;border-radius:8px}.setrail .tile .mark{width:16px;height:16px}.setrail .setclose{margin-top:auto}.setrail .setclose:hover{color:var(--text-strong)}.setmain{display:flex;flex-direction:column;min-width:0;min-height:0}.setsearch{display:flex;align-items:center;gap:8px;height:34px;margin:14px 16px 6px;padding:0 10px;background:var(--field);border:1px solid var(--field-line);border-radius:var(--radius-sm);color:var(--dim)}.setsearch:focus-within{background:var(--panel-2)}.setsearch input,.setsearch input:focus{flex:1;min-width:0;padding:0;background:none;border:0;outline:none;color:var(--text);font:inherit}.setscroll{flex:1;min-height:0;padding:4px 16px 32px;overflow-y:auto;scrollbar-width:none}.setscroll::-webkit-scrollbar{display:none}.setscroll.more{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent)}.setsec+.setsec{margin-top:20px}.sethead{margin:0 -8px 8px;padding:6px 8px;border-radius:var(--radius-sm);color:var(--text-strong);font-size:var(--text-base);font-weight:800;letter-spacing:.04em}.sethead.flash{animation:fold-flash var(--dur-meaning) var(--ease-out)}.setnone{margin:32px 0 0;color:var(--dim);text-align:center}.settings .row .key .entry .ok{flex:none;align-self:center;color:var(--ok);font-size:var(--text-sm);white-space:nowrap}.settings .row .key .entry .dimtag{flex:none;align-self:center;color:var(--dim-2);font-size:var(--text-sm);white-space:nowrap}.settings .hint.pad,.settings .state.pad{margin:0 0 10px 110px;color:var(--dim);font-size:var(--text-sm)}.settings .state.pad{display:flex;align-items:baseline;gap:8px}.settings .state.pad .fail{min-width:0;overflow-wrap:anywhere}.aboutlinks{display:flex;gap:8px;margin:12px 0 8px}.about .link{padding:0;background:none;border:0;color:var(--accent-soft);text-decoration:underline}.settings .mousebuttons{margin-bottom:16px}.settings .mousebuttons h3{margin:0 0 4px;color:var(--dim);font-size:var(--text-sm);font-weight:600}.settings .mousebuttons select{width:100%}.settings .keylist{padding-right:4px}.settings .keylist section+section{margin-top:12px}.settings .keylist h3{margin:0 0 4px;color:var(--dim);font-size:var(--text-sm);font-weight:600}.settings .keylist dl{margin:0}.settings .keylist dl div{display:flex;flex-wrap:wrap;justify-content:space-between;column-gap:16px;padding:3px 0;border-bottom:1px solid var(--line)}.settings .keylist dt{color:var(--text)}.settings .keylist dd{min-width:0;margin:0 0 0 auto;text-align:right}.settings .keylist kbd{font:inherit;color:var(--dim-2)}.settings .about p{margin:0 0 6px;color:var(--dim)}.settings .about .name{color:var(--text-strong);font-size:var(--text-lg)}.settings .about .name span{margin-left:6px;color:var(--dim);font-size:var(--text-base)}.settings .row{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.settings .row .label{flex:0 0 100px;color:var(--dim);font-size:var(--text-base)}.settings .row .key{flex:1;min-width:0}.settings .row .key .entry{display:flex;gap:6px}.settings .row .key input,.settings .row .key select{flex:1;min-width:0;padding:4px 6px;font-size:var(--text-base)}.settings .row .key .entry button{flex:none;white-space:nowrap}.settings .row .key .state{display:flex;align-items:baseline;gap:8px;margin-top:6px;color:var(--dim);font-size:var(--text-sm)}.settings .row .key .state .fail{min-width:0;overflow-wrap:anywhere}.settings .row .key .state>span:not(.fail),.settings .row .key .state button{flex:none;white-space:nowrap}.settings .row .key .hint{margin:6px 0 0;color:var(--dim);font-size:var(--text-sm);line-height:var(--lh-prose)}.setsec.stack .row{flex-direction:column;align-items:stretch;gap:6px;margin-bottom:14px}.setsec.stack .row .label{flex:none}.setsec.stack .hint.pad,.setsec.stack .state.pad{margin-left:0}.menubar{display:flex;gap:2px}.menu{position:relative}.menutitle{padding:2px 8px;background:none;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--dim)}.menutitle:hover,.menutitle.on{background:var(--panel-2);color:var(--text-strong)}.menubar:not(.alt) .accel{display:none}.menubar:not(.alt) u{text-decoration:none}.menu>.menupop:not(.closing){transform-origin:top left;animation:menu-open var(--dur-spring) var(--ease-overshoot)}.menu>.menupop>button{justify-content:flex-start;align-items:center;gap:10px;padding:5px 8px;animation:menu-item var(--dur) var(--ease-out) both;animation-delay:calc(var(--i) * var(--dur-stagger))}.menu>.menupop>button>kbd{margin-left:auto;padding-left:20px}.menupop button:is(:hover,.cur):not(:disabled) .tile{translate:0 -2px}@keyframes menu-open{0%{opacity:0;transform:translateY(-6px) scale(.96)}}@keyframes menu-item{0%{opacity:0;translate:-6px 0}}.menupop{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:210px;padding:4px;background:var(--panel);border-radius:calc(var(--radius-sm) + 2px);box-shadow:var(--shadow-float)}.menupop button{display:flex;justify-content:space-between;gap:20px;width:100%;padding:4px 8px;background:none;border:0;border-radius:var(--radius-sm);color:var(--text);text-align:left}.menupop button:hover:not(:disabled),.menupop button.cur{background:var(--sel);color:var(--text-strong)}.menupop button:disabled{opacity:.4;cursor:default}.menutitle u{text-underline-offset:2px}.menupop kbd{font:inherit;font-size:var(--text-sm);padding:1px 6px;border-radius:5px;background:#ffffff0d;color:var(--dim)}:root[data-theme=light] .menupop kbd{background:#1a1d280f}.menupop hr{margin:4px 6px;border:0;border-top:1px solid var(--line)}.eyebrow{color:var(--dim);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.worktag-wrap{position:relative;display:flex;min-width:0}header .worktag{display:flex;align-items:center;gap:8px;min-width:0;max-width:320px;padding:5px 10px;background:none;border:0;border-radius:var(--radius-sm);color:var(--text-strong);font-weight:700;font-size:var(--text-md)}header .worktag:hover,header .worktag.open{background:var(--raise)}.worktag-name{min-width:0;overflow:hidden;text-overflow:ellipsis}header .worktag .docinfo{font-weight:400}header .worktag>.icon{flex:none;color:var(--dim);transition:rotate var(--dur-spring) var(--ease-overshoot)}header .worktag.open>.icon{rotate:180deg}header .brand{display:flex;align-items:center;gap:7px;flex:none;padding:4px 12px 4px 6px;margin-left:-6px;background:none;border:0;border-right:1px solid var(--line);border-radius:0;font:inherit}header button.brand:hover .brand-name{color:var(--accent)}header .brand .mark{width:18px;height:18px}header .brand-name{color:var(--text-strong);font-family:var(--font-display);font-weight:400;font-synthesis:none;font-size:14px;letter-spacing:.04em}header .headgear{display:grid;place-items:center;width:30px;height:30px;padding:0;background:none;border:0;border-radius:var(--radius-sm);color:var(--dim)}header .headgear:hover{background:var(--raise);color:var(--text-strong)}header .headgear>span{display:grid}.gearspin{animation:gear-spin calc(var(--dur-spring) * 1.4) var(--ease-overshoot)}.gearspin.back{animation-name:gear-spin-back}@keyframes gear-spin{0%{rotate:0deg}to{rotate:120deg}}@keyframes gear-spin-back{0%{rotate:0deg}to{rotate:-120deg}}.app.shelfmode>header :is(.worktag-wrap,.savedot,.exportmenu){display:none}.worklist{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:360px;padding:8px;background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);transform-origin:top right;animation:menu-open var(--dur-spring) var(--ease-overshoot);white-space:normal;font-weight:400}.worklist-search{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:0 10px;background:var(--bg);border-radius:var(--radius-sm);color:var(--dim)}.worklist-search input{flex:1;min-width:0;padding:8px 0;background:none;border:0;outline:none;color:var(--text-strong);font:inherit}.worklist-items{display:grid;gap:2px;max-height:288px;overflow-y:auto}.worklist-item{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:6px 8px;background:none;border:0;border-radius:var(--radius-sm);color:var(--text);text-align:left;animation:menu-item var(--dur) var(--ease-out) both;animation-delay:calc(min(var(--i),8) * var(--dur-stagger))}.worklist-item.cur{background:var(--raise)}.worklist-item.at{background:var(--sel);color:var(--text-strong)}.worklist-item small,.shelfcard small{color:var(--dim);font-size:var(--text-xs);font-weight:400;font-variant-numeric:tabular-nums;font-family:var(--font-num)}.worklist-name,.shelfcard-name{display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-weight:600}.worklist-none{margin:10px 8px;color:var(--dim)}.worklist-foot{display:flex;gap:6px;margin-top:6px;padding-top:6px;border-top:1px solid var(--line)}.worklist-foot button{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:7px;background:var(--raise);border:0;border-radius:var(--radius-sm);color:var(--text-strong);font-weight:600}.worklist-foot button:hover{background:var(--sel)}.worklist-foot kbd{font:inherit;font-size:var(--text-xs);color:var(--dim)}.freshdot{flex:none;width:6px;height:6px;border-radius:50%;background:var(--mark)}.worklist-item.found,.shelfcard.found{outline:1px solid var(--accent);outline-offset:-1px}.thumb{display:grid;place-items:center;flex:none;border-radius:7px;background:var(--bg);overflow:hidden}.thumb canvas{display:block}.shelf{position:absolute;inset:env(titlebar-area-height,36px) 0 0;z-index:15;display:grid;grid-template-columns:minmax(0,1fr) 480px;grid-template-rows:minmax(0,1fr) 64px;background:var(--bg);overflow:hidden;transition:background-color var(--dur-spring) var(--ease-out)}.shelfstage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-width:0;padding:20px;animation:shelf-stage var(--dur-spring) var(--ease-overshoot) both;animation-delay:calc(4 * var(--dur-stagger))}@keyframes shelf-stage{0%{opacity:0;transform:scale(.9)}}.shelfbig-stage{position:relative;display:grid;place-items:center;border-radius:14px;overflow:hidden;background-color:#141414;background-image:conic-gradient(#1c1c1c 25%,transparent 0 50%,#1c1c1c 0 75%,transparent 0);background-size:12px 12px;box-shadow:var(--shadow-float)}.shelfbig-stage canvas{display:block}.shelftrack{position:absolute;left:0;right:0;bottom:0;height:3px;background:#ffffff14}.shelftrack div{height:100%;background:var(--playhead);transform-origin:left;transform:scaleX(0)}.shelfmeta{display:grid;gap:4px;max-width:100%;text-align:center}.shelfname{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--text-strong);font-family:var(--font-display);font-synthesis:none;font-size:22px;font-weight:700}.shelfmeta small{color:var(--dim);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-family:var(--font-num)}.shelf>.shelfstage{grid-column:1;grid-row:1}.shelf>.shelfwheel{grid-column:2;grid-row:1}.shelffind{grid-column:2;grid-row:1;z-index:2;align-self:start;display:flex;align-items:center;gap:8px;margin:14px 16px 0 8px}.shelfsearch{position:relative;display:flex;flex:1;align-items:center;gap:8px;min-width:0;height:34px;padding:0 14px;background:var(--field);border:1px solid var(--field-line);border-radius:999px;color:var(--text-strong);transition:box-shadow var(--dur) var(--ease-out),border-color var(--dur-fast) var(--ease-out)}.shelfsearch:focus-within{background:var(--panel-2);border-color:var(--accent);box-shadow:0 0 22px color-mix(in srgb,var(--accent) 35%,transparent)}.shelfsearch>.icon{transition:transform var(--dur-spring) var(--ease-overshoot),color var(--dur-fast)}.shelfsearch:focus-within>.icon{color:var(--accent);transform:rotate(-20deg) scale(1.15)}.shelfsearch input::placeholder{color:var(--dim);opacity:1;font-size:var(--text-sm)}.shelfsearch input,.shelfsearch input:focus{position:relative;flex:1;min-width:0;padding:0;background:none;border:0;outline:none;color:var(--text-strong);font:inherit}.shelfsearch-clear{display:grid;place-items:center;width:20px;height:20px;padding:0;background:none;border:0;border-radius:50%;color:var(--dim-2)}.shelfsearch-clear:hover{background:var(--btn-hover);color:var(--text)}.shelfnone{position:absolute;top:50%;right:24px;left:24px;display:flex;flex-direction:column;align-items:center;gap:10px;margin:0;color:var(--text-strong);text-align:center;transform:translateY(-50%)}.shelfnone-mark .mark{display:block;width:40px;height:40px;animation:shelf-nohit 1.8s var(--ease-out) infinite}@keyframes shelf-nohit{0%{transform:rotate(0)}25%{transform:rotate(-22deg)}55%{transform:rotate(375deg)}70%,to{transform:rotate(360deg)}}:root[data-motion=off] .shelfnone-mark .mark{animation:none}.shelfacts{display:flex;gap:6px}.shelfacts button{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:none;border:1px solid var(--line-strong);border-radius:999px;color:var(--dim);font-size:var(--text-sm)}.shelfacts button:hover{background:var(--btn-hover);color:var(--text)}.shelfai{display:inline-block;margin-left:8px;padding:1px 6px;border-radius:5px;background:var(--panel-2);color:var(--dim);font-size:var(--text-xs);font-weight:700;vertical-align:middle}.shelfwheel{position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);mask-image:linear-gradient(transparent,#000 16%,#000 84%,transparent);margin-left:calc(-1 * var(--wheel-room))}.shelfcard{position:absolute;top:0;right:-12px;display:grid;grid-template-columns:44px minmax(0,1fr);align-items:center;gap:12px;width:440px;height:58px;padding:0 28px 0 8px;background:var(--panel);border:0;border-radius:12px 0 0 12px;color:var(--text);font-size:var(--text-md);text-align:left;transition:transform var(--dur-spring) var(--ease-overshoot),opacity var(--dur) var(--ease-out),background-color var(--dur-fast) var(--ease-out);will-change:transform}.shelfwheel.intro .shelfcard{animation:shelf-card-in var(--dur-spring) var(--ease-overshoot) both;animation-delay:calc(var(--k) * 2 * var(--dur-stagger))}@keyframes shelf-card-in{0%{translate:520px 0}}.shelfcard:hover{background:var(--raise)}.shelfcard.on{background:var(--sel);color:var(--text-strong);box-shadow:0 8px 30px #00000059}.shelfcard-text{display:grid;gap:2px;min-width:0;padding-right:var(--x, 0px)}.shelfcard-label{min-width:0;overflow:hidden;text-overflow:ellipsis}.shelfhint{position:absolute;right:16px;bottom:76px;color:var(--dim);font-size:var(--text-xs)}.shelfbar{grid-column:1 / -1;display:flex;align-items:center;gap:8px;padding:0 14px;background:var(--panel);animation:shelf-bar var(--dur-spring) var(--ease-overshoot) both;animation-delay:calc(6 * var(--dur-stagger))}@keyframes shelf-bar{0%{translate:0 100%}}.shelfbtn{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;background:var(--raise);border:0;border-radius:var(--radius-md);box-shadow:0 3px 0 var(--sel-ledge);color:var(--text-strong);font-weight:600;transition:translate var(--dur-press) var(--ease-press),box-shadow var(--dur-press) var(--ease-press),background-color var(--dur-fast) var(--ease-out)}.shelfbtn:hover{background:var(--sel);translate:0 -1px}.shelfbtn:active{translate:0 2px;box-shadow:0 1px 0 var(--sel-ledge);transition-duration:0s}.shelfbar .grow{flex:1}.shelfcount{display:inline-block;color:var(--text-strong);font-size:var(--text-sm);animation:shelf-count var(--dur-press) var(--ease-press)}@keyframes shelf-count{0%{transform:scale(.7)}}.shelfbar .primary{padding:9px 28px;font-size:var(--text-md)}.tile .mark{width:14px;height:14px}.tile .mark path{fill:#fff}.shelf.empty{grid-template-columns:minmax(0,1fr)}.shelfempty{display:grid;justify-items:center;align-content:center;gap:20px;animation:shelf-stage var(--dur-spring) var(--ease-overshoot) both}.shelfempty h1{margin:0;color:var(--text-strong);font-size:20px;font-weight:700}.shelfempty-row{display:flex;gap:14px}.shelfbig{display:grid;justify-items:center;align-content:start;gap:8px;width:220px;padding:22px 16px 18px;background:var(--panel);border:0;border-radius:var(--radius-lg);box-shadow:0 4px 0 var(--sel-ledge);color:var(--text);transition:translate var(--dur-press) var(--ease-press),background-color var(--dur-fast) var(--ease-out)}.shelfbig:hover{background:var(--raise);translate:0 -2px}.shelfbig .tile{width:40px;height:40px;border-radius:10px}.shelfbig .tile .mark{width:24px;height:24px}.shelfbig b{color:var(--text-strong);font-weight:700}.shelfbig small{color:var(--dim);font-size:var(--text-sm);line-height:var(--lh-prose)}.shelf.leaving{pointer-events:none;animation:shelf-out-bg var(--dur-spring) var(--ease-out) both}@keyframes shelf-out-bg{to{background-color:transparent}}.shelf.leaving .shelfcard{animation:shelf-card-out var(--dur-spring) cubic-bezier(.5,0,.75,0) both;animation-delay:calc(var(--k) * var(--dur-stagger))}@keyframes shelf-card-out{to{translate:560px 0}}.shelf.leaving :is(.shelfstage,.shelfempty){animation:shelf-out-stage var(--dur) var(--ease-out) both}@keyframes shelf-out-stage{to{opacity:0;transform:scale(.96)}}.shelf.leaving .shelfbar{animation:shelf-out-bar var(--dur) var(--ease-in-out) both}@keyframes shelf-out-bar{to{translate:0 100%}}.shelf.leaving .shelfhint{opacity:0}.app>header>*{white-space:nowrap}header .docinfo{flex-shrink:0;color:var(--dim-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-family:var(--font-num)}@media(max-width:1200px){header .docinfo{display:none}}header .exportmenu{position:relative;flex-shrink:0;margin-left:4px}header .headexport{position:relative;overflow:hidden;gap:6px}header .headexport:disabled{background:color-mix(in srgb,var(--btn-on) 28%,var(--panel));box-shadow:none;color:var(--btn-on-text);opacity:1}header .headexport .fill{position:absolute;inset:0 auto 0 0;width:calc(var(--p) * 100%);background:var(--btn-on);transition:width var(--dur-fast) linear}header .headexport>span{position:relative}.menupop.exportpop{left:auto;right:0;width:260px;padding:6px;white-space:normal}.exportpop .it{display:block;width:100%;padding:7px 10px;text-align:left;border-radius:var(--radius-sm)}.exportpop .it b{display:block;color:var(--text-strong);font-weight:600}.exportpop .it small{color:var(--dim-2);font-size:var(--text-sm)}.exportpop .it.on{background:var(--sel)}.exportpop .it.on small{color:var(--text)}.exportpop .tog{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;color:var(--text)}.exportpop .runrow{display:flex;justify-content:flex-end;padding:4px}.exportpop .runrow button.primary{width:auto;padding:5px 14px;background:var(--btn-on);color:var(--btn-on-text);box-shadow:0 3px 0 var(--btn-on-ledge)}.exportpop .runrow button.primary:hover:not(:disabled){box-shadow:0 4px 0 var(--btn-on-ledge)}.exportpop .runrow button.primary:active:not(:disabled){box-shadow:0 1px 0 var(--btn-on-ledge)}.exportpop .runrow kbd{margin-left:6px;font-weight:400;color:var(--btn-on-text);background:#0003}.preview{position:relative}.preview .drawms{position:absolute;top:8px;left:10px;z-index:2;pointer-events:none;color:var(--dim-3);font-size:var(--text-sm);font-variant-numeric:tabular-nums;font-family:var(--font-num)}.preview .drawms.over{color:var(--warn)}header .grow{flex:1}.savedot{padding:0 6px;background:none;border:0;color:var(--dim-3)}.savedot.on{color:var(--m-yellow)}.savedot:disabled{opacity:1;color:var(--line-strong)}.easebox{margin-top:4px}.kfinfo{animation:appear var(--dur) var(--ease-out)}.kfinfo dd>.kcurve+.kcurve{margin-top:6px}.easecurve{position:relative;width:100%;aspect-ratio:1;background:var(--field);border:1px solid var(--line);border-radius:var(--radius-sm)}.easecurve svg{display:block;width:100%;height:100%}.easecurve svg :is(line,polyline){fill:none;vector-effect:non-scaling-stroke}.easecurve .diag{stroke:var(--line);stroke-dasharray:3 3}.easecurve .stem{stroke:var(--line-strong)}.easecurve .curve{stroke:var(--text-strong);stroke-width:2}.easecurve .handle{position:absolute;width:11px;height:11px;padding:0;background:var(--text);border:1px solid var(--field);border-radius:var(--radius-pill);transform:translate(-50%,-50%);cursor:grab}.easecurve .handle:hover{background:var(--text-strong)}.easecurve .handle.on{background:var(--text-strong);cursor:grabbing}.easenums{display:grid;grid-template-columns:1fr 1fr;gap:2px;margin-top:2px}.vaultpage{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;background:var(--bg)}.vaulthead{display:flex;align-items:center;gap:12px;min-height:env(titlebar-area-height,36px);padding:10px 14px;padding-right:calc(14px + 100vw - env(titlebar-area-width,100vw));background:var(--panel);-webkit-app-region:drag}.vaulthead button{-webkit-app-region:no-drag}.vaulthead h2{margin:0;font-size:var(--text-xl)}.vaulthead .dim{color:var(--dim);flex:1}.vaultbody{flex:1;min-height:0;overflow-y:auto;padding:14px}.emptystate{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 16px;color:var(--dim);text-align:center}.emptystate p{margin:0;max-width:46em;font-size:var(--text-sm)}.emptyloop .track{fill:none;stroke:var(--line);stroke-width:1.2}.emptyloop .runner{fill:none;stroke:var(--text-strong);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:100 100;transform:rotate(-90deg);transform-origin:center;animation:emptyloop calc(var(--dur-slow) * 10) var(--ease-in-out) infinite both}@keyframes emptyloop{0%{stroke-dashoffset:0}50%{stroke-dashoffset:-100}50.01%{stroke-dashoffset:100}to{stroke-dashoffset:0}}.vaultgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin:0;padding:0;list-style:none}.vaultcard{display:flex;flex-direction:column;align-items:center;gap:8px;padding:10px;background:var(--panel);border-radius:var(--radius-md)}.thumb{display:block;background:#0a0a0a;border-radius:var(--radius-sm)}:root[data-theme=light] .thumb{background:#e6e6e6}.thumb.bad{display:flex;align-items:center;justify-content:center;width:132px;height:132px;color:var(--dim);font-size:var(--text-sm)}.vaultname{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.vaultacts{display:flex;gap:6px;justify-content:flex-end}.vaultacts button.danger{color:var(--danger)}.vaulthint{margin:0 0 12px;color:var(--dim);font-size:var(--text-sm)}.body[hidden]{display:none}.app>header{position:relative}.headcenter{position:absolute;left:50%;translate:-50% 0;display:flex;align-items:center;-webkit-app-region:no-drag}.headcenter .jobchip{position:absolute;left:calc(100% + 8px);white-space:nowrap}.pageswitch{position:relative;display:flex;padding:2px;border-radius:8px;background:var(--field);box-shadow:inset 0 0 0 1px var(--line)}.pageswitch button{position:relative;z-index:1;display:flex;align-items:center;gap:6px;height:24px;padding:0 14px;border-radius:6px;background:none;box-shadow:none;color:var(--dim-2);transition:color var(--dur) var(--ease-out),scale var(--dur) var(--ease-overshoot)}.pageswitch button:hover:not(:disabled),.pageswitch button.on{background:none;color:var(--text)}.pageswitch svg:not(.icon){width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.pageswitch svg.mark{stroke:none}.pageglide{position:absolute;top:2px;bottom:2px;border-radius:6px;background:var(--sel);box-shadow:0 2px 0 var(--sel-ledge);transition:left var(--dur-spring) var(--ease-overshoot),width var(--dur-slow) var(--ease-out),opacity var(--dur-fast) var(--ease-out)}.jobchip{display:flex;align-items:center;gap:8px;height:24px;padding:0 10px 0 6px;border-radius:7px;background:var(--field);box-shadow:inset 0 0 0 1px var(--line);color:var(--dim);font-size:var(--text-sm);white-space:nowrap;animation:fade var(--dur) var(--ease-out)}.jobchip:hover:not(:disabled){background:var(--field);box-shadow:inset 0 0 0 1px var(--line-strong)}.jobchip canvas{width:16px;height:16px}.jobtc{font-variant-numeric:tabular-nums;font-family:var(--font-num);color:var(--mark)}.jobmeter{display:flex;gap:2px}.jobmeter i{width:3px;height:10px;border-radius:1px;background:var(--line-strong)}.jobmeter i.on{background:var(--mark)}.jobchip.done,.jobchip.done:hover:not(:disabled){box-shadow:var(--wide-on-edge);color:var(--text-strong);background:var(--wide-on)}.jobchip.done:hover:not(:disabled){background:var(--btn-hover)}.jobchip.failed{color:var(--danger-text);box-shadow:inset 0 0 0 1px var(--danger)}.genpage{position:static;inset:auto;z-index:auto;flex:1;min-height:0;display:grid;grid-template-columns:380px minmax(0,1fr) 330px;gap:1px;background:var(--line);border-radius:var(--radius-md);overflow:hidden;box-shadow:0 0 0 1px var(--line)}.genpane{min-height:0;display:flex;flex-direction:column;background:var(--panel);overflow:hidden}.genph{flex:none;display:flex;align-items:center;gap:8px;height:30px;padding:0 8px 0 12px;border-bottom:1px solid var(--line);font-size:var(--text-sm);color:var(--dim)}.genph b{font-weight:500;color:var(--text)}.genph .grow{flex:1}.gentag{padding:1px 6px;border-radius:4px;box-shadow:inset 0 0 0 1px var(--line);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-family:var(--font-num);color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.genib{display:grid;place-items:center;width:22px;height:22px;padding:0;border-radius:5px;background:none;box-shadow:none;color:var(--dim-2)}.genib:hover:not(:disabled),.genib[aria-pressed=true]{background:var(--btn-hover);color:var(--text)}.genorder .genform{gap:8px;flex:1;min-height:0;overflow-y:auto;margin:0;padding:8px;border:0;background:var(--bg)}.insgroup{padding:8px 12px 6px;border-radius:var(--radius-md);background:var(--panel)}.insgh{margin:0 0 2px;font-size:var(--text-xs);font-weight:600;color:var(--dim-2)}.insgroup.fold{padding-bottom:8px}.insgroup.fold .insgh{margin:0}.insgroup.fold.open .insgh{margin-bottom:4px}.insgroup.fold .insgh button{display:flex;align-items:center;gap:6px;width:100%;min-width:0;padding:0;background:none;border:0;color:inherit;font:inherit;text-align:left}.insgroup.fold .insgh button:hover .insgt{color:var(--text)}.insgroup.fold .caret{display:inline-flex;flex:none;color:var(--dim-3)}.insgt{flex:none}.inssum{display:flex;align-items:center;gap:5px;flex:1;min-width:0;justify-content:flex-end;overflow:hidden;color:var(--dim-2);font-weight:400;font-variant-numeric:tabular-nums;font-family:var(--font-num);white-space:nowrap}.inssum>span{overflow:hidden;text-overflow:ellipsis}.sumsw{flex:none;width:10px;height:10px;border-radius:3px;box-shadow:inset 0 0 0 1px var(--line-strong)}.sumsw.alpha{background:repeating-conic-gradient(var(--dim-3) 0 25%,transparent 0 50%) 0 0 / 5px 5px}.genform .row.stack{flex-direction:column;align-items:stretch;gap:4px;padding:2px 0 4px}.genorder .genform .row.stack>span:first-child{width:auto}.genform .row.stack+.kindhint{margin-left:0}.genorder .genform .row>span:first-child{width:84px;font-size:var(--text-sm)}.genorder .genform .row:has(>.segmented),.genorder .genform .row.dnafield,.genorder .genform .row.tall{flex-direction:column;align-items:stretch;gap:6px;padding:2px 0 6px}.genorder .genform .row:has(>.segmented)>span:first-child,.genorder .genform .row.dnafield>span:first-child,.genorder .genform .row.tall>span:first-child{width:auto}.genorder .genform .segmented{display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr))}.genorder .genform .segmented button{padding:6px 8px}.genorder .genform .kindhint{margin:-2px 0 6px}.genorder .insgroup{padding:12px 14px 10px}.genorder .insgh{margin-bottom:8px;color:var(--text-strong);font-size:var(--text-base);font-weight:800;letter-spacing:.04em}.genorder .insgroup.fold .insgh{margin:0}.genorder .insgroup.fold.open .insgh{margin-bottom:8px}.dnacards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dnacard-wrap{position:relative;display:grid;min-width:0}.dnacard{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:3px;min-width:0;min-height:62px;padding:8px 10px;background:var(--field);border:0;border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--field-line);color:var(--dim);text-align:left;transition:background-color var(--dur-fast) var(--ease-out),box-shadow var(--dur-fast) var(--ease-out)}.dnacard:hover:not(:disabled){background:var(--btn-hover)}.dnacard b{max-width:100%;overflow:hidden;color:var(--text);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.dnacard small{color:var(--dim-2);font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-family:var(--font-num)}.dnacard.on{background:var(--sel);box-shadow:0 2px 0 var(--sel-ledge)}.dnacard.on b{color:var(--text-strong)}.dnacard-wave{width:64px;height:18px}.dnacard-wave line{stroke:var(--value)}.dnacard.on .dnacard-wave line{stroke:var(--text-strong);opacity:.9}.dnacard-none{width:16px;height:16px;border:2px solid var(--dim-2);border-radius:50%;background:linear-gradient(135deg,transparent calc(50% - 1px),var(--dim-2) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px))}.dnacard.missing b{color:var(--danger)}.dnacard.add{align-items:center;background:none;box-shadow:none;border:1.5px dashed var(--line-strong);color:var(--dim);text-align:center}.dnacard.add b{color:var(--dim);font-weight:600;white-space:normal}.dnacard.add:hover:not(:disabled),.dnacard.add:hover:not(:disabled) b{color:var(--text)}.dnacard-x{position:absolute;top:4px;right:4px;display:grid;place-items:center;width:20px;height:20px;padding:0;background:none;border:0;border-radius:50%;color:var(--dim-2)}.dnacard-x:hover:not(:disabled){background:var(--danger-bg);color:var(--danger)}.genorder .genform textarea{min-height:72px;border:1px solid var(--field-line);resize:none}.genorder .genform textarea:focus{background:var(--panel-2);outline:none}.genorder .prompt{margin:0;max-height:36vh;font-size:var(--text-sm)}.genmon{background:var(--panel)}.genscreen{position:relative;flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;padding:18px;background:radial-gradient(ellipse at 50% 45%,#141414,#0b0b0b 70%)}.genscreen .genstage-frame{width:auto;height:100%;max-width:100%;border-radius:2px;box-shadow:0 0 0 1px #ffffff14,0 20px 60px #0009;transition:filter var(--dur-slow) var(--ease-out)}.genscreen .genstage-frame.wide{width:100%;height:auto;max-height:100%}.genthirds{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent calc(33.333% - .5px),rgb(255 255 255 / .06) 0,rgb(255 255 255 / .06) calc(33.333% + .5px),transparent 0,transparent calc(66.666% - .5px),rgb(255 255 255 / .06) 0,rgb(255 255 255 / .06) calc(66.666% + .5px),transparent 0),linear-gradient(0deg,transparent calc(33.333% - .5px),rgb(255 255 255 / .06) 0,rgb(255 255 255 / .06) calc(33.333% + .5px),transparent 0,transparent calc(66.666% - .5px),rgb(255 255 255 / .06) 0,rgb(255 255 255 / .06) calc(66.666% + .5px),transparent 0);pointer-events:none}.gensafe{position:absolute;inset:5%;pointer-events:none}.gensafe b{position:absolute;width:12px;height:12px;border:0 solid rgb(255 255 255 / .3)}.gensafe b:nth-child(1){left:0;top:0;border-left-width:1px;border-top-width:1px}.gensafe b:nth-child(2){right:0;top:0;border-right-width:1px;border-top-width:1px}.gensafe b:nth-child(3){left:0;bottom:0;border-left-width:1px;border-bottom-width:1px}.gensafe b:nth-child(4){right:0;bottom:0;border-right-width:1px;border-bottom-width:1px}.genov{position:absolute;font-size:var(--text-xs);font-variant-numeric:tabular-nums;font-family:var(--font-num);letter-spacing:.04em;color:#ffffff6b;pointer-events:none}.genov b{font-weight:500;color:#ffffffb3}.genov.tr{right:12px;top:10px;display:flex;align-items:center;gap:4px}.genov[hidden]{display:none}.gensw{width:9px;height:9px;border-radius:2px;box-shadow:inset 0 0 0 1px #ffffff4d}.gensw.alpha{background:repeating-conic-gradient(rgb(255 255 255 / .4) 0 25%,transparent 0 50%) 0 0 / 4px 4px}.genov.br{right:12px;bottom:10px}.genbusy{position:absolute;inset:0;display:grid;place-items:center;pointer-events:none;animation:fade var(--dur-slow) var(--ease-out)}.genbusy canvas{--loader-outer: var(--accent-on-dark);--loader-inner: #ffffff;width:96px;height:96px;padding:16px;box-sizing:content-box;border-radius:50%;background:#121214eb;box-shadow:0 0 0 1px #ffffff1a,0 12px 32px #00000059}.genprog{display:grid;justify-items:start;gap:10px;margin-top:4px}.genprog-steps{display:flex;gap:8px;margin:0;padding:0;list-style:none}.genprog-steps li{display:inline-flex;align-items:center;gap:4px;height:30px;padding:0 12px;border-radius:8px;background:var(--raise);box-shadow:0 3px 0 var(--field);color:var(--dim-3);font-size:var(--text-sm);font-weight:800}.genprog-steps .now{background:var(--m-purple-tile);box-shadow:0 3px 0 var(--m-purple-ledge);color:#fff;animation:genprog-bob 1.2s var(--ease-out) infinite}.genprog-steps .done{color:var(--dim)}.genprog-steps .done:before{content:"✓"}.genprog-steps .skipped{box-shadow:none;background:none;text-decoration:line-through}@keyframes genprog-bob{50%{translate:0 -3px}}.genprog-stage{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.genprog-meta{display:flex;align-items:baseline;gap:14px}.genprog-tc{color:var(--text-strong);font-family:var(--font-num);font-size:28px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1}.genprog-rows{display:grid;gap:2px;color:var(--dim);font-family:var(--font-num);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.genprog-row em{margin-right:4px;color:var(--m-purple);font-style:normal;font-weight:800}.genprog-row.failed{color:var(--warn)}.genprog-away{display:inline-flex;align-items:center;gap:8px}.genprog-away kbd{padding:0 5px;border-radius:4px;background:var(--sel);font:inherit;font-family:var(--font-num);font-size:var(--text-xs);color:var(--dim)}.genposter{position:relative;flex:none;display:block;width:11px;height:16px;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff29}.genposter b{position:absolute;left:50%;top:42%;width:5px;height:5px;margin:-2.5px;border-radius:50%;box-shadow:0 0 6px currentColor}.gentakes-body{flex:1;min-height:0;overflow-y:auto;padding:6px}.gentakes-empty{margin:24px 16px;color:var(--dim-2);font-size:var(--text-sm);line-height:var(--lh-prose);text-align:center}.genph .segmented{height:22px}.genplay{position:absolute;inset:0;width:100%;height:100%}.genplay.stale{filter:saturate(.2) brightness(.45)}.genplay-note{position:absolute;left:50%;top:50%;translate:-50% -50%;padding:4px 10px;border-radius:4px;background:#0009;color:#ffffffd9;font-size:var(--text-xs);white-space:nowrap;pointer-events:none}.blockshelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;margin:6px 0 10px;padding:0;list-style:none}.blockshelf li{display:grid;align-content:start;justify-items:center;gap:4px;min-width:0}.blockacts{display:grid;grid-template-rows:26px auto;justify-items:center;align-items:center;gap:4px}.blockacts select{width:auto}.blockpick{display:grid;justify-items:center;gap:4px;width:100%;padding:6px 2px;font-size:11px}.blockpick span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blockpick[aria-pressed=true] .blockthumb{outline:2px solid var(--accent);outline-offset:2px}.blockthumb{display:block;border-radius:3px;outline:1px solid var(--line)}.gentakes-body .mono{font-variant-numeric:tabular-nums;font-family:var(--font-num)}.genwarn{color:var(--warn);line-height:var(--lh-prose)}.genissues{margin:4px 0 0;padding-left:1.2em;color:var(--warn);font-size:var(--text-sm);line-height:var(--lh-prose)}.genacts{flex:none;display:grid;gap:8px;padding:10px;border-top:1px solid var(--line)}.genrow{display:flex;flex-wrap:wrap;gap:6px}.genrow>button{flex:1;height:30px}.genest{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--dim-2)}.genest b{font-weight:400;font-variant-numeric:tabular-nums;font-family:var(--font-num);color:var(--dim)}.gentakes .genError{margin:6px}.gentoast{position:fixed;right:18px;bottom:18px;z-index:30;width:340px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 12px;padding:12px;border-radius:var(--radius-lg);background:var(--raise);box-shadow:var(--shadow-float);animation:pop var(--dur-slow) var(--ease-out)}.gentoast.closing{opacity:0;transition:opacity var(--dur) var(--ease-out)}.gentoast-thumbs{display:flex;gap:3px;height:52px}.gentoast-thumbs .genposter{width:16px;height:52px}.gentoast h5{margin:0;font-size:var(--text-md);font-weight:500}.gentoast p{margin:3px 0 0;font-size:var(--text-sm);line-height:var(--lh-prose);color:var(--dim)}.gentoast-acts{grid-column:1 / -1;display:flex;gap:6px}.gentoast-acts button{height:26px}.gentoast-acts .primary{flex:1}.gentoast-acts .ghost{background:none;box-shadow:none;color:var(--dim)}:root[data-motion=off] .jobchip,:root[data-motion=off] .gentoast{transition:none!important;animation:none!important}.genform .chips select{min-width:0;max-width:148px;text-overflow:ellipsis}.genform .kindhint{margin:-2px 0 4px 94px;color:var(--dim-2);font-size:var(--text-xs);line-height:1.5}.genform .motionpins{margin:10px 0 4px}.genform .motionpins-head h3{font-size:var(--text-sm);font-weight:500;color:var(--dim)}.genform .motionpins-help{font-size:var(--text-xs);color:var(--dim-2)}.crash{position:fixed;inset:0;display:grid;place-items:center;background:var(--bg);color:var(--text);z-index:1000}.crash-card{width:min(440px,calc(100vw - 48px));padding:28px 28px 22px;border-radius:var(--radius-lg);background:var(--panel);box-shadow:var(--edge)}.crash-card h1{margin:0 0 10px;font-size:var(--text-xl);font-weight:600;color:var(--text-strong)}.crash-card p{margin:0 0 20px;line-height:var(--lh-prose)}.crash-row{display:flex;gap:8px}.crash-line{display:block;margin-top:18px;font-size:var(--text-xs);color:var(--dim);overflow-wrap:anywhere}.ib{display:inline-grid;place-items:center;flex:none;width:28px;height:28px;padding:0;border-radius:7px;background:none;color:var(--ib-ink)}.ib:hover:not(:disabled){background:var(--btn-hover);color:var(--ib-ink-hover)}.ib[aria-pressed=true]{background:var(--ib-on-bg);color:var(--ib-on-ink)}.ib.danger:hover:not(:disabled){background:var(--danger-hover-bg);color:var(--danger)}.ib:disabled{opacity:.35;cursor:default}.ib .icon{display:block}.tip{position:fixed;z-index:2000;pointer-events:none;white-space:nowrap;padding:4px 8px;border-radius:var(--radius-sm);background:var(--tip-bg);color:var(--tip-text);font-size:var(--text-sm);box-shadow:0 4px 14px #00000080}.tip kbd{margin-left:6px;font:inherit;color:var(--tip-key)}.tlfoot{display:flex;flex:none;align-items:center;gap:6px;height:30px;padding:0 6px;border-top:1px solid var(--line-soft);background:var(--bar)}.tlzoom{display:inline-flex;align-items:center;gap:2px}.tlzoom-end{display:grid;place-items:center;width:22px;height:22px;padding:0;border-radius:5px;background:none;color:var(--dim)}.tlzoom input[type=range]{width:120px;height:16px;margin:0 4px;appearance:none;background:none;cursor:pointer}.tlzoom input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:var(--line-strong)}.tlzoom input[type=range]::-webkit-slider-thumb{width:10px;height:10px;margin-top:-4px;border-radius:50%;appearance:none;background:var(--dim)}.tlzoom input[type=range]:hover::-webkit-slider-thumb{background:var(--text)}.foldtag .aitag{padding:1px 6px;border-radius:5px;background:var(--raise);color:var(--mark);font-size:var(--text-xs)}.foldtag .ib{width:22px;height:22px}.guidering{position:fixed;z-index:1990;pointer-events:none;overflow:visible}.guidering rect{fill:none;stroke:var(--kf-sel);stroke-width:2;stroke-dashoffset:var(--len);animation:guide-close 1.1s cubic-bezier(.7,0,.2,1) forwards,guide-breathe 2.4s 1.1s ease-in-out infinite}@keyframes guide-close{to{stroke-dashoffset:0}}@keyframes guide-breathe{0%,to{opacity:1}50%{opacity:.45}}.guidetip,.guidedone{position:fixed;z-index:2001;width:280px;padding:10px 12px;border-radius:var(--radius-md);background:var(--tip-bg);color:var(--tip-text);font-size:var(--text-sm);line-height:1.6;box-shadow:0 6px 20px #00000073}.guidetip b,.guidedone b{display:block;margin:4px 0 2px;font-size:12.5px}.guidetip p,.guidedone p{margin:4px 0}.guidehead{display:flex;align-items:center;gap:7px;color:var(--dim)}.guidex{margin-left:auto;padding:0 4px;background:none;border:0;color:var(--dim);cursor:pointer}.guideprog .track{fill:none;stroke:var(--line);stroke-width:1.5}.guideprog .arc{fill:none;stroke:var(--kf-sel);stroke-width:1.5;stroke-linecap:round;transform:rotate(-90deg);transform-origin:9px 9px}.guideprog .p{fill:var(--line)}.guideprog .p.on{fill:var(--kf-sel)}.guiderow{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;margin-top:8px}.guidelinks{display:grid;gap:2px}.guidelinks span{display:flex;gap:10px}.guidebadge{position:fixed;z-index:2001;top:52px;left:50%;transform:translate(-50%);padding:2px 10px;border-radius:var(--radius-sm);background:var(--tip-bg);color:var(--tip-text);font-size:var(--text-sm);pointer-events:none}.guidedone{left:50%;top:50%;transform:translate(-50%,-50%);text-align:center}.guidedone ul{margin:8px 0;padding:0;list-style:none;text-align:left}.guidedone li{display:flex;justify-content:space-between;padding:2px 0;border-bottom:1px solid var(--line)}.guidedone .ok{color:var(--kf-sel)}.guidedone-circle circle{fill:none;stroke:var(--kf-sel);stroke-width:3;stroke-dasharray:227;stroke-dashoffset:227;transform:rotate(-90deg);transform-origin:40px 40px;animation:guide-close 1.4s cubic-bezier(.7,0,.2,1) .2s forwards}:root[data-motion=off] .guidering rect,:root[data-motion=off] .guidedone-circle circle{animation:none;stroke-dashoffset:0}.guideask{left:50%;top:50%;transform:translate(-50%,-50%)}.genguide{font-size:var(--text-sm)}.genpage.b1{grid-template-columns:minmax(0,1fr) 420px;grid-template-rows:minmax(0,1fr) auto;gap:0;background:var(--panel)}.genstagearea{position:relative;min-width:0;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,300px);align-items:center;gap:28px;padding:28px 8px 28px 28px}.b1 .genmon{height:100%;background:none}.b1 .genscreen{padding:32px 0 36px;background:none}.genmon-tools{position:absolute;right:12px;bottom:10px;display:flex;gap:4px}.b1 .genguide{position:absolute;top:8px;left:28px}.geninfo{display:grid;align-content:center;justify-items:start;gap:10px;min-width:0}.geninfo-tag{color:var(--m-purple);font-size:var(--text-xs);font-style:normal;font-weight:800;letter-spacing:.08em}.geninfo-title{margin:0;color:var(--text-strong);font-size:22px;font-weight:800;line-height:1.35;word-break:auto-phrase;text-wrap:balance;overflow-wrap:anywhere}.geninfo-chips{display:flex;flex-wrap:wrap;gap:6px}.geninfo-chips span{padding:3px 10px;border-radius:999px;background:var(--raise);color:var(--text);font-size:var(--text-sm);font-weight:700}.geninfo-text{margin:0;max-height:40vh;overflow-y:auto;color:var(--dim);font-size:var(--text-sm);line-height:var(--lh-prose);white-space:pre-wrap}.geninfo-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:6px}.geninfo-acts button{display:inline-flex;align-items:center;gap:6px}.geninfo .genError{margin:0}.gendrawer{position:absolute;top:0;bottom:0;left:0;z-index:6;display:flex;flex-direction:column;width:min(400px,100%);background:var(--panel);box-shadow:-48px 0 0 var(--panel),20px 0 60px #00000073,1px 0 0 var(--line);animation:set-in var(--dur-spring) cubic-bezier(.34,1.25,.64,1)}.gendrawer.closing{animation:set-out var(--dur-fast) var(--ease-out) forwards}.takewheel{position:relative;min-height:0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask-image:linear-gradient(transparent,#000 14%,#000 86%,transparent);margin-left:calc(-1 * var(--wheel-room))}.takefilter{position:absolute;top:18px;right:16px;z-index:2;display:flex;gap:4px}.takefilter button{padding:3px 10px;background:none;border:0;border-radius:var(--radius-sm);color:var(--dim);font-size:var(--text-sm);font-weight:700}.takefilter button.on{background:var(--sel);color:var(--text-strong)}.takeempty{position:absolute;inset:0;display:grid;place-items:center;margin:0;color:var(--dim);font-size:var(--text-sm)}.takecard{position:absolute;top:0;right:-12px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;width:380px;height:58px;padding:0 28px 0 8px;overflow:hidden;background:var(--raise);border:0;border-radius:12px 0 0 12px;color:var(--text);text-align:left;transition:transform var(--dur-spring) var(--ease-overshoot),opacity var(--dur) var(--ease-out),background-color var(--dur-fast) var(--ease-out);animation:shelf-card-in var(--dur-spring) var(--ease-overshoot) both;animation-delay:calc(var(--k) * 2 * var(--dur-stagger))}.takecard:hover:not(:disabled){background:var(--btn-hover)}.takecard.on{background:var(--sel);color:var(--text-strong);box-shadow:0 8px 30px #00000059}.takecard-text{display:grid;gap:2px;min-width:0}.takecard-text b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.takecard-text small{color:var(--dim);font-size:var(--text-xs)}.takeid{display:grid;place-items:center;width:36px;height:36px;margin-left:4px;border-radius:10px;background:var(--m-purple-tile);box-shadow:0 2px 0 var(--m-purple-ledge);color:#fff;font-size:15px;font-style:normal;font-weight:800}.takeid.wait{width:26px;height:26px;margin-left:9px;background:none;border:3px solid var(--line-strong);border-top-color:var(--m-purple);border-radius:50%;box-shadow:none;animation:take-spin .9s linear infinite}:root[data-motion=off] .takeid.wait{animation:none}@keyframes take-spin{to{rotate:1turn}}.takeline{position:absolute;left:0;bottom:0;width:calc(var(--p) * 100%);height:3px;background:var(--m-purple);box-shadow:0 0 8px var(--m-purple);transition:width var(--dur) var(--ease-out)}.takecard.hit:after{content:"";position:absolute;inset:0;border-radius:inherit;animation:take-ring var(--dur-meaning) var(--ease-out) both;pointer-events:none}@keyframes take-ring{0%{box-shadow:inset 0 0 0 0 var(--m-purple)}40%{box-shadow:inset 0 0 0 3px var(--m-purple)}to{box-shadow:inset 0 0 0 0 transparent}}.takehit{padding:2px 8px;border-radius:6px;background:var(--m-purple-tile);box-shadow:0 2px 0 var(--m-purple-ledge);color:#fff;font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;animation:take-hit var(--dur-spring) var(--ease-press) both}@keyframes take-hit{0%{scale:.4;opacity:0}}.genbar{grid-column:1 / -1;display:flex;align-items:center;gap:8px;min-width:0;padding:10px 14px;border-top:1px solid var(--line);background:var(--panel)}.genbar-details{display:inline-flex;align-items:center;gap:6px;font-weight:700}.genbar-details.on{background:var(--sel);color:var(--text-strong)}.genchip{position:relative}.genchip-btn{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap}.genchip-btn small{color:var(--dim);font-size:var(--text-xs)}.genchip-btn b{color:var(--text-strong)}.genchip-btn.open{background:var(--sel)}.genchip-pop{position:absolute;left:0;bottom:calc(100% + 8px);z-index:10;display:grid;gap:2px;min-width:140px;padding:6px;border-radius:var(--radius-md);background:var(--panel-2);box-shadow:var(--shadow-float);animation:pop var(--dur-fast) var(--ease-overshoot)}.genchip-pop button{display:flex;align-items:center;gap:8px;padding:6px 10px;background:none;border:0;border-radius:var(--radius-sm);color:var(--text-strong);text-align:left;white-space:nowrap}.genchip-pop button:hover{background:var(--btn-hover)}.genchip-pop button.on{background:var(--sel);color:var(--text-strong)}.gennote{flex:1;min-width:120px;height:32px;padding:0 10px}.genbar-acts{position:relative;display:flex;align-items:center;gap:8px}.genbar .genest{display:grid;margin:0 4px 0 0;color:var(--dim);font-size:var(--text-xs);line-height:1.3;text-align:right}.genbar-acts .genconfirm{position:absolute;right:0;bottom:calc(100% + 12px);z-index:10;width:320px;box-shadow:var(--shadow-float)}.genpage.b1.pat{grid-template-columns:300px minmax(0,1fr) 380px}.genbar .grow{flex:1}.patshelf{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--line);background:var(--bg)}.patshelf-head{position:relative;display:flex;align-items:center;gap:8px;padding:12px 12px 8px}.patshelf-head .genconfirm{position:absolute;top:100%;right:12px;left:12px;z-index:10}.patshelf-head b{color:var(--text-strong)}.patshelf-head .grow{flex:1}.patshelf-head button{display:inline-flex;align-items:center;gap:4px}.patempty{margin:0;padding:12px;color:var(--dim);font-size:var(--text-sm);line-height:var(--lh-prose)}.patgrid{flex:1;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:8px;margin:0;padding:4px 12px 12px;overflow-y:auto;list-style:none}.patgrid li{position:relative}.pattile{display:grid;justify-items:center;gap:4px;width:100%;padding:6px 4px;border-radius:var(--radius-md);background:var(--panel);border:0;color:var(--dim);font-size:var(--text-xs);transition:translate var(--dur-press) var(--ease-press),background-color var(--dur-fast) var(--ease-out)}.pattile .blockthumb{width:100%!important;height:auto!important;aspect-ratio:1;border-radius:6px}.pattile:hover:not(:disabled){background:var(--raise)}.patgrid li.on .pattile{background:var(--sel);color:var(--text-strong);box-shadow:inset 0 0 0 2px var(--text-strong)}.patweight{position:absolute;top:-6px;right:-4px;padding:1px 7px;border-radius:999px;background:var(--text-strong);color:var(--bg);font-size:var(--text-xs);font-style:normal;font-weight:800;animation:take-hit var(--dur-spring) var(--ease-press)}.pattrash{position:absolute;top:2px;left:2px;display:grid;place-items:center;min-width:20px;height:20px;padding:0 4px;border-radius:6px;background:var(--panel-2);border:0;font-size:var(--text-xs);opacity:0;transition:opacity var(--dur-fast) var(--ease-out)}.patgrid li:hover .pattrash,.pattrash:focus-visible,.pattrash.sure{opacity:1}.pattrash.sure{background:var(--danger-box-bg);color:var(--danger)}.pathint{margin:0;padding:8px 12px 12px;border-top:1px solid var(--line);color:var(--dim);font-size:var(--text-xs);line-height:var(--lh-prose)}.pat .genstagearea{padding-left:24px;padding-right:40px}.mglyph{position:relative;flex:none;width:18px;height:18px;overflow:hidden;border-radius:50%;background:#ffffff12;color:var(--text-strong)}.mglyph b{position:absolute;top:6.5px;left:6.5px;width:5px;height:5px;border-radius:50%;background:currentColor;animation-duration:1s;animation-iteration-count:infinite;animation-play-state:paused}:hover>.mglyph b,[aria-pressed=true]>.mglyph b,.on>.mglyph b{animation-play-state:running}.mglyph[data-motion=flow-x] b{animation-name:mg-flow-x;animation-timing-function:cubic-bezier(.7,0,.3,1)}.mglyph[data-motion=flow-y] b{animation-name:mg-flow-y;animation-timing-function:cubic-bezier(.7,0,.3,1)}.mglyph[data-motion=spread] b{background:none;box-shadow:0 0 0 1.5px currentColor;animation-name:mg-spread;animation-duration:1.1s;animation-timing-function:var(--ease-out)}.mglyph[data-motion=explode] b{animation-name:mg-explode;animation-duration:.9s;animation-timing-function:var(--ease-out)}.mglyph[data-motion=fall] b{animation-name:mg-fall;animation-duration:.9s;animation-timing-function:cubic-bezier(.85,0,1,.25)}.mglyph[data-motion=breathe] b{animation-name:mg-breathe;animation-duration:1.4s;animation-direction:alternate;animation-timing-function:var(--ease-in-out)}.mglyph[data-motion=spin] b{left:2px;transform-origin:7px 2.5px;animation-name:mg-spin;animation-timing-function:linear}.mglyph[data-motion=auto] b{animation-name:mg-auto;animation-duration:1.6s;animation-timing-function:steps(1)}@keyframes mg-flow-x{0%{transform:translate(-10px)}to{transform:translate(10px)}}@keyframes mg-flow-y{0%{transform:translateY(10px)}to{transform:translateY(-10px)}}@keyframes mg-spread{0%{transform:scale(.3);opacity:1}to{transform:scale(3);opacity:0}}@keyframes mg-explode{0%{transform:scale(.4)}20%{transform:scale(.2)}45%{transform:scale(2.6)}to{transform:scale(0)}}@keyframes mg-fall{0%{transform:translateY(-12px)}to{transform:translateY(12px)}}@keyframes mg-breathe{0%{transform:scale(.6)}to{transform:scale(1.6)}}@keyframes mg-spin{to{transform:rotate(360deg)}}@keyframes mg-auto{0%{transform:translate(-4px,-4px)}25%{transform:translate(4px,-4px)}50%{transform:translate(4px,4px)}75%{transform:translate(-4px,4px)}}.chip.mchip{display:inline-flex;align-items:center;gap:6px;padding:3px 10px 3px 4px;color:var(--text-strong);transition:transform var(--dur-press) var(--ease-press),box-shadow var(--dur-fast) var(--ease-out)}.chip.mchip:active:not(:disabled){transform:scale(.88)}.chip.mchip[aria-pressed=true]{animation:chip-boing var(--dur-spring) var(--ease-press)}@keyframes chip-boing{0%{transform:scale(.86,1.08)}60%{transform:scale(1.08,.94)}to{transform:none}}.gendice{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:0}.gendice-face{display:grid;animation:dice-roll var(--dur-meaning) var(--ease-overshoot)}.gendice:hover:not(:disabled) .icon{animation:dice-shake var(--dur-slow) var(--ease-in-out)}@keyframes dice-roll{0%{transform:rotate(0) scale(1)}50%{transform:rotate(200deg) scale(1.3)}to{transform:rotate(360deg) scale(1)}}@keyframes dice-shake{25%{transform:rotate(-14deg)}75%{transform:rotate(14deg)}}.presence{flex:1;min-width:0;max-width:240px}.presence-track{position:relative;height:22px;margin:0 10px;cursor:pointer}.presence-track:before,.presence-fill{position:absolute;top:9px;left:0;height:4px;border-radius:2px}.presence-track:before{content:"";right:0;background:var(--field);box-shadow:inset 0 0 0 1px var(--field-line)}.presence-fill{background:var(--text-strong);transition:width var(--dur-spring) var(--ease-overshoot)}.presence-knob{position:absolute;top:1px;width:20px;height:20px;margin-left:-10px;transition:left var(--dur-spring) var(--ease-overshoot)}.presence-knob>i{display:block;width:100%;height:100%;border-radius:50%;background:var(--text-strong);box-shadow:0 2px #00000059;animation:knob-squash var(--dur-spring) var(--ease-press)}@keyframes knob-squash{0%{transform:scale(1.35,.7)}}.presence-labels{display:flex;justify-content:space-between}.presence-labels button{padding:2px 4px;background:none;border:0;color:var(--text-strong);font-size:var(--text-sm);opacity:.55}.presence-labels button[aria-checked=true]{font-weight:700;opacity:1}:root[data-motion=off] .mglyph b,:root[data-motion=off] .gendice .icon{animation:none!important}.shelfrandom{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:none;border:1px solid var(--line-strong);border-radius:999px;color:var(--text-strong);font-size:var(--text-sm)}.shelfrandom:hover:not(:disabled){background:var(--btn-hover)}.shelfrandom:hover:not(:disabled) .icon{animation:dice-shake var(--dur-slow) var(--ease-in-out)}:root[data-motion=off] .shelfrandom .icon{animation:none!important}.settings .row:has(.swatches),.settings .row:has(.switch){align-items:center}.swatches{display:flex;gap:10px}.swatch{width:22px;height:22px;padding:0;border:0;border-radius:50%;background:var(--sw);box-shadow:inset 0 0 0 1px #ffffff2e;transition:transform var(--dur-press) var(--ease-press),box-shadow var(--dur-fast) var(--ease-out)}.swatch:hover{transform:scale(1.12)}.swatch:active{transform:scale(.9)}.swatch[aria-checked=true]{box-shadow:inset 0 0 0 1px #ffffff2e,0 0 0 2px var(--panel),0 0 0 4px var(--text-strong)}.settings .row.off .swatches{opacity:.4}.offnote{color:var(--dim);font-size:var(--text-sm)}.switch{position:relative;width:36px;height:20px;padding:0;border:0;border-radius:999px;background:var(--field);box-shadow:inset 0 0 0 1px var(--field-line);transition:background-color var(--dur-fast) var(--ease-out)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--dim);transition:transform var(--dur-spring) var(--ease-overshoot),background-color var(--dur-fast) var(--ease-out)}.switch[aria-checked=true]{background:var(--btn-on);box-shadow:none}.switch[aria-checked=true]:after{transform:translate(16px);background:var(--btn-on-text)}::view-transition-old(root),::view-transition-new(root){animation-duration:.4s;animation-timing-function:cubic-bezier(.4,0,.2,1)}body{-webkit-user-select:none;user-select:none}input,textarea,[contenteditable=true],pre,.genError,.notice,.crash{-webkit-user-select:text;user-select:text}::selection{background:color-mix(in srgb,var(--accent) 40%,transparent)}.genorder .patorder{display:flex;flex-direction:column;gap:8px;flex:1;min-height:0;overflow-y:auto;padding:8px;background:var(--bg)}.genorder .patorder .genform,.patfields{display:flex;flex-direction:column;gap:8px;flex:none;min-width:0;overflow:visible;margin:0;padding:0;border:0;background:none}.patstep{display:flex;flex-direction:column;gap:12px;padding:12px;border-radius:var(--radius-md);background:var(--panel)}.patstep-head{display:flex;align-items:baseline;gap:8px;min-width:0}.patstep-head em,.patempty-go em{font-style:normal;font-family:var(--font-num);font-size:var(--text-xs);font-weight:600;font-variant-numeric:tabular-nums;color:var(--accent)}.patstep-head b{font-size:var(--text-md);font-weight:600;color:var(--text-strong)}.patstep-head span{margin-left:auto;font-size:var(--text-sm);color:var(--dim-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.patfield{display:flex;flex-direction:column;gap:6px}.patfl{display:flex;align-items:center;justify-content:space-between;font-size:var(--text-sm);color:var(--dim)}.patfl-aux{display:inline-flex;align-items:center;gap:6px;color:var(--dim-2);font-variant-numeric:tabular-nums}.patfl-aux button{height:auto;padding:0;background:none;box-shadow:none;font-size:var(--text-sm);color:var(--accent)}.patshape,.patcol,.pattiming{position:relative;min-width:0;height:auto;padding:0;border-radius:var(--radius-sm);background:var(--field);box-shadow:inset 0 0 0 1px var(--field-line);color:var(--dim);transition:box-shadow var(--dur-fast) var(--ease-out),background-color var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out)}.patshape:hover:not(:disabled),.patcol:hover:not(:disabled),.pattiming:hover:not(:disabled){background:var(--field);color:var(--text)}.patshape[aria-pressed=true],.patcol[aria-pressed=true],.pattiming[aria-pressed=true],.patshape[aria-pressed=true]:hover:not(:disabled),.patcol[aria-pressed=true]:hover:not(:disabled),.pattiming[aria-pressed=true]:hover:not(:disabled){background:var(--sel);box-shadow:inset 0 0 0 1.5px var(--text-strong);color:var(--text-strong)}.patshapes{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.patshape{display:grid;place-items:center;aspect-ratio:1}.patshape svg{width:46%;height:46%;transition:scale var(--dur-press) var(--ease-press)}.patshape:active:not(:disabled) svg{scale:.88}.patrow{display:grid;grid-template-columns:auto 1fr;gap:8px;align-items:center}.patstepper{display:inline-flex;align-items:center;height:28px;border-radius:var(--radius-sm);background:var(--field);box-shadow:inset 0 0 0 1px var(--field-line)}.patstepper button{width:28px;height:28px;padding:0;background:none;box-shadow:none;color:var(--dim)}.patstepper button:hover:not(:disabled){background:none;color:var(--text)}.patstepper output{min-width:20px;text-align:center;font-family:var(--font-num);font-size:var(--text-md);font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-strong)}.patpref{min-width:0;height:28px}.patmake{display:flex}.patmake>button,.patmake>*{flex:1}.patgo{display:flex;align-items:center;justify-content:space-between;height:34px;padding:0 14px}.patgo small{font-family:var(--font-num);font-size:var(--text-xs);font-weight:400;opacity:.65}.patcols{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.patcol{display:flex;flex-direction:column;align-items:center;gap:5px;padding:8px 0 6px;font-family:var(--font-num);font-size:var(--text-sm);font-weight:600}.patcol-grid{display:grid;gap:1px;width:16px;aspect-ratio:9 / 16}.patcol-grid i,.pattiming-grid i{background:currentColor;opacity:.45}.patcol-grid i{border-radius:.5px}.patcol[aria-pressed=true] .patcol-grid i{opacity:1}.pattimings{display:grid;grid-template-columns:repeat(3,1fr);gap:4px}.pattiming{display:flex;flex-direction:column;align-items:center;gap:7px;padding:10px 0 7px;font-size:var(--text-sm)}.pattiming-grid{display:grid;grid-template-columns:repeat(4,6px);gap:3px}.pattiming-grid i{width:6px;height:6px;border-radius:1.5px;animation:pattiming-pulse 1.6s infinite}@keyframes pattiming-pulse{0%,to{scale:.5;opacity:.35}18%{scale:1.1;opacity:1;animation-timing-function:var(--ease-out)}50%{scale:.5;opacity:.35}}:root[data-motion=off] .pattiming-grid i{animation:none;scale:.8;opacity:.7}.patsteps{display:inline-flex;gap:4px;margin-right:4px}.patsteps i{width:14px;height:2px;border-radius:1px;background:var(--dim-3)}.patsteps i.on{background:var(--text-strong)}.patempty-go em{margin-right:2px}