:root{--bg:#efebe3;--panel:#f6f3ed;--panel-2:#e6e1d6;--inset:#fbfaf7;--stage:#191714;--stage-mark:#8f877a;--checker-a:#2a2724;--checker-b:#3a3631;--line:#d3cdc0;--line-strong:#1a1814;--rule:1.5px;--rule-mid:2px;--rule-thick:3px;--text:#1a1814;--text-dim:#5a554b;--text-faint:#6f6a5f;--accent:#d23a1c;--accent-text:#b8301a;--accent-ink:#fff;--accent-soft:#d23a1c1a;--hover:#1a18140d;--grid-line:#1a181414;--ink:#1a1814;--on-ink:#f6f3ed;--on-ink-dim:#b0aa9c;--on-ink-line:#4a463e;--on-ink-track:#34302a;--on-ink-accent:#ff8a6e;--on-ink-hover:#f6f3ed0f;--on-ink-warn:#d23a1c2e;--layer-text:#1a1814;--layer-trans:#d23a1c;--layer-trans-2:#b8301a;--radius:0;--radius-pill:999px;--shadow:none;--shadow-pop:6px 6px 0 var(--line-strong);--shadow-pop-error:6px 6px 0 var(--accent);--shadow-pop-sm:3px 3px 0 var(--line-strong);--focus-ring:2px solid var(--line-strong);--font-display:"Dela Gothic One", "Zen Kaku Gothic New", sans-serif;--font-ui:"Zen Kaku Gothic New", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--font-num:"DM Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--header-h:72px;--col-left:272px;--col-right:352px;--timeline-h:248px;--gutter:24px;--field-label:76px;--dur-fast:.12s;--dur:.18s;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--font-ui);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:13px;font-weight:500;line-height:1.5}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);overflow:hidden}button,input,select,textarea{font:inherit;color:inherit}::selection{background:var(--accent);color:var(--accent-ink)}:focus-visible{outline:var(--focus-ring);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app{grid-template-columns:var(--col-left) minmax(0, 1fr) var(--col-right);grid-template-rows:var(--header-h) minmax(0, 1fr);grid-template-areas:"header header header""left center right";height:100vh;display:grid}.app__header{min-width:0;padding:0 var(--sp-7);border-bottom:var(--rule-thick) solid var(--line-strong);background:var(--bg);grid-area:header;align-items:center;gap:36px;display:flex}.app__logo{font:400 30px/1 var(--font-display);letter-spacing:-.01em;white-space:nowrap;align-items:baseline;gap:10px;margin:0;display:flex}.app__logo-mark{font:500 10px/1 var(--font-num);letter-spacing:.1em;color:var(--accent-text)}.app__left,.app__right{flex-direction:column;min-width:0;min-height:0;display:flex}.app__left{border-right:1px solid var(--line);background:var(--bg);grid-area:left;overflow:hidden}.app__right{overscroll-behavior:contain;border-left:1px solid var(--line);background:var(--panel);grid-area:right;scroll-padding-bottom:240px;overflow-y:auto}.app__center{flex-direction:column;grid-area:center;min-width:0;min-height:0;display:flex}.panel{padding:var(--sp-4) var(--gutter)}.panel__title{font:400 22px/1.15 var(--font-display);color:var(--text);align-items:baseline;gap:10px;margin:0;display:flex}.panel__kicker{font:500 10px/1 var(--font-num);letter-spacing:.18em;text-transform:uppercase;color:var(--accent-text);display:block}.panel__hint{color:var(--text-dim);margin:6px 0 10px;font-size:12px}.panel__warn{margin:var(--sp-2) 0 0;border-left:var(--rule-thick) solid var(--accent);background:var(--accent-soft);color:var(--text);padding:6px 10px;font-size:12px;line-height:1.55}.btn{justify-content:center;align-items:center;gap:var(--sp-2);border:var(--rule) solid var(--line-strong);border-radius:var(--radius-pill);min-height:30px;color:var(--text);font:700 12px/1 var(--font-ui);white-space:nowrap;cursor:pointer;transition:background var(--dur-fast), color var(--dur-fast), border-color var(--dur-fast);background:0 0;padding:0 14px;display:inline-flex}.btn:hover:not(:disabled){background:var(--ink);color:var(--on-ink)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn--primary{background:var(--ink);color:var(--on-ink);font-size:13px}.btn--primary:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.btn--block{width:100%;min-height:42px;margin-top:var(--sp-3);border-radius:var(--radius)}.btn--icon{width:32px;min-height:32px;padding:0}.btn--small{min-height:26px;padding:0 12px;font-size:11.5px}.btn--danger{color:var(--accent-text)}.btn--danger:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.btn--text{border-radius:var(--radius);min-height:22px;color:var(--text-dim);font:500 12px/1 var(--font-ui);background:0 0;border:0;border-bottom:1px solid #0000;padding:0}.btn--text:hover:not(:disabled){color:var(--text);background:0 0;border-bottom-color:currentColor}.btn--text.btn--danger{color:var(--accent-text)}.btn--text.btn--danger:hover:not(:disabled){color:var(--accent-text);background:0 0}.btn svg{flex:none}.select{appearance:none;border:0;border-bottom:1px solid var(--line-strong);border-radius:var(--radius);background-color:#0000;background-image:linear-gradient(45deg, transparent 50%, var(--text-faint) 50%), linear-gradient(135deg, var(--text-faint) 50%, transparent 50%);min-width:0;min-height:28px;color:var(--text);font:700 13px/1.3 var(--font-ui);text-overflow:ellipsis;cursor:pointer;background-position:calc(100% - 9px) 55%,calc(100% - 4px) 55%;background-repeat:no-repeat;background-size:5px 5px;padding:3px 20px 4px 0}.select:hover{background-color:var(--hover)}.field .select{width:100%}.num-input{border:0;border-bottom:1px solid var(--line-strong);border-radius:var(--radius);width:58px;min-height:26px;color:var(--text);font:500 14px/1.2 var(--font-num);font-variant-numeric:tabular-nums;text-align:right;appearance:textfield;background:0 0;padding:1px 0}.num-input::-webkit-inner-spin-button{appearance:none;margin:0}.num-input::-webkit-outer-spin-button{appearance:none;margin:0}.num-input:hover{background:var(--hover)}.textarea{border:0;border-bottom:1px solid var(--line-strong);border-radius:var(--radius);width:100%;color:var(--text);font:700 16px/1.4 var(--font-ui);resize:vertical;caret-color:var(--accent);background:0 0;padding:4px 0 6px}.textarea::placeholder{color:var(--text-faint);font-weight:500}.color-input{border:var(--rule) solid var(--line-strong);cursor:pointer;appearance:none;background:0 0;border-radius:50%;flex:none;width:22px;height:22px;padding:0}.color-input::-webkit-color-swatch-wrapper{padding:0}.color-input::-webkit-color-swatch{border:0;border-radius:50%}.color-input::-moz-color-swatch{border:0;border-radius:50%}.range{cursor:pointer;appearance:none;background:0 0;flex:1;min-width:60px;height:16px;margin:0}.range::-webkit-slider-runnable-track{background:linear-gradient(var(--text), var(--text)) 0 50% / var(--fill,0%) 3px no-repeat, linear-gradient(var(--text-faint), var(--text-faint)) 0 50% / 100% 1px no-repeat;height:3px}.range::-webkit-slider-thumb{border:var(--rule-mid) solid var(--text);background:var(--panel);appearance:none;border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.range::-moz-range-track{background:var(--text-faint);height:1px}.range::-moz-range-progress{background:var(--text);height:3px}.range::-moz-range-thumb{border:var(--rule-mid) solid var(--text);background:var(--panel);border-radius:50%;width:8px;height:8px}.range:hover::-webkit-slider-thumb{background:var(--accent)}.range:focus-visible{outline-offset:4px}.segmented{gap:14px;display:inline-flex}.segmented button{border:0;border-bottom:var(--rule-mid) solid transparent;border-radius:var(--radius);min-height:24px;color:var(--text-faint);font:700 13px/1.2 var(--font-ui);cursor:pointer;background:0 0;padding:2px 0 3px}.segmented button:hover{color:var(--text)}.segmented button.is-active{border-bottom-color:var(--accent);color:var(--text)}.segmented--full{display:flex}.segmented--full button{flex:1}.switch{cursor:pointer;align-items:center;display:inline-flex;position:relative}.switch input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.switch__pill{border:var(--rule) solid var(--line-strong);border-radius:var(--radius-pill);font:500 10.5px/1 var(--font-num);display:inline-flex;overflow:hidden}.switch__pill>span{color:var(--text-dim);transition:background var(--dur-fast), color var(--dur-fast);padding:4px 9px}.switch input:checked+.switch__pill .switch__on,.switch input:not(:checked)+.switch__pill .switch__off{background:var(--ink);color:var(--on-ink)}.switch input:focus-visible+.switch__pill{outline:var(--focus-ring);outline-offset:2px}.dot{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.dot--text{background:var(--layer-text)}.dot--transition{background:var(--layer-trans)}.field{grid-template-columns:var(--field-label) minmax(0, 1fr);align-items:center;gap:10px;min-height:32px;margin-bottom:2px;display:grid}.field--stack{grid-template-columns:1fr;gap:2px}.field__label{color:var(--text-dim);font:500 12px/1.3 var(--font-ui)}.field__row{align-items:center;gap:10px;min-width:0;display:flex}.field__unit{color:var(--text-faint);font:500 10px/1 var(--font-num);white-space:nowrap;margin-left:-6px}.comp-settings{border-left:1px solid var(--line);align-items:stretch;min-width:0;height:44px;display:flex}.inline-field{border-right:1px solid var(--line);flex-direction:column;justify-content:center;gap:4px;min-width:0;padding:0 18px;display:flex}.inline-field__label{color:var(--text-faint);font:500 10px/1 var(--font-ui);letter-spacing:.1em}.inline-field__control{align-items:center;gap:10px;display:flex}.comp-settings .select{min-height:22px;font:500 15px/1.2 var(--font-num);border-bottom-color:#0000;padding-top:0;padding-bottom:1px}.comp-settings .select:hover,.comp-settings .num-input:hover{border-bottom-color:var(--line-strong)}.comp-settings .num-input{border-bottom-color:var(--line);width:44px;min-height:22px;font-size:15px}.comp-settings .field__unit{margin-left:-8px;font-size:11px}.comp-settings .color-input{width:16px;height:16px}.preset-picker{flex-direction:column;flex:1;min-height:0;padding:18px 0 0;display:flex}.preset-picker__head{padding:0 var(--gutter) 12px}.preset-picker__head .panel__title{margin-top:var(--sp-2)}.tabs{padding:0 var(--gutter);border-bottom:var(--rule-thick) solid var(--line-strong);gap:18px;display:flex}.tabs__tab{color:var(--text-faint);font:700 13px/1.2 var(--font-ui);cursor:pointer;background:0 0;border:0;padding:6px 0 9px;position:relative}.tabs__tab:hover,.tabs__tab.is-active{color:var(--text)}.tabs__tab.is-active:after{content:"";left:0;right:0;bottom:calc(-1 * var(--rule-thick));height:var(--rule-thick);background:var(--accent);position:absolute}.preset-list{overscroll-behavior:contain;flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.preset-card{width:100%;padding:10px var(--gutter);border:0;border-bottom:1px solid var(--line);border-radius:var(--radius);color:var(--text);text-align:left;cursor:pointer;transition:background var(--dur-fast);background:0 0;grid-template-columns:34px minmax(0,1fr) auto;align-items:baseline;gap:6px;display:grid}.preset-card:hover{background:var(--hover)}.preset-card:active{background:var(--panel-2)}.preset-card:focus-visible{outline-offset:-3px}.preset-card__badge{color:var(--text-faint);font:500 12px/1 var(--font-num)}.preset-card__body{flex-direction:column;gap:3px;min-width:0;display:flex}.preset-card__name{font:700 15px/1.25 var(--font-ui)}.preset-card__desc{color:var(--text-dim);font:400 11.5px/1.45 var(--font-ui)}.preset-card__add{color:var(--text-faint);font:400 14px/1 var(--font-num)}.preset-card:hover .preset-card__add{color:var(--accent-text)}.preset-card.is-current{background:var(--ink);color:var(--on-ink);--focus-ring:2px solid var(--on-ink)}.preset-card.is-current .preset-card__badge,.preset-card.is-current .preset-card__add{color:var(--on-ink-accent)}.preset-card.is-current .preset-card__desc{color:var(--on-ink-dim)}.preset-picker__foot{padding:14px var(--gutter) 18px;border-top:var(--rule-thick) solid var(--line-strong)}.preset-picker__foot .panel__hint{font:400 11.5px/1.6 var(--font-ui);margin:6px 0 0}.preview{min-height:0;padding:18px var(--sp-7) 10px;flex-direction:column;flex:1;display:flex}.preview__head{align-items:baseline;gap:14px;margin-bottom:10px;display:flex}.preview__title{font:400 18px/1.15 var(--font-display);margin:0}.preview__specs{color:var(--text-dim);font:500 11px/1 var(--font-num);white-space:nowrap;gap:16px;margin-left:auto;display:flex}.preview__stage{background:var(--stage);flex:1;min-height:120px;position:relative;overflow:hidden}.preview__stage:before,.preview__stage:after{content:"";border:0 solid var(--stage-mark);pointer-events:none;width:22px;height:22px;position:absolute}.preview__stage:before{border-top-width:1px;border-left-width:1px;top:14px;left:14px}.preview__stage:after{border-bottom-width:1px;border-right-width:1px;bottom:14px;right:14px}.preview__stage>.preview__canvas{background-color:var(--checker-a);background-image:linear-gradient(45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--checker-b) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;width:auto;max-width:calc(100% - 64px);height:auto;max-height:calc(100% - 64px);margin:auto;position:absolute;inset:0}.preview__selection{border:1px solid var(--accent);pointer-events:none;position:absolute}.preview__meta{justify-content:space-between;gap:var(--sp-3);padding-top:var(--sp-2);color:var(--text-dim);font:400 11px/1.4 var(--font-ui);display:flex}.preview__caption{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.preview__time{font-family:var(--font-num);flex:none}.preview__time b{color:var(--text);font-weight:500}.preview__loading{color:var(--accent-text);flex:none}.timeline{height:var(--timeline-h);max-height:46%;padding:0 var(--sp-7) var(--sp-3);border-top:var(--rule-thick) solid var(--line-strong);background:var(--bg);flex:none;overflow-y:auto}.timeline__controls{z-index:6;background:var(--bg);flex-wrap:wrap;align-items:center;gap:6px 14px;min-height:52px;padding:9px 0 7px;display:flex;position:sticky;top:0}.timeline__play{min-width:92px;min-height:32px;padding:0 18px 0 14px}.timeline__rewind{width:32px;min-height:32px;padding:0}.timeline__tc{font:500 20px/1 var(--font-num);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.timeline__tc-total{color:var(--text-faint);letter-spacing:0;font-size:13px}.timeline__frame{color:var(--text-faint);font:500 11px/1 var(--font-num)}.timeline__tc,.timeline__frame,.timeline__zoom,.timeline-undo__btn{white-space:nowrap;flex:none}.timeline__zoom{align-items:center;gap:var(--sp-2);color:var(--text-dim);font:500 11px/1 var(--font-ui);margin-left:auto;display:flex}.timeline__zoom .range{flex:none;width:96px}.timeline__zoom-value{min-width:34px;color:var(--text);font-family:var(--font-num)}.timeline__hint{color:var(--text-dim);font:500 11px/1 var(--font-ui);white-space:nowrap;flex:none}@media (width<=1499px){.timeline__hint{display:none}}.timeline__tracks{overflow:auto hidden}.timeline__content{min-width:100%;width:calc(100% + (100% - 208px) * (var(--timeline-zoom,1) - 1));flex-direction:column;display:flex}.timeline__ruler-row,.timeline__row{grid-template-columns:160px minmax(0,1fr) 28px;align-items:stretch;gap:10px;display:grid}.timeline__ruler-row{border-bottom:var(--rule) solid var(--line-strong)}.timeline__ruler-row>.timeline__label{color:var(--text-faint);font:500 10px/1 var(--font-num);letter-spacing:.14em;align-items:flex-end;padding-bottom:5px}.timeline__label{align-items:center;gap:var(--sp-2);color:var(--text);font:700 12.5px/1.2 var(--font-ui);white-space:nowrap;display:flex;overflow:hidden}.timeline__ruler-row>.timeline__label,.timeline__row>.timeline__label{z-index:3;background:var(--bg);position:sticky;left:0}.timeline__name{text-overflow:ellipsis;overflow:hidden}.timeline__letter{width:14px;color:var(--text-faint);font:500 10px/1 var(--font-num);flex:none}.timeline__row{border-bottom:1px solid var(--line);cursor:pointer;min-height:34px}.timeline__row:hover{background:var(--hover)}.timeline__row.is-selected .timeline__label,.timeline__row.is-selected .timeline__letter{color:var(--accent-text)}.timeline__row:focus-visible,.timeline__ruler:focus-visible,.timeline__delete:focus-visible{outline-offset:-2px}.timeline__grip{width:12px;height:24px;color:var(--text-faint);cursor:grab;touch-action:none;opacity:.45;flex:none;justify-content:center;align-items:center;display:inline-flex}.timeline__row:hover .timeline__grip,.timeline__row.is-reordering .timeline__grip{opacity:1}.timeline__row.is-reordering{opacity:.55}.timeline__row.is-reordering .timeline__grip{cursor:grabbing}.timeline__row.is-drop-before{box-shadow:inset 0 var(--rule-thick) 0 var(--accent)}.timeline__row.is-drop-after{box-shadow:inset 0 calc(-1 * var(--rule-thick)) 0 var(--accent)}.timeline__lane{background-image:repeating-linear-gradient(90deg, transparent 0 calc(var(--timeline-grid,20%) - 1px), var(--grid-line) calc(var(--timeline-grid,20%) - 1px) var(--timeline-grid,20%));min-height:34px;position:relative}.timeline__bar{min-width:2px;color:var(--on-ink);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute;top:7px;bottom:7px}.timeline__bar--text{background:var(--layer-text)}.timeline__bar--transition{background:repeating-linear-gradient(-45deg, var(--layer-trans) 0 6px, var(--layer-trans-2) 6px 12px);color:var(--accent-ink)}.timeline__bar-label{font:700 11.5px/1 var(--font-ui);white-space:nowrap;text-overflow:ellipsis;pointer-events:none;align-items:center;padding:0 10px;display:flex;position:absolute;inset:0;overflow:hidden}.timeline__row.is-selected .timeline__bar{outline:var(--rule-mid) solid var(--accent);outline-offset:2px}.timeline__bar.is-dragging-move{cursor:grabbing}.timeline__handle{z-index:2;cursor:ew-resize;touch-action:none;opacity:0;width:10px;transition:opacity var(--dur-fast);position:absolute;top:-4px;bottom:-4px}.timeline__handle:after{content:"";background:var(--accent);width:4px;position:absolute;top:4px;bottom:4px;left:3px}.timeline__handle--start{left:-5px}.timeline__handle--end{right:-5px}.timeline__handle--start:after{left:5px}.timeline__handle--end:after{left:1px}.timeline__bar:hover .timeline__handle,.timeline__bar.is-dragging .timeline__handle,.timeline__row.is-selected .timeline__handle{opacity:1}@media (hover:none){.timeline__handle{opacity:1}}.timeline__tooltip{z-index:5;border:var(--rule) solid var(--line-strong);background:var(--panel);color:var(--text-dim);font:500 11px/1.2 var(--font-num);white-space:nowrap;pointer-events:none;gap:10px;padding:4px 8px;display:flex;position:absolute;bottom:calc(100% - 4px)}.timeline__tooltip .is-active{color:var(--accent-text)}.timeline__snapline{z-index:4;border-left:1px dashed var(--line-strong);pointer-events:none;width:0;position:absolute;top:-1px;bottom:-1px}.timeline__playhead{z-index:4;background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:-1px}.timeline__delete{z-index:3;border-radius:var(--radius);background:var(--bg);width:28px;height:26px;color:var(--text-faint);cursor:pointer;border:0;justify-content:center;align-self:center;align-items:center;padding:0;display:inline-flex;position:sticky;right:0}.timeline__delete svg{opacity:.6}.timeline__row:hover .timeline__delete svg,.timeline__row.is-selected .timeline__delete svg,.timeline__delete:focus-visible svg{opacity:1}.timeline__delete:hover{color:var(--accent-text)}.timeline__ruler{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;height:26px;position:relative;overflow:hidden}.timeline__tick{background:var(--text-faint);pointer-events:none;width:1px;height:3px;position:absolute;bottom:0}.timeline__tick--major{width:var(--rule);background:var(--line-strong);height:6px}.timeline__tick-label{color:var(--text-dim);font:500 10.5px/1 var(--font-num);white-space:nowrap;position:absolute;bottom:8px;left:3px}.timeline__ruler-head{z-index:2;background:var(--accent);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0}.timeline__ruler-head-label{background:var(--accent);color:var(--accent-ink);font:500 10px/1 var(--font-num);white-space:nowrap;padding:3px 5px;position:absolute;top:1px;left:2px}.timeline__ruler-head.is-flip .timeline__ruler-head-label{left:auto;right:2px}.timeline-undo{border:var(--rule-mid) solid var(--line-strong);background:var(--panel);min-width:0;box-shadow:var(--shadow-pop-sm);font:700 12px/1.2 var(--font-ui);animation:toast-in var(--dur) ease-out;flex:0 auto;align-items:center;gap:10px;margin-right:3px;padding:4px 8px 4px 12px;display:flex;position:relative;overflow:hidden}.timeline-undo__msg{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timeline-undo__btn{border:0;border-bottom:var(--rule) solid var(--accent);border-radius:var(--radius);min-height:20px;color:var(--accent-text);background:0 0;padding:0 0 1px;font-size:12px}.timeline-undo__btn:hover:not(:disabled){color:var(--text);background:0 0}.timeline-undo__close,.toast__close,.export-guide__close{color:var(--text-faint);font:400 16px/1 var(--font-num);cursor:pointer;background:0 0;border:0;padding:0 2px}.timeline-undo__close:hover,.toast__close:hover{color:var(--text)}.timeline-undo__timer{background:var(--accent);transform-origin:0;width:100%;height:2px;animation:linear forwards timeline-undo-timer;position:absolute;bottom:0;left:0}@keyframes timeline-undo-timer{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.inspector{padding:var(--sp-4) var(--gutter) var(--sp-2);flex:1 0 auto}.inspector__header{align-items:center;gap:10px;display:flex}.inspector__header .panel__title{white-space:nowrap;min-width:0;font:500 10px/1 var(--font-num);letter-spacing:.18em;color:var(--accent-text)}.inspector__header .panel__title .dot{width:6px;height:6px}.inspector__actions{gap:var(--sp-3);flex:none;margin-left:auto;display:flex}.inspector__name{font:400 22px/1.15 var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:8px 0 14px;overflow:hidden}.inspector__group{border-top:var(--rule-mid) solid var(--line-strong);padding:8px 0 10px}.inspector__group-title{color:var(--text);font:900 14px/1.3 var(--font-ui);align-items:baseline;gap:10px;margin:0 0 4px;display:flex}.inspector__group-no{color:var(--accent-text);font:500 11px/1 var(--font-num)}.inspector>.panel__hint{margin-top:var(--sp-3)}.decoration-sub{border-left:var(--rule-thick) solid var(--accent-soft);margin:2px 0 6px;padding-left:14px}.decoration-sub .field{grid-template-columns:calc(var(--field-label) - 14px) minmax(0, 1fr);min-height:30px}.font-sample{margin:2px 0 6px calc(var(--field-label) + 10px);border:1px solid var(--line);background:var(--inset);color:var(--text);text-overflow:ellipsis;white-space:nowrap;padding:6px 10px;font-size:22px;line-height:1.35;overflow:hidden}.font-note{margin:0 0 6px calc(var(--field-label) + 10px);color:var(--text-dim);font:400 11px/1.5 var(--font-ui)}.font-note--warn{color:var(--accent-text)}.font-local{margin:6px 0 4px}.font-local .btn{width:100%}.font-local .font-note{margin:6px 0 0}.export-panel{--focus-ring:2px solid var(--on-ink);z-index:2;overscroll-behavior:contain;max-height:62vh;padding:var(--sp-4) var(--gutter) 18px;background:var(--stage);color:var(--on-ink);flex:none;margin-top:auto;position:sticky;bottom:0;overflow-y:auto}.export-panel__head{justify-content:space-between;align-items:baseline;gap:var(--sp-3);margin-bottom:10px;display:flex}.export-panel .panel__title{color:var(--on-ink);font-size:17px}.export-panel__meta{min-width:0;color:var(--on-ink-dim);font:400 11px/1 var(--font-num);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.export-formats{border-top:1px solid var(--on-ink-line);border-bottom:1px solid var(--on-ink-line);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.export-formats__item{border-radius:var(--radius);min-width:0;color:var(--on-ink);text-align:left;cursor:pointer;transition:background var(--dur-fast);background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 8px 9px 10px;display:flex}.export-formats__item:first-child{padding-left:0}.export-formats__item+.export-formats__item{border-left:1px solid var(--on-ink-line)}.export-formats__item:hover:not(:disabled){background:var(--on-ink-hover)}.export-formats__item:disabled{cursor:default;opacity:.55}.export-formats__label{font:900 13px/1.2 var(--font-ui);white-space:nowrap;align-items:center;gap:5px;display:flex}.export-formats__item.is-active .export-formats__label{color:var(--on-ink-accent)}.export-formats__item.is-active .export-formats__label:before{content:"";background:currentColor;border-radius:50%;flex:none;width:7px;height:7px}.export-formats__hint{color:var(--on-ink-dim);font:400 10.5px/1.3 var(--font-ui)}.export-panel__desc{margin:var(--sp-2) 0 0;color:var(--on-ink-dim);font-size:11px;line-height:1.55}.export-panel .panel__warn{border-left-color:var(--accent);background:var(--on-ink-warn);color:var(--on-ink)}.btn.export-panel__go{background:var(--accent);min-height:44px;color:var(--accent-ink);font:900 15px/1 var(--font-ui);border:0;justify-content:space-between;padding:0 16px}.btn.export-panel__go:hover:not(:disabled){background:var(--accent-text);color:var(--accent-ink)}.btn.export-panel__go:disabled{opacity:.4}.export-panel__arrow{font:400 20px/1 var(--font-num);transition:transform var(--dur-fast)}.export-panel__go:hover:not(:disabled) .export-panel__arrow{transform:translate(3px)}.export-progress{margin-top:var(--sp-3)}.export-progress__row{align-items:baseline;gap:var(--sp-2);font-size:12px;display:flex}.export-progress__phase{color:var(--on-ink);font-weight:700}.export-progress__count{color:var(--on-ink-dim);font:400 11px/1 var(--font-num);font-variant-numeric:tabular-nums;flex:1}.export-progress__percent{color:var(--on-ink-accent);font:500 15px/1 var(--font-num);font-variant-numeric:tabular-nums}.export-progress__bar{height:6px;margin-top:var(--sp-2);background:var(--on-ink-track);overflow:hidden}.export-progress__fill{background:var(--accent);height:100%;transition:width .15s linear}.btn.export-progress__abort{border-color:var(--on-ink);min-height:38px;color:var(--on-ink)}.btn.export-progress__abort:hover:not(:disabled){border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.export-guide{margin-top:var(--sp-3);border:1px solid var(--on-ink-line);border-top:var(--rule-mid) solid var(--on-ink-accent);padding:10px 12px;font-size:12px}.export-guide__head{align-items:center;gap:var(--sp-2);display:flex}.export-guide__file{min-width:0;color:var(--on-ink);font:500 12px/1.3 var(--font-num);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.export-guide__size{color:var(--on-ink-dim);font:400 11px/1 var(--font-num);font-variant-numeric:tabular-nums}.export-guide__steps{margin:var(--sp-2) 0 0;color:var(--on-ink-dim);padding-left:18px}.export-guide__steps li+li{margin-top:3px}.export-guide__steps li::marker{color:var(--on-ink-accent);font-family:var(--font-num)}.export-guide__text{margin:var(--sp-2) 0 0;color:var(--on-ink-dim)}.export-guide__close{color:var(--on-ink-dim);align-items:center;padding:4px;display:inline-flex}.export-guide__close:hover{color:var(--on-ink)}.toast-stack{left:var(--sp-6);bottom:var(--sp-6);z-index:100;align-items:flex-start;gap:var(--sp-3);max-width:min(440px, calc(100vw - var(--col-right) - 2 * var(--sp-6)));pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{border:var(--rule-mid) solid var(--line-strong);border-radius:var(--radius);background:var(--panel);max-width:100%;box-shadow:var(--shadow-pop);color:var(--text);font:700 12.5px/1.45 var(--font-ui);pointer-events:auto;animation:toast-in var(--dur) ease-out;align-items:center;gap:14px;padding:9px 10px 9px 14px;display:flex}.toast--error{box-shadow:var(--shadow-pop-error)}.toast--success{border-color:var(--line-strong)}.toast__close{align-items:center;margin-left:auto;padding:4px;display:inline-flex}@keyframes toast-in{0%{opacity:0;transform:translate(-4px,6px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.timeline-undo__timer{animation:none!important}}@media (width<=1279px){:root{--col-left:232px;--col-right:316px;--gutter:18px}.app__header{gap:20px}}@media (width<=900px){body{overflow:auto}.app{grid-template:"header""center""left""right"/minmax(0,1fr);height:auto;min-height:100vh}.preview{height:56vh}.app__left,.app__right{border:0;overflow:visible}.export-panel{max-height:none;position:static}.app__header{row-gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);flex-wrap:wrap}.app__logo{font-size:24px}.comp-settings{border-left:0;flex-wrap:wrap;height:auto}.inline-field{border-right:0;padding:4px 14px 4px 0}.toast-stack{max-width:none;bottom:16px;left:16px;right:16px}}