.ls--error[data-v-4aedc5fc]{border-color:#f3b4ae}.ls__title[data-v-4aedc5fc]{font-weight:600;display:flex;align-items:center;gap:6px}.ls__drop[data-v-4aedc5fc]{margin-top:10px;border:1.5px dashed var(--s-border-strong);border-radius:8px;min-height:64px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;cursor:pointer;overflow:hidden}.ls__drop[data-v-4aedc5fc]:hover,.ls__drop--over[data-v-4aedc5fc]{border-color:var(--s-accent);background:var(--s-accent-soft)}.ls__drop--filled[data-v-4aedc5fc]{border-style:solid}.ls__empty[data-v-4aedc5fc]{display:flex;align-items:center;justify-content:center;gap:8px;color:var(--s-text-2);padding:14px;text-align:center}.ls__pv[data-v-4aedc5fc]{position:relative;display:grid;place-items:center;padding:16px 10px 22px}.ls__canvas[data-v-4aedc5fc]{outline:1px dashed rgba(127,127,127,.55);display:grid;place-items:center;overflow:hidden}.ls__canvas--wide[data-v-4aedc5fc]{width:160px;height:56px}.ls__canvas--sq[data-v-4aedc5fc]{width:64px;height:64px}.ls__canvas img[data-v-4aedc5fc]{width:100%;height:100%;object-fit:contain;display:block}.ls__pvlabel[data-v-4aedc5fc]{position:absolute;bottom:4px;font-size:10px;color:#7f7f7ff2}.ls__err[data-v-4aedc5fc]{color:var(--s-err);margin:6px 0 0;font-size:12px}.dot[data-v-4aedc5fc]{width:10px;height:10px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.loader-pv[data-v-33662bdd]{width:min(520px,92vw);height:360px;border-radius:14px;display:grid;place-items:center;position:relative}.loader-pv img[data-v-33662bdd]{width:96px;height:96px;object-fit:contain;animation:pulse-33662bdd 1.4s ease-in-out infinite}.loader-pv__sw[data-v-33662bdd]{position:absolute;bottom:12px;left:50%;translate:-50% 0}@keyframes pulse-33662bdd{0%,to{transform:scale(.92);opacity:.75}50%{transform:scale(1.04);opacity:1}}.cp[data-v-1e2c8d60]{position:relative;flex:none}.cp__swatch[data-v-1e2c8d60]{width:32px;height:32px;border-radius:8px;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 0 0 1px #ffffff40;cursor:pointer;padding:0}.cp__swatch[data-v-1e2c8d60]:disabled{cursor:not-allowed}.cp__pop[data-v-1e2c8d60]{position:absolute;z-index:30;top:calc(100% + 6px);left:0;width:284px;padding:12px;background:var(--s-surface);border:1px solid var(--s-border);border-radius:12px;box-shadow:0 12px 32px #1018282e}.cp__field[data-v-1e2c8d60]{position:relative;width:260px;height:170px;border-radius:6px;overflow:hidden;cursor:crosshair;touch-action:none}.cp__field canvas[data-v-1e2c8d60]{display:block;width:260px;height:170px}.cp__handle[data-v-1e2c8d60]{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px #0009;pointer-events:none}.cp__hint[data-v-1e2c8d60]{margin:6px 0 0;font-size:11px;color:var(--s-text-2)}.cp__row[data-v-1e2c8d60]{display:flex;align-items:center;gap:10px;margin-top:12px}.cp__icon[data-v-1e2c8d60]{border:0;background:none;padding:4px;color:var(--s-text);border-radius:6px}.cp__icon[data-v-1e2c8d60]:hover{background:var(--s-surface-2)}.cp__preview[data-v-1e2c8d60]{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 1px #00000026;flex:none}.cp__hue[data-v-1e2c8d60]{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;height:12px;border-radius:6px;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);outline:none}.cp__hue[data-v-1e2c8d60]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #fff;box-shadow:0 0 0 1.5px #00000073;cursor:pointer}.cp__inputs[data-v-1e2c8d60]{display:flex;gap:8px;margin-top:12px;align-items:flex-start}.cp__inputs label[data-v-1e2c8d60]{flex:1;display:grid;gap:4px;text-align:center;font-size:12px;color:var(--s-text-2)}.cp__inputs input[data-v-1e2c8d60]{width:100%;height:34px;border:1px solid var(--s-border-strong);border-radius:6px;text-align:center;font:500 13px var(--s-font);outline:none}.cp__inputs input[data-v-1e2c8d60]:focus{border-color:var(--s-accent)}.cp__hex input[data-v-1e2c8d60]{font-family:var(--s-mono)}.cp__mode[data-v-1e2c8d60]{border:0;background:none;height:34px;color:var(--s-text-2);font-size:11px;letter-spacing:-2px;padding:0 4px}.cf[data-v-25c75587]{padding:10px 0;border-bottom:1px solid var(--s-border)}.cf[data-v-25c75587]:last-child{border-bottom:0}.cf__head[data-v-25c75587]{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.cf__label[data-v-25c75587]{font-weight:600}.cf__hint[data-v-25c75587]{color:var(--s-text-3);font-size:12px}.cf__row[data-v-25c75587]{display:flex;gap:8px;align-items:center}.cf__swatch[data-v-25c75587]{width:32px;height:32px;border-radius:8px;border:1px solid rgba(0,0,0,.12);box-shadow:inset 0 0 0 1px #ffffff40;position:relative;flex:none;cursor:pointer}.cf__swatch input[data-v-25c75587]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;width:100%;height:100%}.cf__hex[data-v-25c75587]{width:96px;text-transform:lowercase}.cf__hex--auto[data-v-25c75587]{color:var(--s-text-3)}.cf__mode[data-v-25c75587]{margin-left:auto}.cf__mode button[data-v-25c75587]{padding:4px 8px;font-size:12px}.sp[data-v-8456b2e1]{padding:10px 0;border-bottom:1px solid var(--s-border)}.sp__head[data-v-8456b2e1]{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:8px}.sp__label[data-v-8456b2e1]{font-weight:600;display:flex;align-items:center;gap:6px}.sp__hint[data-v-8456b2e1]{color:var(--s-text-3);font-size:12px}.sp__row[data-v-8456b2e1]{display:flex;gap:8px;align-items:center}.sp__swatch[data-v-8456b2e1]{width:32px;height:32px;border-radius:8px;border:1px solid rgba(0,0,0,.12);flex:none}.sp__hex[data-v-8456b2e1]{width:96px;text-transform:lowercase}.sp__hex--auto[data-v-8456b2e1]{color:var(--s-text-3)}.sp__mode[data-v-8456b2e1]{margin-left:auto}.sp__mode button[data-v-8456b2e1]{padding:4px 8px;font-size:12px}.sp__sliders[data-v-8456b2e1]{display:grid;gap:8px;margin-top:10px}.sp__sliders label[data-v-8456b2e1]{display:grid;grid-template-columns:92px 1fr;align-items:center;gap:8px;font-size:12px;color:var(--s-text-2)}.sp__sliders input[type=range][data-v-8456b2e1]{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:10px;border-radius:5px;outline:none;box-shadow:inset 0 0 0 1px #0000001f}.sp__sliders input[type=range][data-v-8456b2e1]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid var(--s-text);box-shadow:0 1px 3px #0000004d;cursor:pointer}.sp__note[data-v-8456b2e1]{margin:6px 0 0;font-size:12px;color:var(--s-warn)}.inv[data-v-372d2a89]{padding:10px 0;border-bottom:1px solid var(--s-border)}.inv[data-v-372d2a89]:last-child{border-bottom:0}.inv__label[data-v-372d2a89]{font-weight:600}.inv__token[data-v-372d2a89]{color:var(--s-text-3)}.inv__sample[data-v-372d2a89]{display:inline-flex;align-items:center;height:32px;padding:0 14px;border-radius:8px;font-weight:700;font-family:var(--s-font)}.tt[data-v-5c954575]{border:1px solid var(--s-border);border-radius:var(--s-radius);overflow:hidden}.tt__gname[data-v-5c954575]{background:var(--s-surface-2);padding:6px 10px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--s-text-3);border-top:1px solid var(--s-border)}.tt__group:first-child .tt__gname[data-v-5c954575]{border-top:0}.tt__row[data-v-5c954575]{display:grid;grid-template-columns:18px 1fr auto;gap:8px;align-items:center;padding:5px 10px;cursor:pointer}.tt__row[data-v-5c954575]:hover{background:var(--s-accent-soft)}.tt__row--changed .tt__name[data-v-5c954575]:after{content:"•";color:var(--s-accent);margin-left:4px}.tt__sw[data-v-5c954575]{width:18px;height:18px;border-radius:4px;box-shadow:inset 0 0 0 1px #0000001f}.tt__name[data-v-5c954575]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tt__val[data-v-5c954575]{color:var(--s-text-2)}.imp[data-v-c553ab19]{width:min(720px,100%)}.imp__text[data-v-c553ab19]{width:100%;min-height:200px;resize:vertical;border:1px solid var(--s-border-strong);border-radius:8px;padding:10px;font-size:12px;line-height:1.5;outline:none;background:var(--s-surface-2)}.imp__text[data-v-c553ab19]:focus{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-accent-soft);background:var(--s-surface)}.imp__notes[data-v-c553ab19]{max-height:180px;overflow:auto}.imp__css[data-v-c553ab19]{background:#0f1115;color:#d7dae0;padding:12px;border-radius:8px;max-height:260px;overflow:auto;white-space:pre;font-size:11px}.cp-edit[data-v-35ae4113]{border:0;padding:0;margin:0;min-width:0}.cp-edit[data-v-35ae4113]:disabled>*{opacity:.45;pointer-events:none}.imp-banner[data-v-35ae4113]{border-color:var(--s-accent);background:var(--s-accent-soft)}.gear[data-v-35ae4113]{padding:0 6px}.fb[data-v-35ae4113]{display:grid;gap:8px}.fb__item[data-v-35ae4113]{display:flex;align-items:center;gap:6px;text-transform:capitalize}.fb__item .s-mono[data-v-35ae4113]{text-transform:none}.fb__sw[data-v-35ae4113]{width:24px;height:24px;border-radius:6px;box-shadow:inset 0 0 0 1px #0000001f;flex:none}.fb__sw--dark[data-v-35ae4113]{margin-right:6px}.presets[data-v-35ae4113]{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.preset[data-v-35ae4113]{display:flex;align-items:center;gap:8px;border:1px solid var(--s-border);background:var(--s-surface);border-radius:8px;padding:6px 8px;font-weight:500}.preset[data-v-35ae4113]:hover{border-color:var(--s-border-strong);background:var(--s-surface-2)}.preset__sw[data-v-35ae4113]{width:18px;height:18px;border-radius:5px;box-shadow:inset 0 0 0 1px #0000001a;flex:none}.font-current[data-v-fd717a04]{font-size:22px;font-weight:700}.font-sample[data-v-fd717a04]{display:grid;gap:4px;margin:10px 0 4px;padding:10px;background:var(--s-surface-2);border-radius:8px;font-size:14px}.font-sample span[data-v-fd717a04]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-list[data-v-fd717a04]{display:grid;gap:4px}.font-item[data-v-fd717a04]{display:grid;text-align:left;border:1px solid var(--s-border);background:var(--s-surface);border-radius:8px;padding:8px 10px}.font-item[data-v-fd717a04]:hover{border-color:var(--s-border-strong)}.font-item--on[data-v-fd717a04]{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-accent-soft)}.font-item__name[data-v-fd717a04]{font-size:18px}.chip-on[data-v-fd717a04]{background:var(--s-accent-soft);border-color:var(--s-accent);color:var(--s-accent)}.part__title[data-v-df96748c]{font-weight:600;display:flex;align-items:center;gap:6px}.part--off[data-v-df96748c]{background:var(--s-surface-2)}.part--off .part__title[data-v-df96748c]{color:var(--s-text-3)}.css-pv[data-v-df96748c]{background:#0f1115;color:#d7dae0;padding:12px;border-radius:8px;max-height:360px;overflow:auto;white-space:pre;font-size:11px}:root{--s-bg: #eef0f3;--s-surface: #ffffff;--s-surface-2: #f6f7f9;--s-border: #e2e5ea;--s-border-strong: #cfd4dc;--s-text: #15181e;--s-text-2: #5b6372;--s-text-3: #8a93a3;--s-accent: #5b5bd6;--s-accent-hover: #4b4bc4;--s-accent-soft: #ececfd;--s-ok: #12a150;--s-ok-soft: #e7f7ee;--s-warn: #c27803;--s-warn-soft: #fdf3e1;--s-err: #d92d20;--s-err-soft: #fdecea;--s-radius: 10px;--s-radius-sm: 6px;--s-shadow: 0 1px 2px rgba(16,24,40,.06), 0 1px 3px rgba(16,24,40,.08);--s-font: "Inter", system-ui, -apple-system, sans-serif;--s-mono: "JetBrains Mono", ui-monospace, monospace;--s-panel-w: 420px}*{box-sizing:border-box}html,body,#studio{height:100%;margin:0}body{background:var(--s-bg);color:var(--s-text);font:13px/1.45 var(--s-font);-webkit-font-smoothing:antialiased}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.s-app{display:grid;grid-template-rows:56px 1fr;height:100%}.s-top{display:flex;align-items:center;gap:12px;padding:0 12px 0 16px;background:var(--s-surface);border-bottom:1px solid var(--s-border);min-width:0}.s-brandmark{display:flex;align-items:center;gap:8px;font-weight:700;white-space:nowrap}.s-brandmark i{width:26px;height:26px;border-radius:7px;background:conic-gradient(from 200deg,#5b5bd6,#a855f7,#ec4899,#f97316,#5b5bd6);display:inline-block}.s-brandmark small{color:var(--s-text-3);font-weight:500}.s-sep{width:1px;height:24px;background:var(--s-border);flex:none}.s-grow{flex:1;min-width:8px}.s-seg{display:inline-flex;background:var(--s-surface-2);border:1px solid var(--s-border);border-radius:8px;padding:2px;gap:2px;flex:none}.s-seg button{border:0;background:transparent;padding:5px 10px;border-radius:6px;color:var(--s-text-2);font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:6px}.s-seg button:hover{color:var(--s-text)}.s-seg button.on{background:var(--s-surface);color:var(--s-text);box-shadow:var(--s-shadow)}.s-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:32px;padding:0 12px;border-radius:8px;border:1px solid var(--s-border-strong);background:var(--s-surface);font-weight:600;white-space:nowrap}.s-btn:hover{background:var(--s-surface-2)}.s-btn--primary{background:var(--s-accent);border-color:var(--s-accent);color:#fff}.s-btn--primary:hover{background:var(--s-accent-hover)}.s-btn--primary:disabled{background:#b9bae9;border-color:#b9bae9;cursor:not-allowed}.s-btn--ghost{border-color:transparent;background:transparent}.s-btn--sm{height:26px;padding:0 8px;font-size:12px;border-radius:6px}.s-btn--danger{color:var(--s-err)}.s-input{height:32px;border:1px solid var(--s-border-strong);border-radius:8px;padding:0 10px;background:var(--s-surface);outline:none;min-width:0}.s-input:focus{border-color:var(--s-accent);box-shadow:0 0 0 3px var(--s-accent-soft)}.s-name{width:160px;font-weight:600}.s-work{display:grid;grid-template-columns:1fr auto;min-height:0}.s-stage{position:relative;min-width:0;min-height:0;overflow:hidden;display:grid;place-items:start center;padding:16px}.s-frame{background:#000;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px #1018282e,0 0 0 1px #10182814;transform-origin:top left}.s-frame--mobile{border-radius:28px;box-shadow:0 0 0 10px #1b1d22,0 20px 50px #10182859}.s-frame iframe{border:0;display:block;background:#000}.s-stage-meta{position:absolute;left:16px;bottom:10px;color:var(--s-text-3);font-size:12px}.s-panel{width:var(--s-panel-w);background:var(--s-surface);border-left:1px solid var(--s-border);display:grid;grid-template-rows:auto 1fr;min-height:0;transition:width .25s ease;overflow:hidden}.s-panel--closed{width:0;border-left:0}.s-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--s-border);width:var(--s-panel-w)}.s-tabs button{border:0;background:none;padding:12px 4px 10px;color:var(--s-text-2);font-weight:600;border-bottom:2px solid transparent;display:flex;flex-direction:column;align-items:center;gap:4px;font-size:12px}.s-tabs button.on{color:var(--s-accent);border-bottom-color:var(--s-accent)}.s-tabs .dot{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font-size:11px;background:var(--s-surface-2);border:1px solid var(--s-border);color:var(--s-text-2)}.s-tabs .dot--ok{background:var(--s-ok);border-color:var(--s-ok);color:#fff}.s-tabs .dot--warn{background:var(--s-warn);border-color:var(--s-warn);color:#fff}.s-tabs .dot--error{background:var(--s-err);border-color:var(--s-err);color:#fff}.s-body{overflow-y:auto;width:var(--s-panel-w);padding:16px 16px 40px}.s-section{margin-bottom:20px}.s-h{font-size:15px;font-weight:700;margin:0 0 4px}.s-sub{color:var(--s-text-2);margin:0 0 12px}.s-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--s-text-3);margin:18px 0 8px;display:flex;align-items:center;gap:8px}.s-card{border:1px solid var(--s-border);border-radius:var(--s-radius);background:var(--s-surface);padding:12px;margin-bottom:10px}.s-card--soft{background:var(--s-surface-2)}.s-row{display:flex;align-items:center;gap:8px}.s-row--between{justify-content:space-between}.s-note{font-size:12px;color:var(--s-text-2)}.s-mono{font-family:var(--s-mono);font-size:12px}.s-checks{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.s-checks li{display:flex;gap:8px;align-items:flex-start;font-size:12px;line-height:1.4}.s-checks li:before{content:"";flex:none;width:14px;height:14px;margin-top:1px;border-radius:50%;background:var(--s-ok) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/12px no-repeat}.s-checks li.warn:before{background:var(--s-warn) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M8 4v5M8 11.5v.5' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/12px no-repeat}.s-checks li.error:before{background:var(--s-err) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M5 5l6 6M11 5l-6 6' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E") center/11px no-repeat}.s-checks li.todo:before{background:var(--s-surface);border:1.5px dashed var(--s-border-strong)}.s-checks button{margin-left:auto;flex:none}.s-badge{display:inline-flex;align-items:center;height:20px;padding:0 7px;border-radius:999px;font-size:11px;font-weight:600;background:var(--s-surface-2);color:var(--s-text-2);border:1px solid var(--s-border)}.s-badge--ok{background:var(--s-ok-soft);color:var(--s-ok);border-color:transparent}.s-badge--warn{background:var(--s-warn-soft);color:var(--s-warn);border-color:transparent}.s-badge--error{background:var(--s-err-soft);color:var(--s-err);border-color:transparent}.s-badge--accent{background:var(--s-accent-soft);color:var(--s-accent);border-color:transparent}.s-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#10182873;display:grid;place-items:center;z-index:50;padding:16px}.s-modal__box{width:min(560px,100%);max-height:calc(100vh - 32px);overflow:auto;background:var(--s-surface);border-radius:14px;box-shadow:0 20px 60px #1018284d;padding:20px}.s-check{display:flex;gap:8px;align-items:flex-start;cursor:pointer}.s-check input{margin-top:2px;accent-color:var(--s-accent)}@media(max-width:1100px){:root{--s-panel-w: 360px}.s-brandmark small,.s-name{display:none}}.s-menu{position:relative}.s-menu__list{position:absolute;right:0;top:calc(100% + 6px);background:var(--s-surface);border:1px solid var(--s-border);border-radius:10px;box-shadow:0 10px 30px #10182826;padding:4px;z-index:40;min-width:260px}.s-menu__item{display:block;width:100%;text-align:left;border:0;background:none;padding:8px 10px;border-radius:6px;font-weight:500}.s-menu__item:hover{background:var(--s-err-soft)}.s-btn--destructive{background:var(--s-err);border-color:var(--s-err)}.s-btn--destructive:hover{background:#b42318}.s-switch{position:relative;width:38px;height:22px;flex:none;cursor:pointer}.s-switch input{position:absolute;opacity:0;top:0;right:0;bottom:0;left:0;margin:0;cursor:pointer}.s-switch span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:var(--s-border-strong);transition:background .2s}.s-switch span:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform .2s}.s-switch input:checked+span{background:var(--s-accent)}.s-switch input:checked+span:after{transform:translate(16px)}.s-switch input:focus-visible+span{box-shadow:0 0 0 3px var(--s-accent-soft)}