@font-face{font-family:Inter;src:url(./inter-variable-Dx4kXJAl.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}:root{font-family:Inter,Segoe UI Symbol,Yu Gothic UI,Meiryo,system-ui,sans-serif;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: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-pill: 50%;--dur-fast: .16s;--dur: .26s;--dur-slow: .32s;--ease-out: cubic-bezier(.2, .8, .24, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--bg: #121212;--panel: #191919;--panel-2: #202020;--btn-bg: #272727;--btn-hover: #303030;--btn-on: #3f3f3f;--btn-press: #171717;--field: #0d0d0d;--field-line: #0d0d0d;--line: #262626;--line-soft: #1d1d1d;--line-strong: #3d3d3d;--text: #d6d6d6;--text-strong: #ebebeb;--on-accent: #ffffff;--on-accent-dim: #ffd0e6;--dim: #8a8a8a;--dim-2: #737373;--dim-3: #5e5e5e;--accent: #de177a;--accent-soft: #f9a8d4;--accent-text: #fbcfe8;--accent-bg: #2f1522;--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: #e8e8e8;--kf: #b8b8b8;--kf-hot: #fff;--kf-dim: #4a4a4a;--shadow-ring: #0a0a0a}button,input,select,textarea{font-family:inherit}:root[data-theme=light]{--bg: #f5f5f5;--panel: #ffffff;--panel-2: #ececec;--btn-bg: #e9e9e9;--btn-hover: #dcdcdc;--btn-on: #c9c9c9;--btn-press: #d0d0d0;--field: #ffffff;--field-line: #cbcbcb;--line: #dadada;--line-soft: #e8e8e8;--line-strong: #b4b4b4;--text: #1c1c1c;--text-strong: #101010;--on-accent: #ffffff;--on-accent-dim: #ffd0e6;--dim: #6b6b6b;--dim-2: #808080;--dim-3: #969696;--accent: #a22061;--accent-soft: #a81f66;--accent-text: #85104f;--accent-bg: #fce7f0;--ok: #2f7a45;--warn: #9a6412;--warn-strong: #8a5a10;--notice-bg: #fdf3dc;--notice-text: #6b5316;--danger: #c0392b;--danger-text: #a3302a;--danger-bg: #fbeceb;--danger-box-bg: #fbe3e1;--playhead: #3d3d3d;--kf: #5e5e5e;--kf-hot: #1c1c1c;--kf-dim: #adadad;--shadow-ring: #cbcbcb}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);overflow:hidden}.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);margin:0 -10px;padding-left:12px;padding-right:calc(12px + 100vw - env(titlebar-area-width,100vw));background:var(--panel);color:var(--dim);-webkit-app-region:drag}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 .budget{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--ok)}header .budget.over{color:var(--warn)}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;transition:background-color var(--dur-fast) var(--ease-out)}button:hover:not(:disabled),select:hover{background:var(--btn-hover)}button:active:not(:disabled,.kf),select:active{background:var(--btn-press);transition-duration:0s}.plan.on:active{background:var(--accent)}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:2px solid var(--dim);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}.numfield{display:inline-flex;align-items:center;gap:4px;padding:0 6px;cursor:ew-resize;overflow:hidden}.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}.numfield input:focus{outline:none}button.primary{background:var(--accent);color:var(--on-accent)}.notice{display:flex;align-items:center;gap:10px;padding:6px 10px;background:var(--notice-bg);border-radius:var(--radius-sm);color:var(--notice-text)}.notice span{flex:1}.body{flex:1;display:grid;min-height:0}.app.landscape .body{grid-template-columns:var(--side-w) 7px minmax(0,1fr) 7px var(--insp-w);grid-template-rows:minmax(0,1fr) 7px var(--tl-h);grid-template-areas:"side side-split preview   insp-split insp" "side side-split mid-split insp-split insp" "side side-split timeline  insp-split insp"}.app.portrait .body{grid-template-columns:var(--side-w) 7px minmax(0,1fr) 7px var(--preview-w) 7px var(--insp-w);grid-template-rows:minmax(0,1fr);grid-template-areas:"side side-split timeline mid-split preview insp-split insp"}.sidebar{grid-area:side}.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);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,.plans,.genError{animation:appear var(--dur) var(--ease-out)}.overlay,.confirm,.genpage{animation:fade var(--dur) var(--ease-out)}.settings,.confirmBox{animation:pop var(--dur-slow) 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,.confirm.closing,.genpage.closing,.menupop.closing{animation:fadeout var(--dur-fast) var(--ease-out) forwards}.foldbody.closing,.notice.closing,.newFile.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)}.alphatoggle{transition:color var(--dur) var(--ease-out),border-color var(--dur) var(--ease-out)}.busybar{position:relative;flex:none;height:2px;overflow:hidden;background:var(--line)}.busybar:after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:var(--accent);animation:slide 1.4s var(--ease-in-out) infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(340%)}}:root[data-motion=off]{--dur-fast: 0s;--dur: 0s;--dur-slow: 0s}:root[data-motion=off] .busybar:after{animation:none;width:100%}.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 .caret{flex:0 0 auto;width:10px;color:var(--dim-3);font-size:9px}.aspects{display:flex;gap:6px;margin-bottom:10px}.aspects button{flex:1}.aspects button.on{background:var(--accent);color:var(--on-accent)}.props dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:0;font-variant-numeric:tabular-nums}.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;background:#0a0a0a}:root[data-theme=light] .preview{color-scheme:dark;--text: #d6d6d6;--text-strong: #ebebeb;--dim: #8a8a8a;--dim-2: #737373;--dim-3: #5e5e5e;--line: #262626;--line-strong: #3d3d3d;--shadow-ring: #0a0a0a;--btn-bg: #272727;--btn-hover: #303030;color:var(--text)}.preview .frame{position:relative;min-height:0}canvas{position:absolute;inset:12px;margin:auto;width:auto;height:auto;max-width:calc(100% - 24px);max-height:calc(100% - 24px);display:block;border:1px solid var(--line-strong);box-shadow:0 0 0 1px var(--shadow-ring),0 4px 18px #00000073}.transport{display:flex;align-items:center;gap:10px;padding:6px 10px;border-top:1px solid var(--line)}.transport button{min-width:38px}.transport output{font-variant-numeric:tabular-nums}.transport small{color:var(--dim-2)}.timeline-area{--name-col: 250px;--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(--panel-2);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(--panel-2)}.row.layer.on .name{background:var(--accent-bg)}.row.layer .name{display:flex;align-items:center;gap:4px;width:100%;background:none;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 .caret{color:var(--dim-3);font-size:9px;width:10px;flex:0 0 auto;background:none;border:0;padding:0;cursor:pointer}.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{background:var(--accent-bg)}.row.layer.on .name .pick{color:var(--accent-soft)}.row.track .name{display:flex;align-items:center;gap:2px;padding-left:16px;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.head .lane{height:26px;cursor:ew-resize}.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}.playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--playhead);pointer-events:none;z-index:6}.kf{transition:none;position:absolute;top:50%;width:9px;height:9px;transform:translate(calc(-50% + .5px),-50%) rotate(45deg);padding:0;background:var(--kf);border:1px solid var(--bg);border-radius:1px;cursor:ew-resize;z-index:2}.kf:hover{background:var(--kf-hot)}.kf.on{background:var(--accent);border-color:var(--kf-hot);z-index:4}.kf.hold{transform:translate(calc(-50% + .5px),-50%)}.kf.ease{transform:translate(calc(-50% + .5px),-50%);clip-path:polygon(0 0,100% 0,0 100%,100% 100%)}.kf.ghost{width:5px;height:5px;background:var(--kf-dim);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}.error.empty{color:var(--text)}.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{display:flex;flex-direction:column;justify-content:center;gap:12px;min-height:100vh;padding:24px;color:var(--text)}.narrow p{max-width:32em;color:var(--dim)}.timeline .name .snap{margin-left:6px;font-size:var(--text-sm);padding:0 2px}.genpage{position:fixed;inset:0;z-index:20;display:flex;flex-direction:column;background:var(--bg)}.genhead{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}.genhead button,.genhead input,.genhead select{-webkit-app-region:no-drag}.genhead h2{margin:0;font-size:var(--text-xl)}.genhead .dim{color:var(--dim);flex:1}.genbody{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:14px;padding:14px;min-height:0;flex:1}.genform,.genside{background:var(--panel);border-radius:var(--radius-md);padding:12px;overflow-y:auto;min-height:0}.genform .row{display:flex;align-items:center;gap:10px;margin-bottom:10px}.genform .row.tall{align-items:flex-start}.genform .row>span:first-child{width:104px;flex:none;color:var(--dim)}.genform .seg{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.genform .stack{display:flex;flex-direction:column;gap:4px;flex:1}.plan.on{background:var(--accent);color:var(--on-accent)}.genform button.on{background:var(--btn-on);color:var(--text-strong);box-shadow:inset 3px 0 0 var(--accent)}.genform button.wide{display:block;text-align:left;width:100%}.genform button.wide em{display:block;font-style:normal;color:var(--dim);margin-top:2px}.genform button.wide.on em{color:var(--dim)}.genform .numfield input{width:88px}.genform input[type=color]{width:44px;height:24px;padding:0}.genform textarea{flex:1;background:var(--bg);color:var(--text);border:0;border-radius:var(--radius-sm);padding:6px 8px;font:inherit;resize:vertical}.genside h3{margin:0 0 6px;font-size:var(--text-md);color:var(--dim)}.prompt{margin:0 0 12px;padding:10px;background:var(--bg);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;gap:8px;margin-bottom:12px}.genError{margin-bottom:12px;padding:8px 10px;border-radius:var(--radius-sm);background:var(--danger-box-bg)}.plans{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.planrow{display:flex;align-items:stretch;gap:4px}.planrow .plan{flex:1}.planrow .again{white-space:nowrap}.plan{display:block;text-align:left;padding:10px 12px;line-height:var(--lh-prose)}.plan strong{display:block;margin-bottom:4px}.plan span{color:var(--dim);white-space:pre-wrap}.plan.on span{color:var(--on-accent-dim)}.confirm{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:#0009}.confirmBox{width:min(440px,90vw);background:var(--panel);border-radius:var(--radius-lg);padding:16px 20px 14px;box-shadow:0 8px 30px #0006}.confirmBox h3{margin:0 0 10px;font-size:var(--text-lg)}.confirmBox p{margin:0 0 8px;line-height:var(--lh-prose)}.confirmBox .dim{color:var(--dim)}.confirmBox .genactions{margin:14px 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;margin-bottom:2px}.properties .prop.off .name{color:var(--dim-3)}.properties .prop .name{flex:1;min-width:0;font-size:var(--text-base);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.properties .prop>.numfield{flex:0 1 auto;min-width:0}.properties .prop>.numfield input{width:58px}.properties .vec2{display:flex;flex:1 1 0;gap:4px;min-width:0}.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 .reset,.properties .linkxy{flex:0 0 auto;background:none;border:0;color:var(--dim-3);cursor:pointer;padding:0 2px}.timeline .layerbar{display:flex;align-items:center;gap:4px;padding:4px 6px;background:var(--panel-2)}.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 button.danger{color:var(--danger)}.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(--panel-2)}.newFile input[type=text]{flex:1}.row.layer .name select.parent{margin-left:auto;flex:none;max-width:84px;font-size:var(--text-sm);opacity:.7}.row.layer .name select.parent:hover{opacity:1}.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)}header input.docName{flex:0 1 220px;min-width:90px;background:none;border:1px solid transparent;font-weight:700;font-size:var(--text-md);color:inherit}header input.docName:hover{border-color:var(--line-strong)}header input.docName:focus{background:var(--panel-2);border-color:var(--dim)}.overlay{position:fixed;inset:0;background:#00000073;display:grid;place-items:center;z-index:20}.settings{width:380px;padding:14px 16px 16px;background:var(--panel);border-radius:var(--radius-md);box-shadow:0 8px 30px #0006}.settings .head{display:flex;align-items:center;margin-bottom:14px}.settings .head strong{flex:1;color:var(--text-strong);font-size:var(--text-lg)}.settings .row{display:flex;align-items:baseline;gap:10px;margin-bottom:10px}.settings .row .label{flex:0 0 76px;color:var(--dim);font-size:var(--text-base)}.settings .row .choices{display:flex;flex-wrap:wrap;gap:12px}.settings .row .choices label{display:flex;align-items:center;gap:4px;font-size:var(--text-base);cursor:pointer}.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:center;gap:8px;margin-top:6px;color:var(--dim);font-size:var(--text-sm)}.settings .row .key .hint{margin:6px 0 0;color:var(--dim);font-size:var(--text-sm);line-height:var(--lh-prose)}.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(--text)}.menutitle:hover,.menutitle.on{background:var(--btn-hover)}.menupop{position:absolute;top:calc(100% + 4px);left:0;z-index:50;min-width:210px;padding:4px;background:var(--panel-2);border-radius:var(--radius-md);box-shadow:0 6px 18px var(--shadow-ring)}.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{background:var(--btn-hover);color:var(--text-strong)}.menupop kbd{font:inherit;color:var(--dim-2)}.menupop hr{margin:4px 6px;border:0;border-top:1px solid var(--line)}.sidebar{display:flex;flex-direction:column;min-width:0;background:var(--panel);border-radius:var(--radius-md);overflow:hidden}.sidehead{display:flex;align-items:center;gap:6px;padding:6px;background:var(--panel-2)}.sidehead button{padding:2px 6px;background:none;border:0;border-radius:var(--radius-sm);color:var(--dim)}.sidehead button:hover{background:var(--btn-hover);color:var(--text)}.sidetitle{color:var(--dim);white-space:nowrap;font-size:var(--text-sm);letter-spacing:.06em}.sidegroups{flex:1;padding:6px 4px;overflow-y:auto}.sidegroups h3{margin:0;padding:4px 4px 2px;color:var(--dim);font-weight:400;font-size:var(--text-sm);letter-spacing:.06em}.sidelist{flex:1;margin:0;padding:4px;list-style:none;overflow-y:auto}.sidegroups .sidelist{flex:none;padding:0 0 8px;overflow:visible}.sidelist button{display:block;width:100%;padding:2px 8px;background:none;border:0;border-radius:var(--radius-sm);color:var(--text);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidelist button:hover{background:var(--btn-hover)}.sidelist button.on{background:var(--accent-bg);color:var(--accent-text)}.sidecount{flex:1;padding-top:8px;color:var(--dim-3);text-align:center}.sidenew{margin:6px;padding:4px;white-space:nowrap}.statusbar{display:flex;align-items:center;gap:14px;padding:2px 10px;background:var(--panel);border-radius:var(--radius-md);color:var(--dim-2);font-size:var(--text-base)}.statusbar .grow{flex:1}.statusbar .budget{font-variant-numeric:tabular-nums;color:var(--ok)}.statusbar .budget.over{color:var(--warn)}.statusbar .dirty{color:var(--warn-strong)}.alphatoggle{padding:0 6px;background:none;border:1px solid var(--line-strong);border-radius:var(--radius-sm);color:var(--dim-3);font-size:var(--text-base)}.alphatoggle.on{border-color:var(--dim);color:var(--text-strong)}header .grow{flex:1}.savedot{padding:0 6px;background:none;border:0;color:var(--dim-3);font-size:10px;line-height:var(--lh-tight)}.savedot.on{color:var(--warn-strong)}.savedot:disabled{opacity:1;color:var(--line-strong)}.easebox{margin-top:4px}.kfinfo dd>.hint+.easebox+.hint{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}