:root,:root[data-theme=dark]{--bg: #131519;--bg-2: #0e1013;--panel: #1b1e24;--panel-2: #22262e;--panel-3: #2b303a;--panel-hi: #323844;--border: #333945;--border-soft: #24282f;--text: #e9ebf0;--text-dim: #98a0ac;--text-faint: #656c78;--accent: #d3ef1c;--accent-2: #b9d40f;--accent-soft: rgba(211, 239, 28, .15);--accent-fill: #d3ef1c;--accent-fill-2: #b9d40f;--on-accent: #101013;--danger: #ff6060;--danger-soft: rgba(255, 96, 96, .14);--ok: #3ddc97;--ok-soft: rgba(61, 220, 151, .14);--warn: #ffbf5c;--warn-soft: rgba(255, 191, 92, .14);--shadow: 0 10px 34px rgba(0, 0, 0, .45);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--canvas-bg: #0f1115;--canvas-check: #14161b;--asset-check: #1a1c22;--selected-bg: #2b3444;--scrollbar-thumb: #3a3f4a;--tl-grid: rgba(255, 255, 255, .05);--ruler-bg: #1b1e24;--ruler-tick: #3a4048;--ruler-label: #6b7280;--ruler-banner: var(--accent);--ruler-cursor: var(--danger);--safezone-line: rgba(123, 164, 255, .9);--safezone-shade: rgba(4, 6, 10, .44);--tl-clip-group: #9b7bf0;--tl-clip-image: #b99cf5;--tl-clip-svg: #b99cf5;--tl-clip-video: #5ec8e8;--tl-clip-text: #d7e85c;--tl-clip-shape: #f58fbf;--tl-clip-button: #f79e64;--tl-clip-label: #15181d;--tl-clip-handle: rgba(0, 0, 0, .34);--tl-clip-muted: .42;--tl-track: #1c1e23;--tl-track-alt: #202329;--tl-subtrack: rgba(155, 123, 240, .16);--action-regen: #c98bff;--action-regen-soft: rgba(201, 139, 255, .16);--radius: 6px;--radius-lg: 9px}:root[data-theme=light]{--bg: #eef1f6;--bg-2: #e2e7ef;--panel: #ffffff;--panel-2: #f4f6fa;--panel-3: #e8ecf3;--panel-hi: #dde3ec;--border: #d2d8e2;--border-soft: #e6e9f0;--text: #1a1f29;--text-dim: #55606f;--text-faint: #8791a1;--accent: #5c6f00;--accent-2: #495800;--accent-soft: rgba(150, 178, 0, .16);--accent-fill: #d3ef1c;--accent-fill-2: #c2dd16;--on-accent: #101013;--danger: #d13b3b;--danger-soft: rgba(209, 59, 59, .1);--ok: #17925f;--ok-soft: rgba(23, 146, 95, .12);--warn: #a86a12;--warn-soft: rgba(214, 158, 46, .16);--shadow: 0 12px 34px rgba(30, 42, 62, .16);--shadow-sm: 0 2px 8px rgba(30, 42, 62, .1);--canvas-bg: #dfe3ea;--canvas-check: #cfd5de;--asset-check: #e6e9ef;--selected-bg: #dbe6fb;--scrollbar-thumb: #c2c9d4;--tl-grid: rgba(20, 28, 45, .07);--ruler-bg: #f0f2f7;--ruler-tick: #b6bece;--ruler-label: #6b7280;--ruler-banner: var(--accent);--ruler-cursor: var(--danger);--safezone-line: rgba(59, 111, 224, .85);--safezone-shade: rgba(30, 42, 62, .16);--tl-clip-group: #9670ee;--tl-clip-image: #a986ef;--tl-clip-svg: #a986ef;--tl-clip-video: #3fb2d6;--tl-clip-text: #bcd139;--tl-clip-shape: #ef78ae;--tl-clip-button: #ef8748;--tl-clip-label: #15181d;--tl-clip-handle: rgba(0, 0, 0, .28);--tl-clip-muted: .45;--tl-track: #e8ecf3;--tl-track-alt: #eef1f6;--tl-subtrack: rgba(138, 99, 232, .14);--action-regen: #8b4fd6;--action-regen-soft: rgba(139, 79, 214, .12)}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:13px;color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);overflow:hidden}button{font-family:inherit;font-size:inherit;color:inherit}input,select,textarea{font-family:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px;border:2px solid var(--panel)}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-rows:46px 1fr var(--timeline-h, 232px);grid-template-columns:244px 1fr 312px;grid-template-areas:"toolbar toolbar toolbar" "layers canvas inspector" "timeline timeline timeline";height:100vh;width:100vw}.app--content-aside,.app--mts-visual{grid-template-rows:46px 1fr 0}.app--content-aside .pane-timeline,.app--mts-visual .pane-timeline{display:none}.toolbar{grid-area:toolbar}.pane-layers{grid-area:layers;border-right:1px solid var(--border-soft);min-height:0}.pane-canvas{grid-area:canvas;min-height:0;min-width:0}.pane-inspector{grid-area:inspector;border-left:1px solid var(--border-soft);min-height:0}.pane-timeline{grid-area:timeline;border-top:1px solid var(--border-soft);min-height:0;position:relative}.tl-resize{position:absolute;top:-3px;left:0;right:0;height:8px;cursor:row-resize;z-index:20}.tl-resize:after{content:"";position:absolute;left:0;right:0;top:3px;height:2px;background:transparent;transition:background .12s}.tl-resize:hover:after{background:var(--accent)}.toolbar{display:flex;align-items:center;gap:10px;padding:0 12px;background:var(--panel);border-bottom:1px solid var(--border);-webkit-app-region:drag}.toolbar>*{-webkit-app-region:no-drag}.toolbar__brand{display:flex;align-items:center;gap:8px;font-weight:700;letter-spacing:.2px;padding-right:6px}.toolbar__brand .brand-logo{color:var(--accent);flex:none}.toolbar__group{display:flex;align-items:center;gap:6px}.toolbar__spacer{flex:1}.toolbar__meta{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:12px}.toolbar__sep{width:1px;height:22px;background:var(--border);margin:0 4px}.btn{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;white-space:nowrap;transition:background .12s,border-color .12s}.btn:hover{background:var(--panel-3)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:600}.btn--primary:hover{background:var(--accent-fill-2)}.btn--ghost{background:transparent}.btn--danger{color:var(--danger);border-color:#4a3030}.btn--danger:hover{background:#3a2626}.btn--regen{color:var(--action-regen);border-color:color-mix(in srgb,var(--action-regen) 45%,transparent)}.btn--regen:hover{background:var(--action-regen-soft)}.iconbtn--regen{color:var(--action-regen)}.iconbtn--regen:hover{background:var(--action-regen-soft)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--icon{width:30px;padding:0;justify-content:center}.btn--sm{height:26px;padding:0 8px;font-size:12px}.iconbtn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-dim);border-radius:4px;cursor:pointer}.iconbtn:hover{background:var(--panel-3);color:var(--text)}.iconbtn.is-active{color:var(--accent)}.iconbtn.is-danger:hover{color:var(--danger)}.panel{display:flex;flex-direction:column;height:100%;background:var(--panel);min-height:0}.panel__header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 12px;border-bottom:1px solid var(--border-soft);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700;color:var(--text-dim);flex:0 0 auto}.panel__body{flex:1 1 auto;overflow-y:auto;min-height:0}.panel__section{padding:12px;border-bottom:1px solid var(--border-soft)}.panel__section-title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);margin:0 0 8px;font-weight:700}.empty-hint{padding:24px 16px;color:var(--text-faint);text-align:center;font-size:12px;line-height:1.6}.anim-summary{margin-bottom:12px}.anim-summary__head{display:flex;align-items:center;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);font-weight:700;margin-bottom:6px}.anim-summary__count{padding:1px 7px;border-radius:10px;background:var(--accent-soft);color:var(--accent);letter-spacing:.2px}.anim-clips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.anim-clip{display:flex;flex-direction:column;gap:2px;padding:7px 9px 7px 11px;border:1px solid var(--border-soft);border-left:3px solid var(--text-faint);border-radius:6px;background:var(--border-soft)}.anim-clip--in{border-left-color:var(--accent)}.anim-clip--out{border-left-color:#e0863b}.anim-clip--hold{border-left-style:dashed;background:transparent}.anim-clip--btn{width:100%;text-align:left;cursor:pointer;font:inherit;transition:background .12s,border-color .12s}.anim-clip--btn:hover{background:var(--border)}.anim-clip--btn.is-selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.anim-clip__title{font-size:12px;font-weight:600;color:var(--text)}.anim-clip__meta{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums}.layers__actions{display:flex;gap:6px;padding:8px;border-bottom:1px solid var(--border-soft);flex-wrap:wrap}.layer-row{display:flex;align-items:center;gap:6px;padding:5px 8px;cursor:pointer;border-bottom:1px solid var(--border-soft);-webkit-user-select:none;user-select:none}.layer-row:hover{background:var(--panel-2)}.layer-row.is-selected{background:var(--selected-bg);box-shadow:inset 2px 0 0 var(--accent)}.layer-row.is-hidden{opacity:.5}.layer-row.is-drop-target{box-shadow:inset 0 2px 0 var(--accent)}.layer-row.is-grouped{padding-left:20px}.group-head{display:flex;align-items:center;gap:6px;padding:5px 8px;border-bottom:1px solid var(--border-soft);color:var(--text-dim);-webkit-user-select:none;user-select:none}.group-head.is-selected{background:var(--selected-bg);box-shadow:inset 2px 0 0 var(--accent)}.group-head__name{flex:1;font-size:12px;font-weight:600;color:var(--text);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-members{border-left:2px solid var(--border);margin-left:8px}.iconbtn--sm{width:22px;height:22px}.layer-row__type{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim);flex:0 0 auto}.layer-row__name{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-row__name-input{flex:1 1 auto;background:var(--bg);border:1px solid var(--accent);border-radius:4px;padding:2px 4px;color:var(--text)}.layer-row__badge{font-size:9px;color:var(--accent);border:1px solid #3a4a63;border-radius:3px;padding:0 3px;flex:0 0 auto}.layer-row__badge.is-swapped{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,transparent)}.layer-row__badge--anim{max-width:96px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:var(--accent-soft);border-color:transparent}.media-head__swapped{margin-top:4px;font-size:11px;color:var(--ok)}.layer-row__actions{display:flex;gap:2px;flex:0 0 auto}.canvas-area{display:flex;flex-direction:column;height:100%;background:var(--canvas-bg);position:relative}.canvas-toolbar{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--border-soft);background:var(--panel);flex:0 0 auto}.welcome-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--bg);overflow:auto;display:flex;justify-content:center;padding:7vh 24px 48px}.welcome-screen__video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;pointer-events:none;opacity:.55}.welcome-screen__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(180deg,#13151973,#131519c7),radial-gradient(120% 80% at 50% 0%,rgba(19,21,25,0) 30%,var(--bg) 100%)}:root[data-theme=light] .welcome-screen__video{opacity:.35}:root[data-theme=light] .welcome-screen__scrim{background:linear-gradient(180deg,#eef1f680,#eef1f6d1),radial-gradient(120% 80% at 50% 0%,rgba(238,241,246,0) 30%,var(--bg) 100%)}.welcome-screen__inner{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){.welcome-screen__video{display:none}}.welcome__close{position:fixed;top:16px;right:18px;z-index:91}.welcome-screen__inner{width:100%;max-width:820px}.welcome-screen__eyebrow{display:block;font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.welcome-screen__title{margin:0;font-size:46px;line-height:1.05;font-weight:800;letter-spacing:-.02em}.welcome-screen__lead{margin:18px 0 0;max-width:560px;color:var(--text-dim);font-size:15px;line-height:1.6}.welcome-screen__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;margin-top:34px;border-radius:var(--radius-lg);overflow:hidden;background:var(--border-soft)}@media (max-width: 720px){.welcome-screen__cards{grid-template-columns:1fr}.welcome-screen__title{font-size:34px}}.start-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:118px;padding:18px 16px;background:var(--panel-2);cursor:pointer;text-align:left;color:var(--text);border:none;transition:background .12s}.start-card:hover:not(.is-disabled):not(.is-primary){background:var(--panel-3)}.start-card.is-primary{background:var(--accent-fill);color:var(--on-accent)}.start-card.is-primary:hover{background:var(--accent-fill-2)}.start-card.is-disabled{opacity:.6;cursor:not-allowed}.start-card:focus-visible,.welcome__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.start-card__icon{display:inline-flex;color:inherit;margin-bottom:10px}.start-card__title{font-size:15px;font-weight:700}.start-card__desc{font-size:12px;line-height:1.4;opacity:.75}.start-card.is-primary .start-card__desc{opacity:.9}.start-card__kbd{position:absolute;top:12px;right:12px;display:flex;gap:3px;opacity:.72}.start-card__kbd kbd{font:600 10px/1 ui-monospace,SF Mono,Menlo,monospace;min-width:16px;height:16px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;color:currentColor;background:color-mix(in srgb,currentColor 12%,transparent);border:1px solid color-mix(in srgb,currentColor 26%,transparent)}.start-card__badge{position:absolute;top:12px;right:12px;font-size:9px;text-transform:uppercase;letter-spacing:.5px;font-weight:700;padding:2px 7px;border-radius:10px;background:var(--panel);border:1px solid var(--border);color:var(--text-faint)}.welcome-confirm{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;display:flex;align-items:center;justify-content:center;padding:24px;background:#04060a9e}.welcome-confirm__card{width:100%;max-width:420px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px 22px 18px}.welcome-confirm__title{margin:0 0 8px;font-size:17px;font-weight:700}.welcome-confirm__body{margin:0 0 20px;font-size:13.5px;line-height:1.55;color:var(--text-dim)}.welcome-confirm__actions{display:flex;justify-content:flex-end;gap:8px}.recent{margin-top:36px}.recent--in{animation:recent-in .28s ease both}@keyframes recent-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.recent--in{animation:none}}.recent__skel-row td{padding:10px 12px;border-bottom:1px solid var(--border-soft)}.skel{display:block;height:10px;border-radius:4px;background:var(--panel-2);position:relative;overflow:hidden}.recent__skel-row td:nth-child(1) .skel{width:62%}.recent__skel-row td:nth-child(2) .skel{width:46%}.recent__skel-row td:nth-child(3) .skel{width:24%}.recent__skel-row td:nth-child(4) .skel{width:40%}.skel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--text) 8%,transparent),transparent);animation:skel-shimmer 1.2s ease-in-out infinite}@keyframes skel-shimmer{to{transform:translate(100%)}}@media (prefers-reduced-motion: reduce){.skel:after{animation:none}}.recent__label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--text-dim);margin-bottom:8px}.recent__table{width:100%;border-collapse:collapse;font-size:13px}.recent__table th{text-align:left;font-size:10px;letter-spacing:.6px;text-transform:uppercase;color:var(--text-dim);font-weight:600;padding:6px 12px;border-bottom:1px solid var(--border-soft)}.recent__table td{padding:10px 12px;color:var(--text-dim);border-bottom:1px solid var(--border-soft);white-space:nowrap}.recent__table tbody tr{cursor:pointer}.recent__table tbody tr:hover,.recent__table tbody tr:focus-visible{background:var(--panel-2)}.recent__table tbody tr:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.recent__name{color:var(--text);font-weight:600}.preview-cell{display:flex;flex-direction:column;gap:6px;align-items:flex-start}.preview-cell__label{display:flex;align-items:baseline;gap:8px;font-size:12px;color:var(--text)}.preview-cell__scaler{position:relative;flex:0 0 auto}.preview-cell__stage{position:relative;overflow:hidden;box-shadow:0 0 0 1px var(--border)}.size-tabs{display:flex;align-items:center;gap:4px;padding:6px 12px 0;background:var(--panel);flex:0 0 auto;overflow-x:auto}.size-tab{flex:0 0 auto;padding:5px 12px;border:1px solid var(--border);border-bottom:none;border-radius:var(--radius) var(--radius) 0 0;background:var(--panel-2);color:var(--text-dim);font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;font-variant-numeric:tabular-nums}.size-tab:hover{color:var(--text)}.size-tab.is-active{background:var(--bg);color:var(--accent);box-shadow:inset 0 2px 0 var(--accent)}.size-tab.is-off{opacity:.5}.size-tab__dim{color:var(--text-faint);font-weight:400}.canvas-scroll{flex:1 1 auto;overflow:auto;min-height:0;display:grid;place-items:center;background:linear-gradient(45deg,var(--canvas-check) 25%,transparent 25%),linear-gradient(-45deg,var(--canvas-check) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--canvas-check) 75%),linear-gradient(-45deg,transparent 75%,var(--canvas-check) 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:var(--canvas-bg)}.canvas-stage{position:relative;padding:60px}.banner-frame{position:relative;overflow:hidden;box-shadow:0 0 0 1px var(--border),var(--shadow)}.banner{position:relative;overflow:hidden;transform-origin:top left;z-index:1}.canvas-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:0 0 0 9999px #00000080;z-index:6}.guides-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:7;pointer-events:none}.guide{position:absolute;pointer-events:auto;background:#14b8a6}.guide--v{top:0;height:100%;width:1px;margin-left:-.5px;cursor:col-resize}.guide--h{left:0;width:100%;height:1px;margin-top:-.5px;cursor:row-resize}.guide--v:before{content:"";position:absolute;top:0;bottom:0;left:-3px;right:-3px}.guide--h:before{content:"";position:absolute;left:0;right:0;top:-3px;bottom:-3px}.guide.is-pending{opacity:.6;pointer-events:none}.canvas-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--text-faint);pointer-events:none;overflow:hidden;-webkit-user-select:none;user-select:none}.canvas-empty__text{max-width:100%;line-height:1.35;overflow-wrap:anywhere;word-break:break-word}.canvas-empty__hint{opacity:.72}.layer-el{will-change:transform,opacity}.layer-el.is-locked{cursor:default}.layer-el.is-selectable{cursor:move}.selection{position:absolute;left:0;top:0;border:1px solid var(--accent);pointer-events:none;transform-origin:0 0}.marquee{position:absolute;border:1px solid var(--accent);background:color-mix(in srgb,var(--accent) 14%,transparent);pointer-events:none;z-index:8}.handle{position:absolute;width:10px;height:10px;background:#fff;border:1px solid var(--accent);border-radius:2px;pointer-events:auto;transform:translate(-50%,-50%)}.handle.nw{cursor:nwse-resize}.handle.ne,.handle.sw{cursor:nesw-resize}.handle.se{cursor:nwse-resize}.handle.n,.handle.s{cursor:ns-resize}.handle.w,.handle.e{cursor:ew-resize}.field{margin-bottom:10px}.field__label{display:block;color:var(--text-dim);margin-bottom:4px;font-size:11px}.field-row{display:flex;gap:8px}.field-row>.field{flex:1}.input,.select,.textarea{width:100%;height:28px;background:var(--bg);border:1px solid var(--border);border-radius:5px;color:var(--text);padding:0 8px;outline:none}.textarea{height:auto;padding:6px 8px;resize:vertical;min-height:56px;line-height:1.4}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent)}.input--num{font-variant-numeric:tabular-nums}.input-affix{position:relative;display:flex;align-items:center}.input-affix__suffix{position:absolute;right:8px;color:var(--text-faint);pointer-events:none;font-size:11px}.prop-line{display:flex;align-items:center;gap:6px}.prop-line .input{flex:1}.kf-toggle{width:22px;height:22px;border-radius:50%;border:1px solid var(--border);background:transparent;color:var(--text-faint);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.kf-toggle.is-on{color:var(--accent);border-color:var(--accent)}.kf-toggle.is-here{background:var(--accent-fill);color:var(--on-accent)}.color-field{display:flex;align-items:center;gap:8px}.color-swatch{width:28px;height:28px;border-radius:5px;border:1px solid var(--border);padding:0;cursor:pointer;background:none}.color-pop{position:absolute;z-index:40;top:calc(100% + 6px);left:0;width:max(240px,100%);max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:12px;background:var(--panel-2);border:1px solid var(--border);border-radius:8px;box-shadow:0 10px 30px #00000059}.color-pop__section{display:flex;flex-direction:column;gap:8px}.color-pop__title{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim)}.color-pop__tag{font-size:9px;font-weight:800;letter-spacing:.06em;color:#fff;background:var(--accent);border-radius:4px;padding:1px 5px}.color-pop__group{display:flex;flex-direction:column;gap:4px}.color-pop__group-label{font-size:10px;color:var(--text-faint, var(--text-dim))}.color-pop__hint{margin:0;font-size:10px;color:var(--text-dim)}.color-palette{display:flex;flex-wrap:wrap;gap:4px}.color-palette__chip{width:20px;height:20px;border-radius:4px;border:1px solid var(--border);padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px #ffffff0f}.color-palette__chip:hover{transform:scale(1.12)}.color-palette__chip.is-active{outline:2px solid var(--accent);outline-offset:1px}.color-editor{display:flex;flex-direction:column;gap:8px}.color-editor__top{display:flex;align-items:center;gap:8px}.color-editor__top .segmented{flex:1}.color-editor__preview{position:relative;overflow:hidden;background-image:repeating-conic-gradient(#bbb,#bbb 25%,#fff 0%,#fff 50%);background-size:10px 10px;flex-shrink:0}.color-editor__preview>span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit}.color-editor__row{display:flex;gap:6px}.color-editor__hex{position:relative;flex:1;display:flex;align-items:center}.color-editor__hash{position:absolute;left:8px;color:var(--text-dim);font-size:12px;pointer-events:none}.color-editor__hex .input{padding-left:18px;text-transform:uppercase;width:100%}.color-editor__alpha{width:78px;flex-shrink:0}.color-editor__rgb{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.segmented{display:flex;background:var(--bg);border:1px solid var(--border);border-radius:5px;overflow:hidden}.seg-btn{flex:1;height:28px;border:none;background:transparent;color:var(--text-dim);cursor:pointer;font-size:11px}.seg-btn:not(:last-child){border-right:1px solid var(--border)}.seg-btn.is-active{background:var(--accent-fill);color:var(--on-accent)}.constraint-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.timeline{display:flex;flex-direction:column;height:100%;background:var(--panel);min-height:0}.timeline__bar{display:flex;align-items:center;gap:10px;padding:6px 12px;border-bottom:1px solid var(--border-soft);flex:0 0 auto}.timeline__time{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:12px;min-width:120px}.timeline__body{flex:1 1 auto;overflow:auto;min-height:0;position:relative;-webkit-user-select:none;user-select:none}.tl-grid{display:grid;grid-template-columns:156px 1fr;width:max-content;min-width:100%}.tl-labelcol{border-right:1px solid var(--border);background:var(--panel);position:sticky;left:0;z-index:3}.tl-lanecol{position:relative}.tl-ruler{height:26px;position:sticky;top:0;z-index:2;background:var(--panel-2);border-bottom:1px solid var(--border)}.tl-ruler__tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--border);color:var(--text-faint);font-size:10px;padding:3px;pointer-events:none}.tl-rowlabel{height:24px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid var(--border-soft);color:var(--text-dim);font-size:12px}.tl-rowlabel.is-head{height:34px;color:var(--text);font-weight:600;background:var(--panel-2)}.tl-head-type{display:inline-flex;flex:none;color:var(--text-dim)}.tl-head-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.tl-head-preset{flex:none;font-size:11px;color:var(--text-faint);max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-rowlabel.is-head.is-selected{background:var(--accent-soft);box-shadow:inset 2px 0 0 var(--accent)}.tl-rowlabel__spacer{flex:1}.tl-lane{height:24px;border-bottom:1px solid var(--border-soft);position:relative}.tl-lane.is-head{height:34px;background:var(--panel-2)}.tl-lane--prop{background:var(--tl-subtrack)}.tl-clip{position:absolute;top:50%;transform:translateY(-50%);height:24px;border-radius:7px;display:flex;align-items:center;padding:0 8px;overflow:hidden;color:var(--tl-clip-label);z-index:1;cursor:grab}.tl-clip:active{cursor:grabbing}.tl-clip.is-muted{opacity:var(--tl-clip-muted)}.tl-clip--group{cursor:default}.tl-clip__label{display:inline-flex;align-items:center;gap:5px;min-width:0;font-size:11px;font-weight:600;pointer-events:none}.tl-clip__kfmark{flex:none;color:var(--tl-clip-label)}.tl-clip__label svg{flex:none}.tl-clip__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tl-clip__handle{position:absolute;top:50%;transform:translateY(-50%);width:3px;height:16px;border-radius:2px;background:var(--tl-clip-handle);cursor:ew-resize}.tl-clip__handle:before{content:"";position:absolute;top:-4px;right:-5px;bottom:-4px;left:-5px}.tl-clip__handle--l{left:6px}.tl-clip__handle--r{right:6px}.tl-rowlabel--addprop{padding:0 8px}.tl-addprop{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:100%;height:19px;padding:0 6px;font-size:11px;color:var(--text-faint);background:transparent;border:1px dashed var(--border);border-radius:5px;cursor:pointer}.tl-addprop:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.tl-addprop:disabled{opacity:.5;cursor:not-allowed}.tl-lane--addprop{background:transparent}.tl-kf{position:absolute;top:50%;width:11px;height:11px;background:var(--accent);border:1px solid #fff;border-radius:2px;transform:translate(-50%,-50%) rotate(45deg);cursor:pointer}.tl-kf.is-selected{background:var(--warn)}.tl-limit-zone{position:absolute;top:0;bottom:0;background:var(--danger-soft);z-index:3;pointer-events:none}.tl-limit-line{position:absolute;top:0;bottom:0;width:1px;background:var(--danger);z-index:3;pointer-events:none}.tl-limit-label{position:absolute;top:2px;transform:translate(4px);font-size:10px;line-height:1.4;color:var(--danger);background:var(--panel-2);padding:0 4px;border-radius:3px;white-space:nowrap;z-index:5;cursor:help}.tl-zoom{gap:8px}.tl-zoom__slider{width:120px;accent-color:var(--accent);cursor:pointer}.tl-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--accent);z-index:4;pointer-events:none}.tl-playhead:before{content:"";position:absolute;top:0;left:-5px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid var(--accent)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:grid;place-items:center;z-index:100}.modal{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);width:min(560px,92vw);max-height:88vh;overflow:auto}.modal--wide{width:min(880px,94vw)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border-soft);font-weight:700}.modal__body{padding:18px}.modal__footer{display:flex;justify-content:flex-end;gap:8px;padding:14px 18px;border-top:1px solid var(--border-soft)}.preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-bottom:14px}.preset{position:relative;border:1px solid var(--border);background:var(--panel-2);border-radius:6px;padding:8px 10px;cursor:pointer;text-align:left}.preset:hover{border-color:var(--accent)}.preset.is-active{border-color:var(--accent);background:var(--selected-bg)}.preset.is-closest{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);background:var(--accent-soft)}.preset__closest{position:absolute;top:-7px;right:8px;font-size:9px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;padding:1px 6px;border-radius:8px;background:var(--accent-fill);color:var(--on-accent)}.preset-hint{margin:-2px 0 10px;font-size:12px;line-height:1.5;color:var(--text-dim)}.preset__label{font-size:11px;color:var(--text-dim)}.preset__dims{font-weight:700;font-variant-numeric:tabular-nums}.preset--mts{display:flex;flex-direction:column;gap:6px}.preset__thumb{width:100%;height:auto;display:block;border-radius:4px}.toast{position:fixed;bottom:16px;left:50%;transform:translate(-50%);background:var(--panel-3);border:1px solid var(--border);border-radius:8px;padding:10px 16px;box-shadow:var(--shadow);z-index:200;max-width:70vw}.toast.is-error{border-color:#5a3535}.badge{display:inline-block;font-size:10px;padding:1px 6px;border-radius:10px;border:1px solid var(--border);color:var(--text-dim)}.checklist{list-style:none;margin:0;padding:0}.check{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--border-soft);align-items:flex-start}.check__icon{flex:0 0 auto;width:18px;height:18px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:11px;margin-top:1px}.check--pass .check__icon{background:#37d39b26;color:var(--ok)}.check--warn .check__icon{background:#ffb84d26;color:var(--warn)}.check--fail .check__icon{background:#ff5c5c26;color:var(--danger)}.check__body{flex:1}.check__title{font-weight:600}.check__detail{color:var(--text-dim);font-size:12px;margin-top:2px}.spinner{width:34px;height:34px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 12px}@keyframes spin{to{transform:rotate(360deg)}}.link{color:var(--accent);cursor:pointer;text-decoration:none}.link:hover{text-decoration:underline}.leftpanel{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--panel)}.section-head{display:flex;align-items:center;gap:6px;padding:8px 10px;border-bottom:1px solid var(--border-soft);text-transform:uppercase;letter-spacing:.6px;font-size:11px;font-weight:700;color:var(--text-dim);flex:0 0 auto;-webkit-user-select:none;user-select:none}.section-head__toggle{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:inherit;cursor:pointer;padding:0;font:inherit;letter-spacing:inherit;text-transform:inherit;flex:1}.section-head__chevron{transition:transform .15s ease;color:var(--text-faint)}.section-head__chevron.is-open{transform:rotate(90deg)}.section-head__count{color:var(--text-faint);font-weight:600}.assets{display:flex;flex-direction:column;flex:0 0 auto;border-bottom:1px solid var(--border);max-height:46%;min-height:0}.assets__body{overflow-y:auto;min-height:0}.assets-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:6px;padding:8px}.asset-tile{position:relative;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);overflow:hidden;cursor:grab;aspect-ratio:1 / 1;display:flex;flex-direction:column}.asset-tile:hover{border-color:var(--accent)}.asset-tile__thumb{flex:1;min-height:0;display:grid;place-items:center;background:linear-gradient(45deg,var(--asset-check) 25%,transparent 25%),linear-gradient(-45deg,var(--asset-check) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--asset-check) 75%),linear-gradient(-45deg,transparent 75%,var(--asset-check) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0;overflow:hidden}.asset-tile__thumb img,.asset-tile__thumb video{max-width:100%;max-height:100%;object-fit:contain;display:block}.asset-tile__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:50%;background:#0000008c;color:#fff;display:grid;place-items:center;pointer-events:none}.asset-tile__name{font-size:10px;color:var(--text-dim);padding:2px 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--panel);border-top:1px solid var(--border-soft)}.asset-tile__type{position:absolute;top:3px;left:3px;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.4px;padding:1px 4px;border-radius:3px;background:#0000008c;color:var(--text-dim)}.asset-tile__remove{position:absolute;top:2px;right:2px;width:18px;height:18px;border:none;border-radius:4px;background:#0000008c;color:var(--text-dim);cursor:pointer;display:none;align-items:center;justify-content:center}.asset-tile:hover .asset-tile__remove{display:inline-flex}.asset-tile__remove:hover{color:var(--danger)}.layers{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.layers__search{padding:6px 8px;border-bottom:1px solid var(--border-soft);flex:0 0 auto}.layers__search .input{height:26px}.layer-row__thumb{width:24px;height:24px;border-radius:4px;border:1px solid var(--border);background:var(--panel-3);overflow:hidden;flex:0 0 auto;display:grid;place-items:center;color:var(--text-faint)}.layer-row__thumb img{width:100%;height:100%;object-fit:cover}.layer-row__thumb--text{font-weight:800;font-size:13px;color:var(--text-dim)}.cx{display:flex;gap:12px;align-items:center}.cx__widget{--cx-size: 76px;position:relative;width:var(--cx-size);height:var(--cx-size);flex:0 0 auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius)}.cx__inner{position:absolute;left:26%;top:26%;right:26%;bottom:26%;border:1.5px solid var(--accent);border-radius:2px;background:var(--accent-soft)}.cx__pin{position:absolute;background:transparent;border:none;cursor:pointer;padding:0}.cx__pin:after{content:"";position:absolute;background:var(--border);border-radius:2px}.cx__pin.is-on:after{background:var(--accent)}.cx__pin.pin-left,.cx__pin.pin-right{top:38%;bottom:38%;width:24%}.cx__pin.pin-left{left:0}.cx__pin.pin-right{right:0}.cx__pin.pin-left:after,.cx__pin.pin-right:after{top:50%;width:12px;height:2px;transform:translateY(-50%)}.cx__pin.pin-left:after{left:5px}.cx__pin.pin-right:after{right:5px}.cx__pin.pin-top,.cx__pin.pin-bottom{left:38%;right:38%;height:24%}.cx__pin.pin-top{top:0}.cx__pin.pin-bottom{bottom:0}.cx__pin.pin-top:after,.cx__pin.pin-bottom:after{left:50%;height:12px;width:2px;transform:translate(-50%)}.cx__pin.pin-top:after{top:5px}.cx__pin.pin-bottom:after{bottom:5px}.cx__scales{display:flex;flex-direction:column;gap:6px;flex:1}.cx__summary{font-size:11px;color:var(--text-dim);line-height:1.5}.cx__summary b{color:var(--text);font-weight:600}.crop-banner{display:flex;align-items:center;gap:8px;padding:7px 10px;margin-bottom:10px;border:1px solid var(--accent);background:var(--accent-soft);border-radius:var(--radius);font-size:12px}.crop-frame-outline{position:absolute;border:1px dashed var(--accent);pointer-events:none}.layer-el.is-cropping{cursor:grab}.tl-rowlabel__expand{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--panel-3);color:var(--text-dim);border-radius:4px;cursor:pointer;flex:0 0 auto;transition:background .12s,color .12s,border-color .12s}.tl-rowlabel__expand:hover{background:var(--panel-hi);color:var(--text);border-color:var(--accent)}.tl-rowlabel__expand:active{background:var(--accent-soft)}.tl-rowlabel__expand:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.tl-rowlabel__expand .chev{transition:transform .15s ease}.tl-rowlabel__expand .chev.is-open{transform:rotate(90deg);color:var(--accent)}.tl-addkf{width:18px;height:18px;border-radius:4px;border:1px solid var(--border);background:transparent;color:var(--text-faint);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.tl-addkf:hover{color:var(--accent);border-color:var(--accent)}.tl-addkf.is-here{background:var(--accent-fill);color:var(--on-accent);border-color:var(--accent)}.tl-prop-name{padding-left:4px;color:var(--text-dim)}.tl-seg{position:absolute;top:50%;height:4px;transform:translateY(-50%);background:var(--accent);opacity:.5;border-radius:2px;pointer-events:none}.tl-seg__ease{position:absolute;left:50%;top:-13px;transform:translate(-50%);font-size:9px;line-height:1;color:var(--text-dim);background:var(--panel);padding:1px 4px;border-radius:3px;white-space:nowrap;pointer-events:none}.tl-kf-dot{position:absolute;top:50%;width:5px;height:5px;background:var(--text-faint);border-radius:1px;transform:translate(-50%,-50%) rotate(45deg);pointer-events:none}.tl-kf-editor{display:flex;align-items:center;gap:6px;color:var(--text-dim)}.tl-kf-editor__prop{font-weight:600;font-size:12px;color:var(--text)}.tl-kf-editor label{font-size:11px;color:var(--text-faint)}.tl-kf-editor .input{height:26px}.easing-mini{width:34px;height:20px;border:1px solid var(--border);border-radius:4px;background:var(--bg)}.readiness-pill{display:inline-flex;align-items:center;gap:6px;height:26px;padding:0 10px;border-radius:13px;border:1px solid var(--border);background:var(--panel-2);cursor:pointer;font-size:12px;font-weight:600}.readiness-pill .dotstatus{width:8px;height:8px;border-radius:50%}.readiness-pill.ready{border-color:#3ddc9766;color:var(--ok)}.readiness-pill.ready .dotstatus{background:var(--ok)}.readiness-pill.warnings{border-color:#ffbf5c66;color:var(--warn)}.readiness-pill.warnings .dotstatus{background:var(--warn)}.readiness-pill.blocked{border-color:#ff606066;color:var(--danger)}.readiness-pill.blocked .dotstatus{background:var(--danger)}.verdict{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius);margin-bottom:14px;border:1px solid var(--border)}.verdict.ready{background:var(--ok-soft);border-color:#3ddc9759}.verdict.warnings{background:var(--warn-soft);border-color:#ffbf5c59}.verdict.blocked{background:var(--danger-soft);border-color:#ff606059}.verdict__badge{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-size:18px;flex:0 0 auto}.verdict__title{font-weight:700;font-size:14px}.verdict__sub{color:var(--text-dim);font-size:12px}.check__cat{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);margin:12px 0 2px;font-weight:700}.sizes-btn{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);cursor:pointer;font-variant-numeric:tabular-nums}.sizes-btn:hover{background:var(--panel-3)}.sizes-btn__master{font-weight:700}.sizes-btn__extra{font-size:11px;color:var(--text-faint)}.ca-surface-tabs{display:inline-flex;gap:4px;padding:3px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2)}.ca-surface-tab{display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:3px 10px;border:0;border-radius:calc(var(--radius) - 2px);background:transparent;color:var(--text-faint);cursor:pointer;line-height:1.1;font-variant-numeric:tabular-nums}.ca-surface-tab:hover{background:var(--panel-3);color:var(--text)}.ca-surface-tab.is-active{background:var(--accent-fill);color:var(--on-accent)}.ca-surface-tab__label{font-weight:700;font-size:12px}.ca-surface-tab__dims{font-size:10px;opacity:.8}.ca-token-derived{display:flex;align-items:center;gap:8px}.ca-token-swatch{width:26px;height:26px;border-radius:6px;border:1px solid var(--border);flex:none}.ca-token-derived__meta{flex:1;font-size:11px;color:var(--text-faint);line-height:1.3}.ca-report-preview{max-height:260px;overflow:auto;margin:0;padding:10px 12px;background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px;line-height:1.5;white-space:pre-wrap;color:var(--text)}.popover-wrap{position:relative}.popover{position:absolute;top:calc(100% + 6px);z-index:60;min-width:280px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:12px}.popover--right{right:0}.menu-item{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:none;background:transparent;color:var(--text);font:inherit;font-size:13px;border-radius:var(--radius);cursor:pointer;text-align:left}.menu-item:hover{background:var(--panel-2)}.menu-item svg{color:var(--text-dim);flex:0 0 auto}.menu-sep{height:1px;background:var(--border-soft);margin:6px 2px}.popover__title{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);font-weight:700;margin-bottom:8px;display:flex;align-items:center;gap:6px}.size-row{display:flex;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid var(--border-soft)}.size-row__dims{font-variant-numeric:tabular-nums;font-weight:600;min-width:74px}.size-row__name{flex:1;color:var(--text-dim);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.size-row.is-master{color:var(--accent)}.roadmap-tag{font-size:9px;text-transform:uppercase;letter-spacing:.5px;padding:1px 5px;border-radius:3px;border:1px solid var(--border);color:var(--text-faint);font-weight:700}.size-badge{font-size:9px;text-transform:uppercase;letter-spacing:.4px;padding:1px 6px;border-radius:10px;border:1px solid var(--border);color:var(--text-faint);font-weight:700;flex:0 0 auto}.size-badge.is-master-badge{color:var(--accent);border-color:#5b8cff66}.hint-inline{display:flex;gap:7px;padding:8px 10px;border-radius:var(--radius);background:var(--panel-2);border:1px solid var(--border-soft);color:var(--text-dim);font-size:11.5px;line-height:1.5;margin-top:8px}kbd{font-family:inherit;font-size:10px;padding:1px 5px;border-radius:4px;border:1px solid var(--border);background:var(--panel-3);color:var(--text-dim)}.align-row{display:flex;gap:4px;align-items:center}.align-btn{width:32px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--panel-2);color:var(--text-dim);border-radius:5px;cursor:pointer}.align-btn:hover{background:var(--panel-3);color:var(--text);border-color:var(--accent)}.align-sep{width:1px;height:20px;background:var(--border);margin:0 3px}.layer-head{display:flex;gap:8px;align-items:center}.layer-head .input{flex:1;font-weight:600}.layer-head__actions{display:flex;gap:1px;flex:0 0 auto}.layer-head__actions .iconbtn{border:1px solid transparent}.media-head{display:flex;gap:10px;align-items:center;margin-bottom:12px}.media-head__thumb{width:56px;height:56px;flex:0 0 auto;border:1px solid var(--border);border-radius:6px;overflow:hidden;display:grid;place-items:center;color:var(--text-faint);background:linear-gradient(45deg,var(--asset-check) 25%,transparent 25%),linear-gradient(-45deg,var(--asset-check) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--asset-check) 75%),linear-gradient(-45deg,transparent 75%,var(--asset-check) 75%);background-size:12px 12px;background-position:0 0,0 6px,6px -6px,-6px 0}.media-head__thumb img,.media-head__thumb video{max-width:100%;max-height:100%;object-fit:contain}.toggle-row{display:flex;gap:6px}.toggle-chip{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;height:28px;padding:0 10px;white-space:nowrap;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);border-radius:5px;cursor:pointer;font-size:12px}.toggle-chip:hover{border-color:var(--accent);color:var(--text)}.toggle-chip.is-on{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent)}.toggle-chip.is-warn{border-color:var(--warn);color:var(--warn)}.media-head__meta{flex:1;min-width:0}.media-head__name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-head__dim{font-size:11px;color:var(--text-dim);font-variant-numeric:tabular-nums;margin:1px 0 7px}.canvas-body{flex:1 1 auto;min-height:0;min-width:0;display:grid;grid-template-columns:22px 1fr;grid-template-rows:22px 1fr}.ruler-corner{background:var(--panel);border-right:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);display:grid;place-items:center;color:var(--text-faint)}.ruler-h{border-bottom:1px solid var(--border-soft);overflow:hidden}.ruler-v{border-right:1px solid var(--border-soft);overflow:hidden}canvas.ruler{display:block;width:100%;height:100%}.safezone{position:absolute;pointer-events:none;border:1px dashed var(--safezone-line);box-shadow:0 0 0 4000px var(--safezone-shade);z-index:6}.safezone__tag{position:absolute;top:2px;left:3px;font-size:9px;line-height:1;padding:2px 4px;border-radius:3px;background:var(--safezone-line);color:#fff;font-weight:700;white-space:nowrap}.size-context{display:flex;align-items:center;gap:8px;min-width:0}.size-context__eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);font-weight:700}.size-context__name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.size-context.is-adaptation .size-context__name{color:var(--accent)}.status-badge{display:inline-flex;align-items:center;gap:4px;font-size:9px;text-transform:uppercase;letter-spacing:.4px;padding:1px 6px;border-radius:10px;border:1px solid var(--border);color:var(--text-faint);font-weight:700;flex:0 0 auto;white-space:nowrap}.status-badge.is-master{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.status-badge.is-generated{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 40%,transparent)}.status-badge.is-edited{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.status-badge.is-regen{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent);background:var(--warn-soft)}.status-badge.is-warn{color:var(--warn);border-color:color-mix(in srgb,var(--warn) 45%,transparent)}.status-badge.is-over{color:var(--danger);border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--danger-soft)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2);color:var(--text-dim);cursor:pointer}.theme-toggle:hover{background:var(--panel-3);color:var(--text)}.lang-toggle{width:auto;min-width:34px;padding:0 9px;font-size:12px;font-weight:700;letter-spacing:.04em;font-variant-numeric:tabular-nums}.lang-switch{display:inline-flex;align-items:center;gap:2px;height:30px;padding:0 4px 0 7px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2)}.lang-switch__icon{color:var(--text-dim);margin-right:2px}.lang-switch__opt{height:22px;min-width:26px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:var(--text-dim);font-size:12px;font-weight:700;letter-spacing:.04em;cursor:pointer}.lang-switch__opt:hover{color:var(--text)}.lang-switch__opt.is-active{background:var(--accent);color:#fff}.size-panel{min-width:340px;max-height:min(600px,80vh);overflow-y:auto}.size-panel__scroll{margin:0 -2px}.size-row{cursor:pointer;border-radius:5px;padding:6px}.size-row:hover{background:var(--panel-2)}.size-row.is-active{background:var(--selected-bg);box-shadow:inset 2px 0 0 var(--accent)}.size-row__group{font-size:9px;color:var(--text-faint);text-transform:uppercase;letter-spacing:.4px}.size-row__actions{display:flex;gap:1px;flex:0 0 auto}.size-row__warn{display:inline-flex;color:var(--warn)}.size-row__warn.is-over{color:var(--danger)}.size-dot{width:6px;height:6px;border-radius:50%;display:inline-block;flex:none}.size-dot--ok{background:var(--ok)}.size-dot--warn{background:var(--warn)}.size-dot--blocked{background:var(--danger)}.size-dot--empty{background:transparent;box-shadow:inset 0 0 0 1px var(--text-faint)}.size-group-head{display:flex;align-items:center;gap:8px;margin:12px 2px 6px;font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-faint);font-weight:700}.size-group-head:after{content:"";flex:1;height:1px;background:var(--border-soft)}.preset-chips{display:flex;flex-wrap:wrap;gap:5px}.preset-chip{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 8px;border:1px solid var(--border);border-radius:5px;background:var(--panel-2);color:var(--text-dim);cursor:pointer;font-size:11px;font-variant-numeric:tabular-nums}.preset-chip:hover{border-color:var(--accent);color:var(--text)}.preset-chip.is-selected{border-color:var(--accent);background:var(--accent-soft);color:var(--text)}.preset-chip.is-added{opacity:.5;cursor:default}.preset-chip.is-related{border-color:var(--ok);box-shadow:0 0 0 1px var(--ok)}.size-row.is-related{box-shadow:inset 0 0 0 1px var(--ok);border-radius:var(--radius)}.preset-chip__check{color:var(--accent);display:inline-flex}.sz-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.sz-hint{font-size:11px;color:var(--text-dim);margin-top:6px;line-height:1.5}.budget-meter{height:8px;border-radius:5px;background:var(--panel-3);overflow:hidden;margin:8px 0 6px}.budget-meter__fill{height:100%;background:var(--ok);border-radius:5px;transition:width .18s ease,background .18s ease}.budget-meter__fill.is-warn{background:var(--warn)}.budget-meter__fill.is-over{background:var(--danger)}.budget-line{display:flex;justify-content:space-between;font-size:11.5px;color:var(--text-dim);font-variant-numeric:tabular-nums}.budget-line b{color:var(--text)}.budget-note{font-size:11px;color:var(--text-dim);background:var(--panel-2);border:1px solid var(--border-soft);border-radius:var(--radius);padding:7px 9px;margin-top:8px;line-height:1.5}.mvstage{display:flex;flex-direction:column;height:100%;min-height:0;background:var(--canvas-bg)}.mvstage__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--border);background:var(--panel-2)}.mvstage__hint{font-size:12px;color:var(--text-2, #9aa3b2);line-height:1.4}.mvstage__scroll{flex:1;min-height:0;overflow:auto;padding:24px;display:flex;flex-direction:column;align-items:center;gap:26px}.mvstage__cell{display:flex;flex-direction:column;gap:6px}.mvstage__label{display:flex;align-items:center;gap:10px;font-size:13px}.mvstage__tag{font-size:11px;font-weight:600;color:var(--accent);border:1px solid var(--accent);border-radius:5px;padding:1px 7px}.mvstage__badge{font-size:11px;padding:2px 8px;border-radius:6px}.mvstage__badge.is-ok{color:#7fd06a;background:#3fae2a26}.mvstage__badge.is-bad{color:#ff6b7a;background:#e2001a26}.mvstage__scaler{position:relative;box-shadow:0 6px 24px #00000059;border-radius:4px;outline:2px solid transparent;outline-offset:3px}.mvstage__cell.is-active .mvstage__scaler{outline-color:var(--accent)}.mvstage__poster{position:relative;overflow:hidden;border-radius:4px}.mvstage__scaler.is-empty{cursor:pointer}.mvstage__empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:var(--text-faint);font-size:13px;border:2px dashed var(--border);border-radius:4px;pointer-events:none}.mvstage__scaler.is-empty:hover .mvstage__empty{border-color:var(--accent);color:var(--text-dim)}.mvstage__empty-plus{font-size:26px;line-height:1}.mvstage__shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:0 0 0 9999px #0000008c;z-index:50}.mvstage__safe{position:absolute;border:2px dashed #3fae2a;border-radius:2px;pointer-events:none}.mvstage__safe.is-bad{border-color:#e2001a}.mvstage__ruler{position:absolute;z-index:6;background:var(--panel-2);border:1px solid var(--border);cursor:crosshair}.mvstage__ruler--x{top:-16px;left:0}.mvstage__ruler--y{left:-16px;top:0}.mvstage__ruler-tick{stroke:var(--text-dim);stroke-width:1}.mvstage__ruler-label{fill:var(--text-dim);font-size:8px;font-family:var(--font-mono, ui-monospace, monospace)}.mvstage__guide{position:absolute;z-index:5;background:#12b7d6}.mvstage__guide--x{top:0;width:1px;margin-left:-.5px;cursor:ew-resize;padding:0 5px;background-clip:content-box;box-sizing:content-box}.mvstage__guide--y{left:0;height:1px;margin-top:-.5px;cursor:ns-resize;padding:5px 0;background-clip:content-box;box-sizing:content-box}.mvstage__sel{position:absolute;outline:1.5px solid var(--accent);outline-offset:0;pointer-events:none}.mvstage__handle{position:absolute;width:12px;height:12px;margin:-6px 0 0 -6px;background:var(--accent);border:2px solid #0e1013;border-radius:3px;pointer-events:auto}.mvstage__sel.is-multi{outline-width:1px;outline-style:dashed}.mvstage__sel.is-locked{outline-width:1px;outline-style:dashed;outline-color:color-mix(in srgb,var(--accent) 55%,transparent)}.mvstage__measure{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.mvstage__measure-line{position:absolute;background:#ff3b6b}.mvstage__measure-label{position:absolute;transform:translate(-50%,-50%);padding:1px 5px;border-radius:4px;background:#ff3b6b;color:#fff;font-size:11px;font-weight:600;line-height:1.3;font-variant-numeric:tabular-nums;white-space:nowrap}.mvstage__textedit{position:absolute;z-index:6;margin:0;padding:0;border:none;outline:1.5px solid var(--accent);background:transparent;resize:none;overflow:hidden;white-space:pre-wrap;word-break:break-word;box-sizing:border-box;pointer-events:auto;caret-color:var(--accent)}.mvstage__center{position:absolute;pointer-events:none;background:#ff3b6b59;z-index:5}.mvstage__center--v{top:0;width:1px;margin-left:-.5px}.mvstage__center--h{left:0;height:1px;margin-top:-.5px}.mvstage__center.is-on{background:#ff3b6b;box-shadow:0 0 0 .5px #ff3b6b80}.mvstage__tools{display:flex;align-items:center;gap:6px;flex-shrink:0}.mvstage__zoomval{min-width:46px;font-variant-numeric:tabular-nums;font-size:12px}.mvstage__nudge{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.mvstage__nudge .mvstage__meta{font-size:12px;color:var(--text-dim, #9aa0a6)}.mvstage__nudge .input-affix,.mvstage__nudge .input--num{width:64px}.mts-sizes{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.mts-sizes__name{font-size:12px;color:var(--text-2, #9aa3b2);margin-right:4px}.mts-sizes__chip{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-variant-numeric:tabular-nums;padding:3px 9px;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text, #e8eaf0);cursor:pointer}.mts-sizes__chip:hover{border-color:var(--border-strong, #4a5160)}.mts-sizes__chip.is-active{border-color:var(--accent);color:var(--accent)}.mts-sizes__dot{width:5px;height:5px;border-radius:50%;background:var(--accent);display:inline-block}.mts-sizesrc{display:inline-flex;align-items:stretch;margin-left:8px;padding:2px;gap:2px;border-radius:7px;border:1px solid var(--border);background:var(--surface-2, rgba(255, 255, 255, .04))}.mts-sizesrc__opt{font-size:11px;font-weight:600;letter-spacing:.02em;padding:2px 10px;border:0;border-radius:5px;background:transparent;color:var(--text-2, #9aa3b2);cursor:pointer}.mts-sizesrc__opt:hover:not(:disabled){color:var(--text, #e8eaf0)}.mts-sizesrc__opt.is-on{background:var(--accent);color:var(--accent-ink, #0e1013)}.mts-sizesrc__opt:disabled{opacity:.4;cursor:not-allowed}.kb-cta{display:flex;align-items:center;gap:14px;width:100%;margin-top:12px;padding:14px 16px;text-align:left;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;transition:background .14s,border-color .14s,transform .14s}.kb-cta:hover{background:var(--panel-3);border-color:var(--accent);transform:translateY(-1px)}.kb-cta:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.kb-cta__icon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:10px;color:var(--on-accent);background:var(--accent-fill)}.kb-cta__text{display:flex;flex-direction:column;gap:2px;min-width:0}.kb-cta__title{font-size:14px;font-weight:700}.kb-cta__sub{font-size:12px;color:var(--text-dim);line-height:1.4}.kb-cta__go{margin-left:auto;color:var(--text-faint);flex:none;transition:transform .14s,color .14s}.kb-cta:hover .kb-cta__go{color:var(--accent);transform:translate(3px)}.kb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:flex;align-items:center;justify-content:center;padding:3vh 3vw}.kb__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:#04060a9e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.kb__shell{position:relative;width:100%;max-width:1180px;height:94vh;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden}.kb__header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border);background:var(--panel)}.kb__eyebrow{display:block;font-size:10px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:var(--accent)}.kb__title{margin:3px 0 0;font-size:22px;font-weight:800;letter-spacing:-.01em}.kb__header-actions{display:flex;align-items:center;gap:10px}.kb__close{width:34px;height:34px}.kb__body{flex:1;min-height:0;display:grid;grid-template-columns:288px 1fr}.kb__sidebar{display:flex;flex-direction:column;min-height:0;border-right:1px solid var(--border);background:var(--panel-2)}.kb__search{position:relative;padding:14px 14px 10px}.kb__search-icon{position:absolute;left:24px;top:50%;transform:translateY(-50%);color:var(--text-faint);pointer-events:none}.kb__search input{width:100%;height:34px;padding:0 30px 0 32px;font-size:13px;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);outline:none}.kb__search input:focus{border-color:var(--accent)}.kb__search input::placeholder{color:var(--text-faint)}.kb__search-clear{position:absolute;right:22px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;border-radius:4px;color:var(--text-dim);background:var(--panel-3);cursor:pointer}.kb__search-clear:hover{color:var(--text)}.kb__toc{flex:1;min-height:0;overflow-y:auto;padding:4px 8px 8px}.kb__toc-empty{padding:12px 10px;color:var(--text-faint);font-size:13px}.kb__toc-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;text-align:left;color:var(--text-dim);background:none;border:none;border-radius:var(--radius);cursor:pointer;transition:background .12s,color .12s}.kb__toc-item:hover{background:var(--panel-3);color:var(--text)}.kb__toc-item.is-active{background:var(--accent-soft);color:var(--text)}.kb__toc-item.is-active .kb__toc-icon{color:var(--accent)}.kb__toc-num{font:700 10px/1 ui-monospace,SF Mono,Menlo,monospace;color:var(--text-faint);flex:none;width:18px}.kb__toc-icon{display:inline-flex;color:var(--text-faint);flex:none}.kb__toc-text{display:flex;flex-direction:column;min-width:0}.kb__toc-title{font-size:13px;font-weight:600}.kb__toc-sub{font-size:11px;color:var(--text-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb__sidebar-foot{display:flex;align-items:center;gap:8px;padding:12px 16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-faint)}.kb__content{min-height:0;overflow-y:auto}.kb__content-inner{max-width:760px;margin:0 auto;padding:28px 40px 80px}.kb__section{padding-top:20px;scroll-margin-top:20px}.kb__section+.kb__section{margin-top:26px;border-top:1px solid var(--border-soft)}.kb__section-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:8px}.kb__section-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:9px;color:var(--accent);background:var(--accent-soft)}.kb__section-title{margin:2px 0 0;font-size:22px;font-weight:800;letter-spacing:-.01em}.kb__section-sub{margin:2px 0 0;font-size:13px;color:var(--text-dim)}.kb__lead{margin:14px 0 0;font-size:15.5px;line-height:1.6;color:var(--text)}.kb__p{margin:12px 0 0;font-size:14px;line-height:1.65;color:var(--text-dim)}.kb__h3{margin:22px 0 0;font-size:15px;font-weight:700;color:var(--text)}.kb__list{margin:10px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.kb__list li{font-size:14px;line-height:1.55;color:var(--text-dim)}.kb__list li::marker{color:var(--accent)}.kb__steps{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.kb__steps li{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.55;color:var(--text)}.kb__step-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;flex:none;margin-top:1px;border-radius:50%;font:700 11px/1 ui-sans-serif,system-ui,sans-serif;color:var(--on-accent);background:var(--accent-fill)}.kb__callout{display:flex;align-items:flex-start;gap:10px;margin:14px 0 0;padding:12px 14px;font-size:13.5px;line-height:1.55;color:var(--text);border:1px solid var(--border);border-left-width:3px;border-radius:var(--radius);background:var(--panel-2)}.kb__callout-tag{font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;padding:2px 7px;border-radius:20px;flex:none;margin-top:1px}.kb__callout--tip{border-left-color:var(--ok);background:var(--ok-soft)}.kb__callout--tip .kb__callout-tag{color:var(--ok);background:color-mix(in srgb,var(--ok) 18%,transparent)}.kb__callout--note{border-left-color:var(--accent);background:var(--accent-soft)}.kb__callout--note .kb__callout-tag{color:var(--accent-2);background:color-mix(in srgb,var(--accent) 18%,transparent)}.kb__callout--warn{border-left-color:var(--warn);background:var(--warn-soft)}.kb__callout--warn .kb__callout-tag{color:var(--warn);background:color-mix(in srgb,var(--warn) 20%,transparent)}.kb__keys{margin:14px 0 0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.kb__key-row{display:flex;align-items:center;gap:14px;padding:9px 14px;background:var(--panel-2)}.kb__key-row:nth-child(2n){background:var(--panel)}.kb__key-combo{display:inline-flex;align-items:center;gap:3px;flex:none;min-width:150px}.kb__key-sep{color:var(--text-faint);font-size:11px;margin:0 2px}.kb__kbd{font:600 11px/1 ui-monospace,SF Mono,Menlo,monospace;min-width:20px;height:20px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:var(--text);background:var(--panel-3);border:1px solid var(--border);box-shadow:0 1px 0 var(--border)}.kb__key-desc{font-size:13.5px;color:var(--text-dim)}.kb__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:16px 0 0}.kb__card{padding:14px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel-2)}.kb__card-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:8px;border-radius:8px;color:var(--accent);background:var(--accent-soft)}.kb__card-title{margin:0;font-size:13.5px;font-weight:700;color:var(--text)}.kb__card-body{margin:5px 0 0;font-size:12.5px;line-height:1.5;color:var(--text-dim)}.kb__figure{margin:16px 0 0}.kb__diagram{padding:12px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel)}.kb__shot{display:block;width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--panel)}.kb__caption{margin-top:8px;font-size:12px;color:var(--text-faint);text-align:center;line-height:1.5}.kb__end{margin-top:40px;padding-top:20px;border-top:1px solid var(--border-soft);text-align:center;font-size:13px;color:var(--text-faint)}@media (max-width: 820px){.kb{padding:0}.kb__shell{height:100vh;max-width:none;border-radius:0;border:none}.kb__body{grid-template-columns:1fr;grid-template-rows:auto 1fr}.kb__sidebar{border-right:none;border-bottom:1px solid var(--border);max-height:40vh}.kb__content-inner{padding:20px 20px 60px}}