.drawing-tab span[data-v-d8a960ab]{white-space:normal;line-height:1.2}.drawing-preview[data-v-d8a960ab]{position:absolute;inset:0;z-index:80;background:#eef1f2;display:flex;flex-direction:column;pointer-events:auto;color:#263238;min-width:0}.drawing-preview header[data-v-d8a960ab]{display:flex;align-items:center;gap:16px;padding:16px 20px;background:#fff;border-bottom:1px solid #dce1e4;flex-wrap:wrap}.drawing-preview header>div[data-v-d8a960ab]{flex:1;min-width:160px}.drawing-preview strong[data-v-d8a960ab]{font-size:16px}.drawing-preview small[data-v-d8a960ab]{display:block;margin-top:4px;color:#687478;font-size:12px}.drawing-preview select[data-v-d8a960ab]{max-width:260px;min-width:120px;height:34px;border:1px solid #ccd3d7;border-radius:4px;padding:0 10px;background:#fff;color:inherit}.drawing-preview button[data-v-d8a960ab]{border:1px solid #ccd3d7;background:#fff;border-radius:4px;cursor:pointer;padding:6px}.drawing-preview header>button[data-v-d8a960ab]{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0}.drawing-content[data-v-d8a960ab]{flex:1;min-height:0;overflow:auto;padding:20px}.drawing-content>img[data-v-d8a960ab]{display:block;width:100%;min-width:800px;height:auto}.drawing-content p[data-v-d8a960ab]{font-size:14px}@media(min-width:761px){.drawing-preview[data-v-d8a960ab]{left:100px}}@media(max-width:600px){.drawing-preview header[data-v-d8a960ab]{padding:12px;gap:8px}.drawing-preview select[data-v-d8a960ab]{max-width:180px}.drawing-content[data-v-d8a960ab]{padding:10px}}#left.drawing-mode{z-index:81;pointer-events:none}#left.drawing-mode>:not(#railTabs){visibility:hidden;pointer-events:none}#left.drawing-mode>#railTabs{pointer-events:auto}.template-manager[data-v-11f19b19]{box-sizing:border-box;position:fixed;inset:0;overflow:auto;padding:24px;background:#f7f8fa;color:#24282d;font:14px/1.5 Arial,sans-serif;letter-spacing:0}header[data-v-11f19b19],.template-actions[data-v-11f19b19]{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px}h1[data-v-11f19b19]{font-size:24px;margin:0;flex:1}h2[data-v-11f19b19]{font-size:16px;margin:0;flex:1}a[data-v-11f19b19]{color:#276955}nav[data-v-11f19b19]{display:flex;gap:6px;border-bottom:1px solid #dce0e4;padding-bottom:12px;margin-bottom:20px;flex-wrap:wrap}button[data-v-11f19b19],input[data-v-11f19b19],select[data-v-11f19b19]{font:inherit;border:1px solid #cbd1d8;border-radius:4px;padding:7px 9px;background:#fff;color:inherit;box-sizing:border-box;max-width:100%;min-width:0}button[data-v-11f19b19]{cursor:pointer}button[data-v-11f19b19]:disabled{cursor:wait;opacity:.6}button[aria-pressed=true][data-v-11f19b19],button[aria-current=true][data-v-11f19b19]{border-color:#276955;background:#e6f1ec;color:#215b49}.template-layout[data-v-11f19b19]{display:grid;grid-template-columns:190px minmax(0,1fr);gap:24px}aside[data-v-11f19b19]{display:flex;flex-direction:column;gap:4px}aside button[data-v-11f19b19]{text-align:left;overflow-wrap:anywhere}form[data-v-11f19b19]{min-width:0}fieldset[data-v-11f19b19]{padding:0;margin:0;border:0;min-width:0}.template-save[data-v-11f19b19]{background:#276955;color:#fff;border-color:#276955}.template-meta[data-v-11f19b19]{display:grid;grid-template-columns:140px minmax(0,400px);align-items:center;gap:10px;margin-bottom:12px}.template-meta input[data-v-11f19b19],.template-meta select[data-v-11f19b19]{width:100%}.template-table-scroll[data-v-11f19b19]{overflow:auto;margin-top:24px;border-top:1px solid #dce0e4}table[data-v-11f19b19]{border-collapse:collapse;width:100%;min-width:740px;text-align:left}th[data-v-11f19b19]{font-size:12px;color:#59616d;background:#edf0f4}th[data-v-11f19b19],td[data-v-11f19b19]{padding:9px 8px;border-bottom:1px solid #dce0e4}td input[data-v-11f19b19],td select[data-v-11f19b19]{width:100%}td input[type=checkbox][data-v-11f19b19]{width:16px;accent-color:#276955}td[data-v-11f19b19]:first-child{max-width:210px;overflow-wrap:anywhere}code[data-v-11f19b19]{font-size:12px}small[data-v-11f19b19]{display:block;color:#68717f}td[data-v-11f19b19]:nth-child(2){min-width:155px}td[data-v-11f19b19]:nth-child(4),td[data-v-11f19b19]:nth-child(5),td[data-v-11f19b19]:nth-child(6){width:110px}.template-error[data-v-11f19b19]{color:#a52630;overflow-wrap:anywhere}@media(max-width:700px){.template-manager[data-v-11f19b19]{padding:16px}.template-layout[data-v-11f19b19]{grid-template-columns:minmax(0,1fr)}aside[data-v-11f19b19]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:200px;overflow:auto}.template-meta[data-v-11f19b19]{grid-template-columns:100px minmax(0,1fr)}}.model-parameters{display:grid;gap:10px;margin-bottom:18px}#rbody{overflow-anchor:none}.operatorBody:has(#rbody){overflow-anchor:none}.model-parameter{display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,90px) 28px;align-items:center;gap:6px;font-size:12px}.model-parameter-label{min-width:0;overflow-wrap:anywhere;line-height:1.4}.model-parameter input:not([type=checkbox]),.model-parameter select,.model-parameter textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #dce0e4;border-radius:4px;padding:5px 6px;background:#fff;color:#24282d;font:inherit}.model-parameter input[type=checkbox]{justify-self:end;width:16px;height:16px;accent-color:#287b64}.model-parameter select{grid-column:2}.model-parameter textarea{grid-column:1 / -1;resize:vertical}.model-parameter-unit{font-size:10px;color:#66707e}.model-advanced{border-top:1px solid #dce0e4;padding-top:10px;min-width:0}.model-advanced summary{cursor:pointer;font-size:12px;margin-bottom:10px}.model-advanced .model-parameter{margin-bottom:10px}.model-parameter :disabled{opacity:.6;cursor:not-allowed}.model-variant-scroller{display:grid;grid-template-columns:28px minmax(0,1fr) 28px;align-items:center;gap:6px;margin-bottom:12px}.model-body-options .styleGrid{display:flex;min-width:0;max-width:100%;gap:8px;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.model-body-options .styleGrid::-webkit-scrollbar{display:none}.model-body-options .variant-scroll{display:grid;place-items:center;width:28px;height:32px;padding:0;border:0;border-radius:4px;background:transparent;color:var(--text);cursor:pointer}.model-body-options .variant-scroll:hover:not(:disabled){background:var(--line)}.model-body-options .variant-scroll:disabled{opacity:.25;cursor:default}.model-body-options .variantCard{min-width:0;min-height:40px;padding:8px;cursor:pointer;border-radius:6px;font:inherit;letter-spacing:0}.model-body-options .variantCard .cap{white-space:normal;overflow-wrap:anywhere;padding:0}.model-body-options button:disabled{opacity:.55;cursor:wait}#right .partsParams{--parameter-value-width:96px}#right .partsParams .frow.model-slider:not(.ancRow):has(input[type=range]){display:grid;grid-template-columns:minmax(0,1.2fr) minmax(32px,1fr) var(--parameter-value-width);align-items:center;gap:8px!important;min-width:0;min-height:32px;padding:0!important;margin:0!important}#right .partsParams .frow.model-slider:not(.ancRow):has(input[type=range])>b{width:auto!important;min-width:0;margin:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;font-size:12px;font-weight:400;line-height:20px}#right .partsParams .frow.model-slider>input[type=range]{width:100%;min-width:0;margin:0}#right .partsParams .frow .nbox{display:flex;align-items:center;gap:3px;width:var(--parameter-value-width);min-width:0;height:30px;box-sizing:border-box;padding:0 6px!important}#right .partsParams .frow .nbox .nb{flex:1 1 0;width:100%!important;min-width:0;padding:0!important;font-size:12px;text-align:right}#right .partsParams .frow .nbox .funit{flex:none;font-size:10px!important;white-space:nowrap}#right .partsParams .model-advanced .frow.model-slider:not(.ancRow):has(input[type=range]){margin-top:10px!important}#right .partsParams .model-parameter,#right .partsParams .groove-field{position:relative;display:grid;grid-template-columns:minmax(0,1fr) var(--parameter-value-width);align-items:center;gap:8px;min-width:0;min-height:32px}#right .partsParams .model-parameter :is(input:not([type=checkbox]),select),#right .partsParams .groove-field :is(input,.groove-select){grid-column:2;width:var(--parameter-value-width);min-width:0;box-sizing:border-box;height:30px;justify-self:end;font-size:12px}#right .partsParams .model-parameter select,#right .partsParams .groove-select select{width:100%;height:30px;line-height:normal;text-overflow:clip;white-space:nowrap}#right .partsParams .model-parameter select{appearance:none;padding-right:22px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='m3 4.5 3 3 3-3' fill='none' stroke='%2366707e' stroke-width='1.2'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 6px center}#right .partsParams .model-parameter-unit{position:absolute;right:7px;top:50%;transform:translateY(-50%);pointer-events:none}#right .partsParams .model-parameter:has(.model-parameter-unit) input{padding-right:32px}#right .partsParams .model-parameter textarea{font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}#right .partsParams .model-parameter input[type=checkbox]{grid-column:2}#right .partsParams .frow .nbox .nb{font-variant-numeric:tabular-nums;letter-spacing:0}.groove-panel{padding:12px 0;border-top:1px solid var(--border,#ddd)}.groove-panel header{display:flex;align-items:center;justify-content:space-between;min-height:28px;font-weight:600;font-size:12px}.groove-panel button{display:grid;place-items:center;width:26px;height:26px;padding:4px;background:transparent;border:0;border-radius:4px;cursor:pointer}.groove-panel button:disabled{opacity:.35;cursor:default}.groove-panel button:hover:not(:disabled){background:var(--L2,#eee)}.groove-item{padding:8px 0;border-top:1px solid var(--border,#ddd);margin-top:8px}.groove-field{display:grid;grid-template-columns:minmax(0,1fr) minmax(64px,90px) 28px;gap:6px;align-items:center;min-height:34px;font-size:12px}.groove-field input,.groove-item select{min-width:0;width:100%;box-sizing:border-box;height:28px;border:1px solid var(--border,#ccc);border-radius:4px;background:var(--surface,#fff);color:inherit;padding:3px 6px;font-size:12px}.groove-field small{font-size:11px;color:var(--muted,#777)}.groove-select{position:relative;min-width:0;display:flex;align-items:center}.groove-select select{appearance:none;padding-right:22px;cursor:pointer}.groove-select>.sf-icon{position:absolute;right:6px;pointer-events:none;width:12px;height:12px;color:var(--muted,#777)}.groove-field input:hover,.groove-select select:hover{border-color:var(--muted,#888)}.groove-field input:focus-visible,.groove-select select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.groove-panel .groove-title{display:flex;align-items:center;gap:8px;flex:1;width:auto;min-width:0;justify-content:flex-start;font:inherit;color:inherit;text-align:left}.groove-title[aria-expanded=true]>.sf-icon{transform:rotate(90deg)}.groove-title:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.groove-content[hidden]{display:none}.groove-title .sf-icon{color:var(--accent)}#shapeHandles .sh.grooveControl{width:22px;height:22px;border-radius:4px;color:var(--accent);cursor:ns-resize}#shapeHandles .sh.dimensionArrowVertical.grooveControl:after{content:none}#shapeHandles .sh.grooveControl .sf-icon{width:14px;height:14px;pointer-events:none}#shapeHandles .sh.grooveControl:hover,#shapeHandles .sh.grooveControl.on{color:var(--sf-on-brand)}@font-face{font-family:Poppins;font-weight:350;font-style:normal;font-display:swap;src:url(https://cdn.pacdora.com/font_v2/Poppins/Poppins-Regular.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:450;font-style:normal;font-display:swap;src:url(https://cdn.pacdora.com/font_v2/Poppins/Poppins-Medium.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:550;font-style:normal;font-display:swap;src:url(https://cdn.pacdora.com/font_v2/Poppins/Poppins-Bold.woff2) format("woff2")}@font-face{font-family:NotoSansCJK;font-weight:500;font-style:normal;font-display:swap;src:url(//cdn.pacdora.com/font/NotoSansCJK-Regular.ttc) format("woff2")}:root{--sf-font-ui:"Poppins","NotoSansCJK",Arial,sans-serif;--sf-font-display:"Archivo",var(--sf-font-ui);--sf-font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,monospace;--sf-wide:125;--sf-normal:100;--sf-fs-mono:11px;--sf-fs-xs:12px;--sf-fs-sm:13px;--sf-fs-md:15px;--sf-fs-lg:20px;--sf-fs-xl:32px;--sf-fs-display:clamp(48px,9cqw,112px);--sf-fs-pitch:clamp(32px,5.8vw,84px);--sf-fs-pitch-col:clamp(56px,5.25vw,76px);--sf-fs-pitch-sm:clamp(38px,3.8vw,56px);--sf-fw-regular:350;--sf-fw-medium:450;--sf-fw-bold:550;--sf-lh-tight:1.2;--sf-lh-base:1.5;--sf-lh-loose:1.7;--sf-ls-display:-.04em;--sf-ls-base:-.011em;--sf-ls-mono:.02em;--sf-ls-caps:.14em;--sf-r-sm:6px;--sf-r-md:10px;--sf-r-lg:14px;--sf-r-xl:20px;--sf-r-full:50%;--sf-icon-sm:14px;--sf-icon-md:16px;--sf-icon-lg:20px;--sf-icon-xl:32px;--sf-icon-stroke:2;--sf-s1:4px;--sf-s2:8px;--sf-s3:12px;--sf-s4:16px;--sf-s5:24px;--sf-s6:32px;--sf-s7:48px;--sf-s8:64px;--sf-dur-fast:.12s;--sf-dur-base:.2s;--sf-dur-slow:.32s;--sf-ease:cubic-bezier(.2,0,0,1);--sf-ease-out:cubic-bezier(.16,1,.3,1);--sf-z-nav:40;--sf-z-panel:8;--sf-z-overlay:200;--sf-z-toast:300;--sf-nav-h:56px;--sf-wrap:1180px;--sf-border:1px;--sf-brand:#FF8C1A;--sf-brand-rgb:255,140,26;--sf-brand-hover:#FFA033;--sf-brand-active:#E67A0D;--sf-on-brand:#0A0A0A;--sf-photo-scrim:8,9,10;--sf-on-photo:#FFFFFF}html[data-sf-mode=dark],[data-sf-mode=dark]{--sf-bg:#08090A;--sf-surface-1:#0E1013;--sf-surface-2:#15181C;--sf-surface-3:#1C2026;--sf-line:#23262C;--sf-line-strong:#2E323A;--sf-ink:#ECEDEF;--sf-ink-2:#8A8F98;--sf-ink-3:#5A606B;--sf-accent:#FF8C1A;--sf-accent-text:#FF8C1A;--sf-accent-soft:rgba(255,140,26,.13);--sf-accent-hover:#FFA352;--sf-ok:#00E599;--sf-ok-text:#00E599;--sf-ok-soft:rgba(0,229,153,.14);--sf-warn:#FFC800;--sf-warn-text:#FFC800;--sf-warn-soft:rgba(255,200,0,.14);--sf-danger:#FF2D55;--sf-danger-text:#FF4367;--sf-danger-soft:rgba(255,45,85,.16);--sf-on-status:#0A0A0A;--sf-e1:0 1px 2px rgba(0,0,0,.45);--sf-e2:0 8px 24px -8px rgba(0,0,0,.55);--sf-e3:0 24px 60px -16px rgba(0,0,0,.65);--sf-e-brand:0 0 0 1px rgba(255,140,26,.5),0 10px 30px -12px rgba(255,140,26,.55);--sf-grid-line:rgba(255,255,255,.035);--sf-scrim:rgba(4,5,6,.72)}html[data-sf-mode=light],[data-sf-mode=light]{--sf-bg:#F7F7F5;--sf-surface-1:#FFFFFF;--sf-surface-2:#F1F2F0;--sf-surface-3:#E9EAE7;--sf-line:#DCDDD9;--sf-line-strong:#C9CBC6;--sf-ink:#14161A;--sf-ink-2:#5C636E;--sf-ink-3:#7F8792;--sf-accent:#F45A01;--sf-accent-text:#BE3B00;--sf-accent-soft:rgba(255,140,26,.09);--sf-accent-hover:#C24700;--sf-ok:#00A35F;--sf-ok-text:#007343;--sf-ok-soft:rgba(0,163,95,.14);--sf-warn:#FFD233;--sf-warn-text:#866300;--sf-warn-soft:rgba(255,210,51,.22);--sf-danger:#FF2D55;--sf-danger-text:#C4002A;--sf-danger-soft:rgba(255,45,85,.14);--sf-on-status:#0A0A0A;--sf-e1:0 1px 2px rgba(20,22,26,.06);--sf-e2:0 8px 24px -8px rgba(20,22,26,.14);--sf-e3:0 24px 60px -16px rgba(20,22,26,.2);--sf-e-brand:0 0 0 1px rgba(255,140,26,.55),0 10px 30px -12px rgba(255,140,26,.4);--sf-grid-line:rgba(8,9,10,.035);--sf-scrim:rgba(20,22,26,.4)}html[data-sf-mode=dark]{color-scheme:dark}html[data-sf-mode=light]{color-scheme:light}html:not([data-sf-mode]):not([data-sf-mode]){color-scheme:dark}:root{--sf-sb-thumb:var(--sf-line-strong);--sf-sb-track:transparent}@media(max-width:900px){:root{--sf-fs-pitch-col:clamp(44px,6.8vw,56px)}}@media(max-width:600px){:root{--sf-fs-pitch-col:clamp(36px,10.5vw,44px);--sf-fs-pitch-sm:clamp(28px,8.3vw,35px)}}.sf-icon{display:inline-block;flex:none;width:var(--sf-icon-md);height:var(--sf-icon-md);vertical-align:-.125em}.sf-icon--sm{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}.sf-icon--md{width:var(--sf-icon-md);height:var(--sf-icon-md)}.sf-icon--lg{width:var(--sf-icon-lg);height:var(--sf-icon-lg)}.sf-icon--xl{width:var(--sf-icon-xl);height:var(--sf-icon-xl)}.btn .sf-icon{width:var(--sf-icon-md);height:var(--sf-icon-md)}.btn.sm .sf-icon{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}:root{--card:var(--sf-surface-1);--sunken:var(--sf-surface-2);--ink:var(--sf-ink);--muted:var(--sf-ink-2);--line:var(--sf-line);--accent:var(--sf-accent);--accent-fill:var(--sf-brand);--accent-fill-hover:var(--sf-brand-hover);--accent-soft:var(--sf-accent-soft);--studio:var(--sf-bg);--row:var(--sf-surface-2);--ok:var(--sf-ok);--danger:var(--sf-danger)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--sf-font-ui);background:var(--studio);color:var(--ink);height:100vh;display:flex;flex-direction:column;overflow:hidden}button{font-family:inherit;cursor:pointer}input{font-family:inherit}#topbar{height:44px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--sf-s2);padding:0 var(--sf-s3);flex:none}.logo{font-weight:var(--sf-fw-bold);font-size:var(--sf-fs-sm);letter-spacing:.2px;color:var(--ink);text-decoration:none}.logo b{color:var(--accent)}#projWrap{display:flex;align-items:center;gap:var(--sf-s2);font-size:var(--sf-fs-xs);color:var(--muted);--proj-name-max:240px;min-width:0;flex:none;width:340px}#projWrap .bar{color:var(--line);font-weight:var(--sf-fw-regular);flex:none}#projName{font-weight:var(--sf-fw-bold);color:var(--ink);padding:3px var(--sf-s2);border-radius:var(--sf-r-sm);cursor:text;user-select:none;min-width:0;max-width:var(--proj-name-max);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#projName:hover{background:var(--sf-l1)}#projName:has(input){max-width:none;overflow:visible}#projName input{font:inherit;font-weight:var(--sf-fw-bold);border:var(--sf-border) solid var(--accent);border-radius:var(--sf-r-sm);padding:2px var(--sf-s1);width:clamp(140px,22vw,320px);max-width:100%;outline:none}#topbar .sp{flex:1;min-width:var(--sf-s2)}#topbar>.logo,#topbar>#shareBtn,#topbar>#exportBtn,#topbar>.rel{flex:none}.icobtn{width:28px;height:28px;border:1px solid var(--line);border-radius:var(--sf-r-md);background:var(--card);display:flex;align-items:center;justify-content:center;color:var(--ink)}.icobtn:hover{border-color:var(--accent);color:var(--accent)}#exportBtn{background:var(--accent-fill);color:var(--sf-on-brand);border:none;border-radius:var(--sf-r-md);padding:var(--sf-s1) var(--sf-s3);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);display:flex;align-items:center;gap:var(--sf-s1)}#loginBtn{border:1px solid var(--line);background:var(--card);border-radius:var(--sf-r-md);padding:var(--sf-s1) var(--sf-s3);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--ink)}#loginBtn:hover{border-color:var(--accent);color:var(--accent)}#avatar{width:28px;height:28px;border-radius:var(--sf-r-full);background:var(--accent-fill);color:var(--sf-on-brand);border:none;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);display:none;align-items:center;justify-content:center}.lg-bg{position:fixed;inset:0;background:var(--sf-scrim);backdrop-filter:blur(2px);z-index:200;display:none;align-items:center;justify-content:center}.lg-bg.show{display:flex}.lg-modal{background:var(--card);border:1px solid transparent;border-radius:var(--sf-r-xl);padding:var(--sf-s6) var(--sf-s5);width:360px;max-width:90vw;box-shadow:var(--sf-e3);position:relative}html[data-sf-mode=dark] .lg-modal{background:var(--sf-surface-2);border-color:var(--sf-line)}.lg-x{position:absolute;top:14px;right:14px;border:none;background:none;font-size:var(--sf-fs-lg);color:var(--muted);cursor:pointer;line-height:1}.lg-x:hover{color:var(--ink)}.lg-modal h3{font-size:var(--sf-fs-lg);margin-bottom:var(--sf-s1);font-weight:var(--sf-fw-bold)}.lg-sub{font-size:var(--sf-fs-sm);color:var(--muted);margin-bottom:var(--sf-s5)}.lg-opt{width:100%;display:flex;align-items:center;gap:var(--sf-s2);border:1px solid var(--line);background:var(--sunken);border-radius:var(--sf-r-md);padding:var(--sf-s3) var(--sf-s3);font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold);color:var(--ink);cursor:pointer;margin-bottom:var(--sf-s2);transition:all var(--sf-dur-fast) var(--sf-ease)}.lg-opt:hover{border-color:var(--accent);background:var(--accent-soft)}.lg-ic{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-weight:var(--sf-fw-bold);font-size:var(--sf-fs-xs);flex:none;border-radius:var(--sf-r-sm)}.lg-pacdora .lg-ic{color:var(--accent);background:var(--accent-soft)}.lg-google .lg-ic{color:#ea4335}.lg-div{display:flex;align-items:center;gap:var(--sf-s2);margin:var(--sf-s3) 0;font-size:var(--sf-fs-xs);color:var(--muted)}.lg-div:before,.lg-div:after{content:"";flex:1;height:1px;background:var(--line)}.lg-emailrow input{width:100%;border:var(--sf-border) solid var(--line);border-radius:var(--sf-r-md);padding:var(--sf-s2) var(--sf-s3);font-size:var(--sf-fs-sm);outline:none;margin-bottom:var(--sf-s2);font-family:inherit}.lg-emailrow input:focus{border-color:var(--accent)}.lg-email{background:var(--ink);color:var(--sf-bg);border-color:var(--ink);justify-content:center}.lg-fine{font-size:var(--sf-fs-xs);color:var(--muted);margin-top:var(--sf-s3);line-height:var(--sf-lh-loose)}.lg-fine a{color:var(--accent)}.shortcuts-modal{width:400px}.shcGroup{margin-bottom:var(--sf-s4)}.shcGroup:last-child{margin-bottom:0}.shcGroup h4{font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--muted);text-transform:uppercase;letter-spacing:.03em;margin-bottom:var(--sf-s1)}.shcRow{display:flex;align-items:center;justify-content:space-between;gap:var(--sf-s3);padding:var(--sf-s1) 0;border-bottom:1px solid var(--line);font-size:var(--sf-fs-sm)}.shcRow:last-child{border-bottom:none}.kbd{display:inline-flex;gap:3px;flex:none}.kbd span{background:var(--studio);border:1px solid var(--line);border-radius:var(--sf-r-sm);padding:2px var(--sf-s2);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--ink);font-family:inherit;line-height:var(--sf-lh-base)}.menu{position:absolute;top:40px;right:0;background:var(--card);border:1px solid var(--line);border-radius:var(--sf-r-md);box-shadow:var(--sf-e2);padding:var(--sf-s1);z-index:60;min-width:168px;display:none}.menu.show{display:block}.menu .mi{display:flex;align-items:center;gap:var(--sf-s2);padding:var(--sf-s2) var(--sf-s2);border-radius:var(--sf-r-sm);font-size:var(--sf-fs-xs);cursor:pointer;font-weight:var(--sf-fw-medium)}.menu .mi:hover{background:var(--accent-soft);color:var(--accent)}.menu .mi.on{color:var(--accent);font-weight:var(--sf-fw-bold)}.menu .mi.lock{color:var(--muted)}.menu .mi.danger:hover{background:color-mix(in srgb,var(--danger) 12%,transparent);color:var(--danger)}.rel{position:relative}#main{flex:1;position:relative;min-height:0}#left{position:absolute;left:14px;top:14px;z-index:8;width:226px;min-width:226px;max-height:calc(100% - 28px);background:color-mix(in srgb,var(--sf-surface-1) 94%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--sf-r-lg);box-shadow:var(--sf-e2);overflow-y:auto;padding:var(--sf-s3)}.sec-t{font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--ink);letter-spacing:.01em;margin:var(--sf-s1) 0 var(--sf-s2);display:flex;align-items:center;gap:var(--sf-s2)}.leftDivider{height:1px;background:var(--line);margin:var(--sf-s3) 0 var(--sf-s2)}.elementsBlock{padding:2px 0 0}.sec-t .add{margin-left:auto;width:19px;height:19px;border:1px solid var(--line);border-radius:var(--sf-r-sm);background:var(--sunken);font-size:var(--sf-fs-xs);line-height:1;color:var(--ink)}.sec-t .add:hover{border-color:var(--accent);color:var(--accent)}.sec-t .add:disabled{opacity:.35;cursor:not-allowed;border-color:var(--line);color:var(--muted)}.sec-t .add:disabled:hover{border-color:var(--line);color:var(--muted)}.tagbar{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:var(--sf-r-md);padding:var(--sf-s1) var(--sf-s2);margin-bottom:var(--sf-s2);background:var(--sunken)}.tagbar .tagScroll{display:flex;gap:var(--sf-s1);flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.tagbar .tagScroll::-webkit-scrollbar{display:none}.tagbar .tag{padding:var(--sf-s1) var(--sf-s2);border-radius:var(--sf-r-sm);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--muted);cursor:pointer;white-space:nowrap;flex:none}.tagbar .tag.on{background:var(--accent-soft);color:var(--accent)}.tagbar .tag:hover:not(.on){color:var(--ink)}.tagMore{flex:none;width:22px;height:22px;border:none;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;border-radius:var(--sf-r-sm);margin-left:2px}.tagMore svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}.tagMore:hover{background:var(--sf-l1);color:var(--ink)}#assetList{display:grid;grid-template-columns:1fr 1fr;gap:var(--sf-s2)}.assetCard{position:relative;border:var(--sf-border) solid var(--line);border-radius:var(--sf-r-md);cursor:pointer;background:var(--sunken);overflow:hidden}.assetCard:hover{border-color:var(--accent)}.assetCard.on{border-color:var(--accent);box-shadow:0 0 0 var(--sf-border) var(--accent-soft) inset}.assetCard .thumb{width:100%;aspect-ratio:1/1;background:var(--studio);display:flex;align-items:center;justify-content:center;font-size:var(--sf-fs-xl)}.assetCard .thumb svg{width:60%;height:60%;color:var(--muted)}.assetCard .thumb img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center;flex:none}.assetCard .thumb .thumbTxt{font-family:var(--sf-font-mono);font-size:var(--sf-fs-md);font-weight:var(--sf-fw-regular);letter-spacing:var(--sf-ls-mono);color:var(--muted);font-feature-settings:"tnum" 1}.assetCard.on .thumb .thumbTxt{color:var(--accent)}.assetCard.on .thumb svg{color:var(--accent)}.assetCard .cap{padding:var(--sf-s2) var(--sf-s2) var(--sf-s2);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);line-height:var(--sf-lh-base);color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.styleGrid{display:flex;gap:var(--sf-s2);margin-bottom:var(--sf-s2);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;padding-bottom:var(--sf-s1)}.styleGrid .assetCard{flex:none;width:96px;scroll-snap-align:start}.comp{display:flex;align-items:center;gap:var(--sf-s1);padding:var(--sf-s1) var(--sf-s2);border:var(--sf-border) solid var(--line);border-radius:var(--sf-r-md);margin-bottom:var(--sf-s1);font-size:var(--sf-fs-xs);cursor:pointer;background:var(--sunken);position:relative;user-select:none}.comp.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.comp .nm{flex:1;font-weight:var(--sf-fw-bold);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.comp .nm input{width:100%;font:inherit;border:1px solid var(--accent);border-radius:var(--sf-r-sm);padding:1px var(--sf-s1);outline:none}.eye{opacity:.7;width:18px;height:18px;display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink)}.eye svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}.eye.off{opacity:.3}.comp .rm{color:var(--muted);font-size:var(--sf-fs-xs);flex:none}.comp .rm:hover{color:var(--danger)}.comp.dragover-top{box-shadow:0 -3px 0 0 var(--accent)}.comp.dragover-bot{box-shadow:0 3px 0 0 var(--accent)}.comp[data-drag="1"]{cursor:grab}.comp.dragging,.dcard.dragging{opacity:.45}#viewport{position:absolute;inset:0;background:var(--sf-bg);min-width:0}#c3d{position:absolute;inset:0;width:100%;height:100%;display:block}.sf-refinement-snapshot{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;pointer-events:none;opacity:1;filter:blur(0);will-change:opacity,filter}#cube{position:absolute;right:20px;bottom:20px;width:54px;height:54px;z-index:5;perspective:300px;cursor:grab;touch-action:none}#cube:active{cursor:grabbing}#cubeInner{width:100%;height:100%;position:relative;transform-style:preserve-3d;pointer-events:none}.cf{position:absolute;width:54px;height:54px;display:flex;align-items:center;justify-content:center;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);letter-spacing:.06em;color:var(--muted);cursor:pointer;pointer-events:auto;background:color-mix(in srgb,var(--sf-surface-1) 90%,transparent);border:1px solid var(--line)}.cf:hover{background:var(--accent-soft);color:var(--accent)}.cf.f{transform:rotateY(0) translateZ(27px)}.cf.b{transform:rotateY(180deg) translateZ(27px)}.cf.r{transform:rotateY(90deg) translateZ(27px)}.cf.l{transform:rotateY(-90deg) translateZ(27px)}.cf.u{transform:rotateX(90deg) translateZ(27px)}.cf.d{transform:rotateX(-90deg) translateZ(27px)}#prodHandles{position:absolute;left:0;top:0;z-index:6;pointer-events:none}#prodHandles .handle{display:none;position:absolute;transform:translate(-50%,-50%);width:26px;height:26px;border-radius:var(--sf-r-full);background:var(--sunken);border:var(--sf-border) solid var(--line);box-shadow:var(--sf-e1);align-items:center;justify-content:center;color:var(--ink);pointer-events:auto;touch-action:none}#prodHandles.show .handle{display:flex}#prodHandles .handle.drop.grounded{display:none}#prodHandles .handle:hover{border-color:var(--accent);color:var(--accent)}#prodHandles .handle svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}#prodHandles .handle.move{cursor:move}#prodHandles .handle.lift{cursor:grab}#prodHandles .handle.drop{cursor:pointer}#prodHandles .readout{position:absolute;transform:translate(-50%,calc(-100% - 20px));white-space:nowrap;background:var(--sf-surface-3);color:var(--ink);border:1px solid var(--line);font-size:var(--sf-fs-xs);padding:3px var(--sf-s2);border-radius:var(--sf-r-sm);display:none;pointer-events:none;box-shadow:var(--sf-e1)}#prodHandles .readout.show{display:block}.rotatehint{position:absolute;top:26px;right:70px;width:110px;height:auto;z-index:6;pointer-events:none;opacity:.9;transition:opacity var(--sf-dur-slow) var(--sf-ease)}.rotatehint.hide{opacity:0}#right{position:absolute;right:14px;top:14px;bottom:14px;z-index:8;width:286px;min-width:286px;background:color-mix(in srgb,var(--sf-surface-1) 94%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:var(--sf-r-lg);box-shadow:var(--sf-e2);display:flex;flex-direction:column;min-height:0;overflow:hidden}#rightHead{flex:none;display:flex;justify-content:flex-end;padding:var(--sf-s2) var(--sf-s2) 0}#rightHead #rightClose{border:none;background:none;font-size:var(--sf-fs-lg);line-height:1;color:var(--muted);cursor:pointer;padding:2px var(--sf-s1)}#rightHead #rightClose:hover{color:var(--ink)}#rtabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line);flex:none}#rtabs .rt{padding:var(--sf-s2) 2px var(--sf-s1);text-align:center;cursor:pointer;color:var(--muted);border-bottom:2px solid transparent;display:flex;flex-direction:column;align-items:center;gap:2px}#rtabs .rt span{font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);letter-spacing:.03em}#rtabs .rt.on{color:var(--accent);border-bottom-color:var(--accent)}#rbody{flex:1;overflow-y:scroll;overflow-y:overlay;padding:var(--sf-s3);scrollbar-width:thin;scrollbar-color:transparent transparent}#rbody.scrolling{scrollbar-color:var(--sf-sb-thumb) transparent}#rbody::-webkit-scrollbar{width:10px;background:transparent}#rbody::-webkit-scrollbar-track{background:transparent}#rbody::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--sf-r-md);transition:background-color var(--sf-dur-fast) var(--sf-ease)}#rbody::-webkit-scrollbar-thumb:hover,#rbody.scrolling::-webkit-scrollbar-thumb{background-color:var(--sf-sb-thumb)}.rsec{font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--ink);margin:3px 0 var(--sf-s2);letter-spacing:.02em}.rsec.mt{margin-top:var(--sf-s4)}.rsec small{color:var(--muted);font-weight:var(--sf-fw-medium);margin-left:var(--sf-s1);font-size:var(--sf-fs-xs)}.rsec.rsec-row{display:flex;align-items:center;margin-bottom:var(--sf-s2)}.rsec.rsec-row .toggle{margin-bottom:0}.rsec.rsec-div{border-top:1px solid var(--line);padding-top:var(--sf-s3)}.frow{display:flex;align-items:center;gap:var(--sf-s2);background:var(--row);border-radius:var(--sf-r-md);padding:var(--sf-s1) var(--sf-s2);margin-bottom:var(--sf-s1);font-size:var(--sf-fs-xs)}.frow>b{font-weight:var(--sf-fw-bold);flex:none;width:92px;line-height:var(--sf-lh-tight)}.frow input[type=range]{flex:1;min-width:0;accent-color:var(--accent);height:16px}.frow .nb{width:46px;border:1px solid var(--line);border-radius:var(--sf-r-sm);background:var(--sunken);padding:var(--sf-s1) 3px;font-size:var(--sf-fs-xs);text-align:center;outline:none;font-variant-numeric:tabular-nums}.frow .nb:focus{border-color:var(--accent)}#right .frow.live{outline:2px solid var(--accent)!important;outline-offset:-2px;background:var(--accent-soft)!important}.frow .hex{width:68px;border:1px solid var(--line);border-radius:var(--sf-r-sm);background:var(--sunken);padding:var(--sf-s1) var(--sf-s1);font-size:var(--sf-fs-xs);outline:none;text-transform:uppercase}.frow input[type=color]{width:26px;height:26px;border:1px solid var(--line);border-radius:var(--sf-r-full);padding:0;cursor:pointer;background:none;overflow:hidden;flex:none}.frow input[type=color]::-webkit-color-swatch-wrapper{padding:0}.frow input[type=color]::-webkit-color-swatch{border:none;border-radius:var(--sf-r-full)}.toggle{margin-left:auto;position:relative;flex:none;width:36px;height:20px;border-radius:var(--sf-r-lg);background:var(--sf-surface-3);border:1px solid var(--sf-line);transition:background var(--sf-dur-base) var(--sf-ease),border-color var(--sf-dur-base) var(--sf-ease)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:var(--sf-r-full);background:var(--sf-ink-2);transition:transform var(--sf-dur-base) var(--sf-ease),background var(--sf-dur-base) var(--sf-ease)}.toggle:focus-visible{outline:2px solid var(--sf-accent);outline-offset:2px}.toggle.on{background:var(--sf-accent-soft);border-color:var(--sf-accent)}.toggle.on:after{transform:translate(16px);background:var(--sf-accent-text)}.seg{display:flex;border:1px solid var(--line);border-radius:var(--sf-r-md);overflow:hidden;margin-bottom:var(--sf-s2);width:max-content}.seg button{border:none;background:var(--sunken);padding:var(--sf-s1) var(--sf-s3);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--muted)}.seg button.on,.seg button[aria-pressed=true]{background:var(--sf-l1);color:var(--ink);box-shadow:var(--sf-e1)}.seg.wide{width:100%}.seg.wide button{flex:1;text-align:center;padding:var(--sf-s1) var(--sf-s2)}.chips{display:flex;flex-wrap:wrap;gap:var(--sf-s1);margin-bottom:var(--sf-s2)}.chip{padding:var(--sf-s1) var(--sf-s2);border-radius:var(--sf-r-sm);border:1px solid var(--line);background:var(--sunken);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);cursor:pointer;font-variant-numeric:tabular-nums}.chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.balls{display:flex;flex-wrap:wrap;gap:var(--sf-s3);margin-bottom:var(--sf-s3)}.ball{position:relative;width:46px;text-align:center;cursor:pointer;font-size:var(--sf-fs-xs);color:var(--muted)}.ballName{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ball[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% - var(--sf-s5));transform:translate(-50%);z-index:3;padding:var(--sf-s1) var(--sf-s2);border-radius:var(--sf-r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);line-height:var(--sf-lh-tight);white-space:nowrap;pointer-events:none;box-shadow:var(--sf-e2);opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease) 40ms}.ball[data-tip]:hover:after{opacity:1}.ball .b{width:36px;height:36px;border-radius:var(--sf-r-full);margin:0 auto var(--sf-s1);border:2px solid var(--line)}.ball.on{color:var(--accent);font-weight:var(--sf-fw-bold)}.ball.on .b{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.b.paper{background:radial-gradient(circle at 32% 30%,#fff,#f4f3ef 55%,#dddcd6)}.b.kraft{background:radial-gradient(circle at 32% 30%,#d8ae7a,#c09055 55%,#96703f)}.b.pet{background:radial-gradient(circle at 32% 30%,#fff,#dff0f6 40%,#a8c8d8)}.swatches{display:grid;grid-template-columns:repeat(8,28px);justify-content:space-between;row-gap:var(--sf-s2);margin-bottom:var(--sf-s2);align-items:center}.sw{width:28px;height:28px;border-radius:var(--sf-r-full);border:2px solid var(--line);cursor:pointer}.sw.on{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.sw.wheel{background:conic-gradient(from 0deg,#ff3b30,#ff9500,#fc0,#34c759,#00c7be,#007aff,#af52de,#ff3b30);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--sf-fs-md);font-weight:var(--sf-fw-bold);text-shadow:0 1px 2px rgba(0,0,0,.35)}.colorsq{position:relative;width:100%;aspect-ratio:1/1;border-radius:var(--sf-r-md);margin-bottom:var(--sf-s2);cursor:crosshair;background-image:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,#fff0);background-color:hsl(var(--hue,0),100%,50%);touch-action:none}.colorsq-cursor{position:absolute;width:14px;height:14px;border-radius:var(--sf-r-full);border:2px solid #fff;box-shadow:0 0 0 var(--sf-border) #0006,var(--sf-e1);transform:translate(-50%,-50%);pointer-events:none}.huebar{position:relative;width:100%;height:12px;border-radius:var(--sf-r-sm);margin-bottom:var(--sf-s2);cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.huebar-cursor{position:absolute;top:50%;width:16px;height:16px;border-radius:var(--sf-r-full);background:#fff;border:2px solid #fff;box-shadow:0 0 0 var(--sf-border) #0006,var(--sf-e1);transform:translate(-50%,-50%);pointer-events:none}.bigbtn{width:100%;padding:var(--sf-s2);border-radius:var(--sf-r-md);border:1px solid var(--accent);background:var(--accent-soft);color:var(--accent);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);margin-bottom:var(--sf-s2)}.bigbtn.ghost{background:var(--card);border-color:var(--line);color:var(--ink)}.dcard{display:flex;align-items:center;gap:var(--sf-s2);padding:var(--sf-s1) var(--sf-s2);border:var(--sf-border) solid var(--line);border-radius:var(--sf-r-md);margin-bottom:var(--sf-s1);font-size:var(--sf-fs-xs);cursor:pointer;background:var(--sunken);user-select:none}.dcard.on{border-color:var(--accent);background:var(--accent-soft)}.dcard.multi{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.dcard.child{margin-left:var(--sf-s4)}.dcard.gr{background:var(--sf-l1)}.dcard[data-drag="1"]{cursor:grab}.dcard .hdl{cursor:grab;color:var(--muted);font-size:var(--sf-fs-xs);letter-spacing:-1px}.dcard .car{color:var(--muted);font-size:var(--sf-fs-md);font-weight:var(--sf-fw-bold);flex:none;width:14px;text-align:center}.dcard .pv{width:24px;height:24px;border-radius:var(--sf-r-sm);border:1px solid var(--line);flex:none}.dcard .nm{flex:1;font-weight:var(--sf-fw-bold);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.dcard .nm input{width:100%;font:inherit;border:1px solid var(--accent);border-radius:var(--sf-r-sm);padding:1px var(--sf-s1);outline:none}.dcard .rm{color:var(--muted);font-size:var(--sf-fs-xs)}.dcard .rm:hover{color:var(--danger)}.dcard .act{color:var(--muted);font-size:var(--sf-fs-xs)}.dcard .act:hover{color:var(--accent)}.schemeCard{display:flex;gap:var(--sf-s2);padding:var(--sf-s2);border:var(--sf-border) solid var(--line);border-radius:var(--sf-r-md);margin-bottom:var(--sf-s2);cursor:pointer;background:var(--sunken);user-select:none}.schemeCard.on{border-color:var(--accent);background:var(--accent-soft)}.schemeCard .thumb{width:60px;height:60px;border-radius:var(--sf-r-md);border:1px solid var(--line);flex:none;background-size:cover;background-position:center}.schemeCard .info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--sf-s2)}.schemeCard .nm{font-weight:var(--sf-fw-bold);font-size:var(--sf-fs-sm);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.schemeCard .nm input{width:100%;font:inherit;border:1px solid var(--accent);border-radius:var(--sf-r-sm);padding:1px var(--sf-s1);outline:none}.schemeCard .acts{display:flex;gap:var(--sf-s3)}.schemeCard .acts .act{color:var(--muted);display:flex;align-items:center;cursor:pointer}.schemeCard .acts .act svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}.schemeCard .acts .act:hover{color:var(--accent)}.schemeCard .acts .act.rm:hover{color:var(--danger)}.schemeCard.dragging{opacity:.45}.schemeCard.dragover-top{box-shadow:0 -3px 0 0 var(--accent)}.schemeCard.dragover-bot{box-shadow:0 3px 0 0 var(--accent)}.dcard.dragover-top{box-shadow:0 -3px 0 0 var(--accent)}.dcard.dragover-bot{box-shadow:0 3px 0 0 var(--accent)}.lockbadge{width:12px;height:12px;flex:none;color:var(--muted);display:flex;align-items:center;justify-content:center}.lockbadge svg{width:100%;height:100%}.more{opacity:.6;width:16px;height:18px;display:flex;align-items:center;justify-content:center;flex:none;color:var(--ink)}.more svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}.more:hover{opacity:1;color:var(--accent)}.hintbox{font-size:var(--sf-fs-xs);color:var(--muted);background:var(--sf-l1);border-radius:var(--sf-r-md);padding:var(--sf-s2) var(--sf-s2);margin-top:var(--sf-s2);line-height:var(--sf-lh-base)}.grp{margin-top:var(--sf-s3)}.grp:first-child{margin-top:0}.grp .grp{margin-top:var(--sf-s2)}.grpHead{display:flex;align-items:center;gap:var(--sf-s1);cursor:pointer;padding:var(--sf-s1) 0;user-select:none}.grpHead .car{width:14px;height:14px;color:var(--muted);transition:transform var(--sf-dur-fast) var(--sf-ease);flex:none}.grp.collapsed .grpHead .car{transform:rotate(-90deg)}.grpHead b{font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--ink);letter-spacing:.02em}.grpHead small{color:var(--muted);font-weight:var(--sf-fw-medium);font-size:var(--sf-fs-xs)}.grp.collapsed .grpBody{display:none}#diePrev{border:1px solid var(--line);border-radius:var(--sf-r-md);background:#fff;margin-bottom:var(--sf-s2);overflow:hidden;aspect-ratio:16/9;display:grid;place-items:center}#diePrev canvas{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.hdri small{display:block;color:var(--muted);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-regular)}#flat{position:fixed;inset:0;z-index:80;display:none;flex-direction:column}#flat.show{display:flex}#flatTop{height:52px;background:var(--card);border-bottom:1px solid var(--line);display:flex;align-items:center;gap:var(--sf-s3);padding:0 var(--sf-s4)}#flatTop .back{border:var(--sf-border) solid var(--line);background:var(--sunken);border-radius:var(--sf-r-md);padding:var(--sf-s2) var(--sf-s4);font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold)}.flatTopLeft{display:flex;align-items:center;gap:var(--sf-s3);flex:none}#flatCrumb{font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold)}#flatTopTabs{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--sf-s5)}.flatTopTab{font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold);color:var(--muted);cursor:pointer;padding:var(--sf-s1) 2px;border-bottom:2px solid transparent;white-space:nowrap}.flatTopTab:hover{color:var(--ink)}.flatTopTab.on{color:var(--ink);border-bottom-color:var(--accent)}#flatMain{flex:1;display:flex;min-height:0}#flatLeft{width:300px;flex:none;position:relative;border-right:1px solid var(--line)}#flatPreview3d{position:absolute;top:0;left:0;width:300px;height:300px;z-index:5;overflow:hidden;border-radius:var(--sf-r-md);display:flex;align-items:center;justify-content:center;transition:height var(--sf-dur-base) var(--sf-ease),opacity var(--sf-dur-fast) var(--sf-ease)}#flatPreview3d.collapsed{height:0;opacity:0;pointer-events:none}#flatPreview3d canvas{width:100%;height:100%;display:block}#flatPreviewCollapsedCard{display:none;position:absolute;top:0;left:0;width:300px;height:44px;z-index:4;align-items:center;gap:var(--sf-s2);padding:0 var(--sf-s3);border:1px solid var(--line);border-radius:var(--sf-r-md);background:var(--card);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--muted)}#flatPreviewCollapsedCard svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm);flex:none}#flatLeft.previewCollapsed #flatPreviewCollapsedCard{display:flex}#flatPreviewToggle{position:absolute;top:266px;right:14px;z-index:6;width:26px;height:26px;border-radius:var(--sf-r-sm);border:1px solid var(--line);background:var(--sunken);display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;font-size:var(--sf-fs-xs);line-height:1;transition:top var(--sf-dur-base) var(--sf-ease)}#flatLeft.previewCollapsed #flatPreviewToggle{top:9px}#flatPanels{position:absolute;inset:312px 0 0;display:flex;min-height:0;transition:top var(--sf-dur-base) var(--sf-ease)}#flatLeft.previewCollapsed #flatPanels{top:56px}#flatAssetRail{width:64px;flex:none;border-right:1px solid var(--line);padding:var(--sf-s2);display:flex;flex-direction:column;gap:var(--sf-s2);background:var(--card)}#flatAssetBody{flex:1;overflow-y:auto;padding:var(--sf-s3);min-width:0;background:var(--card);scrollbar-gutter:stable}#flatCanvasCol{flex:1;position:relative;display:flex;min-height:0;min-width:0}#flatCanvasWrap{flex:1;position:relative;min-width:0;min-height:0;overflow:hidden;background:#fefefe}#flatCanvasWrap canvas{position:absolute;top:50%;left:50%;width:var(--sf-flat-canvas-width,80%);height:auto;aspect-ratio:var(--sf-flat-artboard-aspect,2/1);transform:translate(-50%,-50%) translate(var(--pan-x,0px),var(--pan-y,0px)) scale(var(--zoom,1));outline:1px solid rgba(23,26,32,.14)}#flatSelectionControls{position:absolute;inset:0;z-index:5;display:none;overflow:visible;pointer-events:none}#flatSelectionControls.show{display:block}#flatSelectionControls svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}#flatSelectionControls path,#flatSelectionControls line{fill:none;stroke:#3d46d9;stroke-width:2;vector-effect:non-scaling-stroke}.flatSelectionHandle{position:absolute;width:12px;height:12px;margin:0;padding:0;transform:translate(-50%,-50%);border:2px solid #3D46D9;background:#fff;pointer-events:auto;cursor:nwse-resize}.flatSelectionCorner{border-radius:1px}.flatSelectionEdge{border-radius:999px}.flatSelectionEdgeHorizontal{width:22px;height:9px;cursor:ns-resize}.flatSelectionEdgeVertical{width:9px;height:22px;cursor:ew-resize}.flatSelectionRotate{width:14px;height:14px;border-radius:50%;cursor:grab}.flatSelectionRotate:active{cursor:grabbing}.flatSelectionRotateAngle{position:absolute;display:none;transform:translate(12px,-50%);padding:3px 6px;border-radius:4px;background:#3d46d9;color:#fff;font:600 11px/1 ui-sans-serif,system-ui,sans-serif;white-space:nowrap;pointer-events:none;box-shadow:0 2px 7px #1a1f3d3d}#flatCanvasToolbar{position:absolute;left:50%;bottom:20px;transform:translate(-50%);z-index:5;display:flex;align-items:center;justify-content:center;gap:var(--sf-s1);padding:var(--sf-s2) var(--sf-s3);border:1px solid var(--line);border-radius:var(--sf-r-lg);background:var(--card);box-shadow:var(--sf-e2)}#flatCanvasToolbar .ctBtn{width:30px;height:30px;flex:none;border:1px solid var(--line);border-radius:var(--sf-r-md);background:var(--sunken);display:flex;align-items:center;justify-content:center;color:var(--muted);cursor:pointer;font-size:var(--sf-fs-md);font-weight:var(--sf-fw-bold)}#flatCanvasToolbar .ctBtn svg{width:var(--sf-icon-md);height:var(--sf-icon-md)}#flatCanvasToolbar .ctBtn:hover{border-color:var(--accent);color:var(--accent)}#flatCanvasToolbar .ctBtn.on{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}#flatCanvasToolbar .ctZoomVal{font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--muted);width:42px;text-align:center;cursor:pointer;user-select:none}#flatCanvasToolbar .ctSep{width:1px;height:20px;background:var(--line);margin:0 var(--sf-s1);flex:none}.flatElemToolbar{position:absolute;z-index:6;display:none;align-items:center;gap:var(--sf-s1);flex-wrap:wrap;max-width:min(640px,calc(100% - 24px));background:var(--sf-surface-3);color:var(--ink);border:1px solid var(--line);border-radius:var(--sf-r-md);padding:var(--sf-s1) var(--sf-s2);box-shadow:var(--sf-e2);transform:translate(-50%);font-size:var(--sf-fs-xs)}.flatElemToolbar .etBtn{width:28px;height:28px;flex:none;border:none;border-radius:var(--sf-r-sm);background:transparent;color:var(--ink);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:var(--sf-fs-sm)}.flatElemToolbar .etBtn svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}.flatElemToolbar .etBtn:hover{background:var(--sunken)}.flatElemToolbar .etBtn.on{background:var(--accent-fill);color:var(--sf-on-brand)}.flatElemToolbar .etBtn.danger:hover{background:var(--danger)}.flatElemToolbar .etSep{width:1px;height:20px;background:var(--line);flex:none;margin:0 2px}.flatElemToolbar .etSel{height:28px;border-radius:var(--sf-r-sm);border:none;background:var(--sunken);color:var(--ink);font-size:var(--sf-fs-xs);padding:0 var(--sf-s1);flex:none}.flatElemToolbar .etStep{display:flex;align-items:center;gap:var(--sf-s1);background:var(--sunken);border-radius:var(--sf-r-sm);padding:0 var(--sf-s2);height:28px;font-weight:var(--sf-fw-bold);flex:none}.flatElemToolbar .etStep button{width:16px;height:16px;border:none;background:none;color:var(--ink);cursor:pointer;font-size:var(--sf-fs-sm);line-height:1;padding:0}.flatElemToolbar .etColor{width:24px;height:24px;flex:none;border:none;border-radius:var(--sf-r-full);padding:0;cursor:pointer}.flatElemToolbar .etColor::-webkit-color-swatch-wrapper{padding:0}.flatElemToolbar .etColor::-webkit-color-swatch{border:none;border-radius:var(--sf-r-full)}.flatElemToolbar .etOpacityWrap{display:flex;align-items:center;gap:var(--sf-s1);font-size:var(--sf-fs-xs);color:var(--muted);flex:none}.flatElemToolbar .etOpacityWrap input[type=range]{width:70px;accent-color:var(--accent)}.flatElemToolbar .etSwatchBtn{border-radius:var(--sf-r-full);border:var(--sf-border) solid var(--line);font-weight:var(--sf-fw-bold);font-size:var(--sf-fs-sm)}.flatElemToolbar .etColorPanel{position:absolute;top:100%;left:0;margin-top:var(--sf-s2);z-index:10;align-items:center;gap:var(--sf-s1);background:var(--sf-surface-3);border:1px solid var(--line);border-radius:var(--sf-r-md);padding:var(--sf-s1) var(--sf-s2);box-shadow:var(--sf-e2)}.flatInlineTextEdit{position:absolute;z-index:7;transform:translate(-50%,-50%);text-align:center;border:var(--sf-border) solid var(--accent);border-radius:var(--sf-r-sm);padding:2px var(--sf-s2);font-family:inherit;background:#fff;min-width:60px}.flatAddDesignCardV{border:var(--sf-border) dashed var(--line);border-radius:var(--sf-r-md);padding:var(--sf-s3) var(--sf-s3);text-align:center;color:var(--muted);font-weight:var(--sf-fw-bold);font-size:var(--sf-fs-sm);cursor:pointer;background:none;width:100%}.flatAddDesignCardV:hover{border-color:var(--accent);color:var(--accent)}body{background:var(--studio)}#topbar{height:58px;padding:0 var(--sf-s4);gap:var(--sf-s3);position:relative;z-index:30;background:color-mix(in srgb,var(--sf-surface-1) 88%,transparent);backdrop-filter:blur(18px) saturate(1.25);border-bottom:1px solid color-mix(in srgb,var(--sf-line) 7%,transparent)}.logo{font-size:var(--sf-fs-md);letter-spacing:-.02em}#projWrap{font-size:var(--sf-fs-xs)}#projWrap .bar{color:var(--line)}#projName{padding:var(--sf-s1) var(--sf-s2);border-radius:var(--sf-r-md)}.icobtn{width:34px;height:34px;border-radius:var(--sf-r-md);background:color-mix(in srgb,var(--sf-surface-1) 78%,transparent)}.icobtn svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}#exportBtn,#loginBtn{height:34px;border-radius:var(--sf-r-md);padding:0 var(--sf-s3);font-size:var(--sf-fs-xs)}#avatar{width:34px;height:34px}#main{background:var(--studio)}#viewport{inset:0;background:var(--sf-bg)}#left{left:18px;top:18px;width:334px;min-width:334px;max-height:none;height:calc(100% - 36px);padding:0;overflow:hidden;display:flex;flex-direction:column;background:color-mix(in srgb,var(--sf-surface-1) 94%,transparent);backdrop-filter:blur(22px) saturate(1.2);border:1px solid color-mix(in srgb,var(--sf-line) 84%,transparent);border-radius:var(--sf-r-xl);box-shadow:var(--sf-e3)}.workbenchHead{flex:none;padding:var(--sf-s4) var(--sf-s4) var(--sf-s3);display:flex;align-items:flex-end;justify-content:space-between;border-bottom:1px solid var(--line)}.workbenchHead .eyebrow{display:block;margin-bottom:var(--sf-s1);color:var(--muted);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);letter-spacing:.13em;text-transform:uppercase}.workbenchHead h2{font-size:var(--sf-fs-lg);line-height:var(--sf-lh-tight);letter-spacing:-.035em;font-weight:var(--sf-fw-bold)}.workbenchHead .stageMeta{font-size:var(--sf-fs-xs);color:var(--muted);padding-bottom:1px}#productPane{display:flex;flex-direction:column;min-height:0;height:100%}.productSummary{flex:none;padding:var(--sf-s3) var(--sf-s3) 0}.sectionHeading{display:flex;align-items:flex-end;justify-content:space-between;margin:0 2px var(--sf-s2)}.sectionHeading b{font-size:var(--sf-fs-xs);letter-spacing:-.01em}.sectionHeading small{font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);color:var(--muted)}#productList .dcard{min-height:38px;margin-bottom:0;border:none;background:var(--row);border-radius:var(--sf-r-md);padding:var(--sf-s2) var(--sf-s2)}#productList .dcard.on{background:var(--row);box-shadow:none}#productList .dcard .pv{width:24px;height:24px;border-radius:var(--sf-r-md)}#productList .dcard .nm,#productList .dcard .act{font-size:var(--sf-fs-xs)}.leftDivider{margin:var(--sf-s3) var(--sf-s3) 0}.elementsBlock{padding:var(--sf-s3) var(--sf-s3) 0;flex:none}.elementsBlock .sec-t{margin:0 2px var(--sf-s2)}.elementsBlock .sec-t .sectionHint{margin-left:auto;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);color:var(--muted)}.sec-t .add{margin-left:var(--sf-s1);width:22px;height:22px;border-radius:var(--sf-r-sm)}#compList{display:grid;grid-template-columns:1fr 1fr;gap:var(--sf-s2)}.comp{min-height:54px;margin:0;padding:var(--sf-s2);gap:var(--sf-s2);border:1px solid var(--line);border-radius:var(--sf-r-md);background:color-mix(in srgb,var(--sf-surface-1) 90%,transparent);overflow:hidden}.comp:hover{border-color:var(--sf-line-strong);background:var(--sf-surface-3)}.comp.on{color:var(--ink);border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 var(--sf-border) var(--accent-soft)}.compThumb{width:31px;height:31px;border-radius:var(--sf-r-md);flex:none;display:flex;align-items:center;justify-content:center;background:var(--row);color:var(--muted)}.compThumb svg{width:var(--sf-icon-lg);height:var(--sf-icon-lg)}.comp.on .compThumb{background:var(--accent-soft);color:var(--accent)}.compCopy{display:flex;min-width:0;flex:1;flex-direction:column;gap:2px}.comp .nm{font-size:var(--sf-fs-xs);line-height:var(--sf-lh-tight)}.compCopy small{font-size:var(--sf-fs-xs);color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comp .eye{width:15px;height:15px;position:absolute;top:7px;right:7px;opacity:.52}.comp .rm{position:absolute;right:7px;bottom:5px;font-size:var(--sf-fs-xs)}.comp.sceneComp{grid-column:1 / -1;min-height:50px}.comp.sceneComp .compThumb{background:linear-gradient(145deg,#f7e5b6,#afc8f3);color:#493b2b}.comp.sceneComp.on .compThumb{box-shadow:inset 0 0 0 1px var(--accent-soft)}.previewBadge{margin-left:auto;align-self:center;padding:3px var(--sf-s1);border-radius:var(--sf-r-sm);background:var(--sunken);color:var(--muted);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}#right{position:static;inset:auto;z-index:auto;width:auto;min-width:0;min-height:0;flex:1;margin-top:var(--sf-s3);border:none;border-top:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;backdrop-filter:none;overflow:hidden}#rightHead{min-height:49px;padding:var(--sf-s2) var(--sf-s3) var(--sf-s2);align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.editorContext .eyebrow{display:block;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);letter-spacing:.11em;text-transform:uppercase;color:var(--muted)}.editorContext strong{display:block;margin-top:2px;font-size:var(--sf-fs-sm);letter-spacing:-.015em}#rightHead #rightClose{padding:var(--sf-s1) var(--sf-s2);border:1px solid var(--line);border-radius:var(--sf-r-md);background:var(--sunken);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);line-height:1;color:var(--muted)}#rightHead #rightClose:hover{border-color:var(--sf-line-strong);color:var(--ink)}#rtabs{grid-template-columns:repeat(3,1fr);padding:var(--sf-s1) var(--sf-s2) 0;border-bottom:1px solid var(--line)}#rtabs .rt{min-height:48px;padding:var(--sf-s2) 2px var(--sf-s1);gap:3px;border-radius:var(--sf-r-md) var(--sf-r-md) 0 0}#rtabs .rt:hover{background:var(--row);color:var(--ink)}#rtabs .rt svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}#rtabs .rt span{font-size:var(--sf-fs-xs)}#rbody{padding:var(--sf-s3) var(--sf-s3) var(--sf-s5)}#right.scene-mode{margin-top:var(--sf-s3)}#right.scene-mode #rightHead{min-height:55px}.rsec{font-size:var(--sf-fs-xs)}.frow>b{width:88px}.styleGrid{gap:var(--sf-s2)}.styleGrid .assetCard{width:104px}.assetCard{border-radius:var(--sf-r-md)}.assetCard .cap{font-size:var(--sf-fs-xs)}#cube{right:22px;bottom:22px}.rotatehint{top:24px;right:80px}@media(max-width:760px){#topbar{height:54px;padding:0 var(--sf-s2);gap:var(--sf-s2)}#projWrap .bar,.logo{display:none}#projWrap{width:auto;flex:0 1 auto}#projName{max-width:130px}#shareBtn{display:none}#exportBtn,#loginBtn{padding:0 var(--sf-s2)}#left{inset:auto 10px 10px;width:auto;min-width:0;height:48%;border-radius:var(--sf-r-xl)}.workbenchHead{padding:var(--sf-s3) var(--sf-s3) var(--sf-s2)}.workbenchHead h2{font-size:var(--sf-fs-md)}.productSummary,.leftDivider{display:none}.elementsBlock{padding-top:var(--sf-s2)}#compList{display:flex;overflow-x:auto;padding-bottom:2px}.comp{min-width:132px}.comp.sceneComp{min-width:170px}#right{margin-top:var(--sf-s2)}#cube{right:14px;bottom:calc(48% + 24px);transform:scale(.82);transform-origin:right bottom}.rotatehint{display:none}}body{display:block}#topbar{position:fixed;top:14px;left:18px;right:18px;width:auto;height:46px;padding:0 var(--sf-s3) 0 var(--sf-s3);border:none;border-radius:var(--sf-r-lg);background:color-mix(in srgb,var(--sf-surface-1) 58%,transparent);backdrop-filter:blur(24px) saturate(1.35);box-shadow:var(--sf-e2)}#main{width:100%;height:100vh}#projWrap .bar{opacity:.55}.icobtn{background:color-mix(in srgb,var(--sf-surface-1) 28%,transparent);border-color:color-mix(in srgb,var(--sf-line) 10%,transparent)}#loginBtn{background:color-mix(in srgb,var(--sf-surface-1) 25%,transparent);border-color:color-mix(in srgb,var(--sf-line) 10%,transparent)}#exportBtn{box-shadow:var(--sf-e-brand)}#left{top:auto;bottom:18px;left:50%;transform:translate(-50%);width:min(1120px,calc(100% - 36px));min-width:0;height:252px;flex-direction:row;border-radius:var(--sf-r-xl);background:color-mix(in srgb,var(--sf-surface-1) 76%,transparent);backdrop-filter:blur(28px) saturate(1.3);border:1px solid color-mix(in srgb,var(--sf-line) 78%,transparent);box-shadow:var(--sf-e3)}#productPane{flex:1;width:100%;height:auto;flex-direction:row}.workbenchHead,.productSummary,.leftDivider{display:none}.elementsBlock{width:300px;min-width:300px;height:100%;padding:var(--sf-s4) var(--sf-s4);border-right:1px solid color-mix(in srgb,var(--sf-line) 8%,transparent)}.elementsBlock .sec-t{height:22px;margin:0 2px var(--sf-s2);font-size:var(--sf-fs-xs)}.elementsBlock .sec-t .sectionHint{font-size:var(--sf-fs-xs)}#compList{grid-template-columns:1fr 1fr;gap:var(--sf-s2)}.comp{min-height:46px;padding:var(--sf-s1) var(--sf-s2);border-color:color-mix(in srgb,var(--sf-line) 9%,transparent);background:color-mix(in srgb,var(--sf-surface-1) 34%,transparent);backdrop-filter:blur(8px)}.comp:hover{background:color-mix(in srgb,var(--sf-surface-1) 58%,transparent)}.comp.on{background:color-mix(in srgb,var(--sf-surface-1) 82%,transparent);border-color:var(--accent)}.compThumb{width:28px;height:28px;border-radius:var(--sf-r-md);background:color-mix(in srgb,var(--sf-surface-1) 42%,transparent)}.compThumb svg{width:var(--sf-icon-md);height:var(--sf-icon-md)}.comp .nm,.compCopy small{font-size:var(--sf-fs-xs)}.comp.sceneComp{min-height:42px}.previewBadge{font-size:var(--sf-fs-xs)}#right{display:flex;flex:1;flex-direction:row;margin:0;border:0;min-width:0}#rtabs,#sceneTabs{width:162px;min-width:162px;height:100%;padding:var(--sf-s4) var(--sf-s3);display:flex;flex-direction:column;gap:var(--sf-s1);border:0;border-right:1px solid color-mix(in srgb,var(--sf-line) 8%,transparent)}#rtabs .rt,#sceneTabs .rt{min-height:42px;padding:0 var(--sf-s3);border:1px solid transparent;border-radius:var(--sf-r-md);flex-direction:row;justify-content:flex-start;gap:var(--sf-s2);color:var(--muted)}#rtabs .rt:hover,#sceneTabs .rt:hover{background:color-mix(in srgb,var(--sf-surface-1) 36%,transparent)}#rtabs .rt.on,#sceneTabs .rt.on{color:var(--ink);border-color:color-mix(in srgb,var(--sf-line) 8%,transparent);background:color-mix(in srgb,var(--sf-surface-1) 78%,transparent);box-shadow:var(--sf-e2)}#rtabs .rt svg,#sceneTabs .rt svg{width:var(--sf-icon-md);height:var(--sf-icon-md);flex:none}#rtabs .rt span,#sceneTabs .rt span{font-size:var(--sf-fs-xs);letter-spacing:0;text-align:left}#right.scene-mode{margin:0}#right.scene-mode #rtabs{display:none}#right.scene-mode #sceneTabs{display:flex}.paramPane{display:flex;flex:1;min-width:0;height:100%;flex-direction:column}#rightHead{min-height:43px;padding:var(--sf-s3) var(--sf-s4) var(--sf-s2);border:0;border-bottom:1px solid color-mix(in srgb,var(--sf-line) 7%,transparent)}.editorContext .eyebrow{display:none}.editorContext strong{font-size:var(--sf-fs-xs)}#rightHead #rightClose{display:none}#rbody{padding:var(--sf-s2) var(--sf-s4) var(--sf-s4)}#rbody .rsec:first-child{margin-top:1px}.frow{background:color-mix(in srgb,var(--sf-surface-1) 42%,transparent)}.frow .nb,.frow .hex{background:color-mix(in srgb,var(--sf-surface-1) 66%,transparent)}.assetCard,.chip,.seg button{background:color-mix(in srgb,var(--sf-surface-1) 50%,transparent)}.sceneGroup{display:none}#rbody[data-scene-section=background] .scene-background,#rbody[data-scene-section=lighting] .scene-lighting,#rbody[data-scene-section=environment] .scene-environment{display:block}#assetsPane{width:100%;height:100%;padding:var(--sf-s3);overflow:auto;scrollbar-gutter:stable}#assetsPane #assetList{grid-template-columns:repeat(2,1fr)}.shapeTeaser{display:flex;align-items:center;justify-content:space-between;min-height:38px;margin-bottom:var(--sf-s3);padding:var(--sf-s2) var(--sf-s2);border:1px dashed color-mix(in srgb,var(--sf-line) 13%,transparent);border-radius:var(--sf-r-md);background:color-mix(in srgb,var(--sf-surface-1) 25%,transparent)}.shapeTeaser b{font-size:var(--sf-fs-xs)}.shapeTeaser span{font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--muted);text-transform:uppercase;letter-spacing:.05em}#cube{right:24px;bottom:290px}.rotatehint{display:none}@media(max-width:760px){#topbar{top:8px;left:8px;right:8px;height:44px;border-radius:var(--sf-r-lg)}#left{left:10px;right:10px;bottom:10px;width:auto;height:54%;transform:none;border-radius:var(--sf-r-xl)}#productPane{flex-direction:column}.elementsBlock{width:100%;min-width:0;height:auto;padding:var(--sf-s2) var(--sf-s3) var(--sf-s2);border-right:0;border-bottom:1px solid color-mix(in srgb,var(--sf-line) 8%,transparent)}.elementsBlock .sec-t{margin-bottom:var(--sf-s2)}#compList{display:flex;overflow-x:auto;gap:var(--sf-s2)}.comp{min-width:126px;min-height:43px}.comp.sceneComp{min-width:174px}#right{flex:1;min-height:0;flex-direction:column}#rtabs,#sceneTabs{width:100%;min-width:0;height:52px;padding:var(--sf-s1) var(--sf-s2);flex-direction:row;border-right:0;border-bottom:1px solid color-mix(in srgb,var(--sf-line) 8%,transparent)}#rtabs .rt,#sceneTabs .rt{flex:1;min-height:38px;justify-content:center;padding:0 var(--sf-s1)}.paramPane{min-height:0}#rightHead{min-height:37px;padding:var(--sf-s2) var(--sf-s3) var(--sf-s1)}#rbody{padding:var(--sf-s2) var(--sf-s3) var(--sf-s4)}#cube{right:12px;bottom:calc(54% + 22px)}}#topbar{top:10px;left:14px;right:14px;padding:0;background:transparent;backdrop-filter:none;box-shadow:none;border:0}#topbar .icobtn,#topbar #loginBtn{background:color-mix(in srgb,var(--sf-surface-1) 24%,transparent);border-color:color-mix(in srgb,var(--sf-line) 45%,transparent);backdrop-filter:blur(16px) saturate(1.25)}#left{inset:76px auto 18px 18px;transform:none;width:408px;min-width:408px;height:auto;flex-direction:column;border-radius:var(--sf-r-xl);background:color-mix(in srgb,var(--sf-surface-1) 72%,transparent);backdrop-filter:blur(30px) saturate(1.25);border:1px solid color-mix(in srgb,var(--sf-line) 72%,transparent);box-shadow:var(--sf-e3)}#productPane{height:100%;flex-direction:column}#right{height:100%;flex-direction:column;margin:0}#rtabs,#sceneTabs{width:100%;min-width:0;height:62px;padding:var(--sf-s2);display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sf-s1);border-right:0;border-bottom:1px solid color-mix(in srgb,var(--sf-line) 8%,transparent)}#rtabs .rt,#sceneTabs .rt{min-height:42px;padding:0 var(--sf-s2);justify-content:center;gap:var(--sf-s2)}#rtabs .rt span,#sceneTabs .rt span{font-size:var(--sf-fs-xs);text-align:center}#sceneTabs{display:none}#right.scene-mode #sceneTabs{display:grid}.operatorBody{display:flex;flex:1;min-height:0}.elementsBlock{width:112px;min-width:112px;height:100%;padding:var(--sf-s2) var(--sf-s2);display:flex;border-right:1px solid color-mix(in srgb,var(--sf-line) 8%,transparent)}.componentSwitcher{position:relative;width:100%;min-height:0;display:grid;grid-template-rows:30px minmax(0,1fr) 30px}.componentStep{display:grid;place-items:center;width:100%;border:0;border-radius:var(--sf-r-md);color:var(--muted);background:color-mix(in srgb,var(--sf-surface-1) 28%,transparent);font:700 18px/1 system-ui;cursor:pointer;transition:all var(--sf-dur-base) var(--sf-ease)}.componentStep:hover{color:var(--ink);background:color-mix(in srgb,var(--sf-surface-1) 65%,transparent)}#compList{display:block;min-height:0;padding:var(--sf-s2) 0}#compList .comp{display:none}#compList .comp.on{display:flex;height:100%;min-height:0;padding:var(--sf-s3) var(--sf-s2);flex-direction:column;justify-content:center;gap:var(--sf-s2);text-align:center;border-color:color-mix(in srgb,var(--sf-line) 8%,transparent);background:color-mix(in srgb,var(--sf-surface-1) 70%,transparent)}#compList .compThumb{width:42px;height:42px;margin:0 auto;border-radius:var(--sf-r-md)}#compList .compThumb svg{width:var(--sf-icon-lg);height:var(--sf-icon-lg)}#compList .compCopy{width:100%;align-items:center}#compList .comp .nm{font-size:var(--sf-fs-xs)}#compList .compCopy small{font-size:var(--sf-fs-xs);line-height:var(--sf-lh-tight)}#compList .comp .eye,#compList .comp .rm{position:absolute;top:7px}#compList .comp .eye{right:7px}#compList .comp .rm{left:7px}#compList .comp.sceneComp{min-height:0}#compList{height:auto!important;min-height:0!important;overflow-y:auto!important;padding:0!important}#compList .previewBadge{position:static;margin-top:1px}.componentPosition{position:absolute;left:50%;bottom:37px;z-index:3;transform:translate(-50%);padding:2px var(--sf-s1);border-radius:var(--sf-r-md);color:var(--muted);background:color-mix(in srgb,var(--sf-surface-1) 60%,transparent);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);letter-spacing:.08em}#addComp{position:absolute;top:37px;right:-3px;z-index:4;width:22px;height:22px;border-radius:var(--sf-r-full);font-size:var(--sf-fs-sm)}.paramPane{height:100%;min-width:0}#rightHead{min-height:48px;padding:var(--sf-s3) var(--sf-s4) var(--sf-s2)}#rbody{padding:var(--sf-s3) var(--sf-s4) var(--sf-s4)}#assetsPane{height:100%;padding:var(--sf-s3)}#cube{right:20px;bottom:20px}@media(max-width:760px){#topbar{top:8px;left:10px;right:10px}#left{inset:auto 10px 10px;width:auto;min-width:0;height:55%;border-radius:var(--sf-r-xl)}#rtabs,#sceneTabs{height:56px;padding:var(--sf-s2)}.operatorBody{min-height:0}.elementsBlock{width:104px;min-width:104px;height:100%;padding:var(--sf-s2)}#compList{display:block;overflow:visible;padding:var(--sf-s1) 0}#compList .comp.on{min-width:0;min-height:0}#cube{right:12px;bottom:calc(55% + 22px)}}#left{background:transparent;backdrop-filter:none;border:0;box-shadow:none}#productPane,#right,.operatorBody,.paramPane{background:transparent}.elementsBlock{width:100%;min-width:0;height:54px;padding:0 0 var(--sf-s2);display:block;border:0}.componentSwitcher{width:100%;height:46px;min-height:46px;display:grid;grid-template-columns:38px minmax(0,1fr) 38px;grid-template-rows:46px;align-items:center;gap:var(--sf-s1)}.componentStep{width:38px;height:38px;align-self:center;background:color-mix(in srgb,var(--sf-surface-1) 22%,transparent);border:1px solid color-mix(in srgb,var(--sf-line) 42%,transparent);backdrop-filter:blur(14px) saturate(1.2)}#compList{height:46px;min-height:46px;padding:0;overflow:hidden}#compList .comp.on{display:flex;width:100%;height:46px;min-height:46px;padding:0 var(--sf-s7);flex-direction:row;align-items:center;justify-content:center;border:0;background:transparent;backdrop-filter:none}#compList .compThumb,#compList .compCopy small,#compList .comp .eye,#compList .comp .rm,#compList .previewBadge{display:none}#compList .compCopy{display:flex;width:100%;align-items:center;justify-content:center}#compList .comp .nm{width:100%;overflow:hidden;color:var(--ink);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);text-align:center;text-overflow:ellipsis;white-space:nowrap}.componentPosition{left:50%;top:29px;bottom:auto;transform:translate(-50%);padding:0;background:transparent;font-size:var(--sf-fs-xs)}#addComp{top:12px;right:45px;width:22px;height:22px;background:color-mix(in srgb,var(--sf-surface-1) 34%,transparent);border-color:color-mix(in srgb,var(--sf-line) 54%,transparent)}#rtabs,#sceneTabs{height:58px;padding:var(--sf-s2) 0;border:0;border-bottom:1px solid color-mix(in srgb,var(--sf-line) 7%,transparent)}#rtabs .rt,#sceneTabs .rt{min-height:42px;background:color-mix(in srgb,var(--sf-surface-1) 16%,transparent);backdrop-filter:blur(12px) saturate(1.15)}#rtabs .rt.on,#sceneTabs .rt.on{background:color-mix(in srgb,var(--sf-surface-1) 72%,transparent)}.operatorBody{display:block;flex:1;min-height:0}.paramPane{width:100%}#rightHead,#rbody{padding-left:0;padding-right:0}@media(max-width:760px){.elementsBlock{width:100%;min-width:0;height:50px;padding:0 0 var(--sf-s1)}.componentSwitcher{height:44px;min-height:44px;grid-template-rows:44px}#compList,#compList .comp.on{height:44px;min-height:44px}#rtabs,#sceneTabs{height:54px;padding:var(--sf-s1) 0}}#left{width:272px;min-width:272px;overflow:visible;transition:width var(--sf-dur-slow) var(--sf-ease-out),min-width var(--sf-dur-slow) var(--sf-ease-out)}#left>#productPane,#left>#assetsPane{transition:opacity var(--sf-dur-base) var(--sf-ease),transform var(--sf-dur-slow) var(--sf-ease-out)}#left.collapsed{width:0;min-width:0}#left.collapsed>#productPane,#left.collapsed>#assetsPane,#left.collapsed>#productCtxMenu{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-18px)}#panelToggle{position:absolute;z-index:12;right:-18px;top:50%;transform:translateY(-50%);width:32px;height:52px;padding:0;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--sf-line) 62%,transparent);border-radius:0 var(--sf-r-lg) var(--sf-r-lg) 0;background:color-mix(in srgb,var(--sf-surface-1) 42%,transparent);color:var(--ink);backdrop-filter:blur(18px) saturate(1.25);box-shadow:var(--sf-e2);font:600 16px/1 ui-monospace,SFMono-Regular,Menlo,monospace;cursor:pointer;transition:right var(--sf-dur-slow) var(--sf-ease-out),background var(--sf-dur-base) var(--sf-ease)}#panelToggle:hover{background:color-mix(in srgb,var(--sf-surface-1) 76%,transparent)}#panelToggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#left.collapsed #panelToggle{right:-34px;border-radius:0 var(--sf-r-lg) var(--sf-r-lg) 0}@media(max-width:760px){#left{width:auto;min-width:0}#left.collapsed{right:auto;width:0;min-width:0}#panelToggle{right:-16px}#left.collapsed #panelToggle{right:-34px}}#rtabs{grid-template-columns:repeat(2,1fr)}#right.design-mode #rtabs,#right.design-mode #sceneTabs{display:none}#rightHead{display:none!important}#rbody{padding-top:var(--sf-s2)}#compList,.componentPosition{display:none!important}.componentSwitcher{grid-template-columns:34px minmax(0,1fr) 24px 34px;gap:var(--sf-s1)}#compPrev{grid-column:1}#compSelect{grid-column:2;width:100%;height:38px;min-width:0;padding:0 var(--sf-s5) 0 var(--sf-s3);border:1px solid color-mix(in srgb,var(--sf-line) 48%,transparent);border-radius:var(--sf-r-md);background:color-mix(in srgb,var(--sf-surface-1) 22%,transparent);color:var(--ink);backdrop-filter:blur(14px) saturate(1.2);font:700 11px/1 Inter,system-ui,sans-serif;text-align:center;text-align-last:center;outline:0;cursor:pointer}#compSelect:hover,#compSelect:focus{background:color-mix(in srgb,var(--sf-surface-1) 52%,transparent);border-color:color-mix(in srgb,var(--sf-line) 72%,transparent)}#compSelect:disabled{opacity:.48;cursor:not-allowed}#addComp{position:static;grid-column:3;width:24px;height:24px;justify-self:center}#compNext{grid-column:4}#cube{display:none!important}@media(min-width:761px){#left{left:auto;right:18px}#left.collapsed>#productPane,#left.collapsed>#assetsPane,#left.collapsed>#productCtxMenu{transform:translate(18px)}#panelToggle{left:-18px;right:auto;border-radius:var(--sf-r-lg) 0 0 var(--sf-r-lg);transition:left var(--sf-dur-slow) var(--sf-ease-out),background var(--sf-dur-base) var(--sf-ease)}#left.collapsed #panelToggle{left:-34px;right:auto;border-radius:var(--sf-r-lg) 0 0 var(--sf-r-lg)}}#toast{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-50% - 14px));z-index:99;background:var(--sf-surface-3);color:var(--ink);border:1px solid var(--line);padding:var(--sf-s2) var(--sf-s4);border-radius:var(--sf-r-md);box-shadow:var(--sf-e2);font-size:var(--sf-fs-sm);opacity:0;pointer-events:none;transition:all var(--sf-dur-base) var(--sf-ease);max-width:86%}#toast.show{opacity:1;transform:translate(-50%,-50%)}#toast{border-left:4px solid transparent}#toast[data-level=ok]{border-left-color:var(--sf-ok);background:color-mix(in srgb,var(--sf-ok) 12%,var(--sf-surface-3))}#toast[data-level=warn]{border-left-color:var(--sf-warn);background:color-mix(in srgb,var(--sf-warn) 12%,var(--sf-surface-3))}#toast[data-level=danger]{border-left-color:var(--sf-danger);background:color-mix(in srgb,var(--sf-danger) 12%,var(--sf-surface-3))}:root{--sf-brand-rgb:var(--sf-brand-rgb)}h1,h2,h3,.rsec,.grpHead b,#projName,.logo{font-family:var(--sf-font-display)}.logo b,#projName{font-variation-settings:"wdth" 112}#exportBtn{background:var(--accent-fill)}#exportBtn:hover{background:var(--accent-fill-hover)}.chip.on,.assetCard.on{border-color:var(--accent)}#panelToggle{right:auto;left:-33px;border-radius:var(--sf-r-lg) 0 0 var(--sf-r-lg)}#left.collapsed #panelToggle{right:auto;left:-33px}.elementsBlock{height:auto!important;flex:none!important;padding:0 0 var(--sf-s2)!important}.operatorBody{flex:1!important;min-height:0!important;overflow-y:auto!important;scrollbar-gutter:stable}.paramPane{height:auto!important}.componentSwitcher{height:auto!important;min-height:0!important;display:block!important;position:relative;padding:var(--sf-s5) 0 2px!important;overflow:visible!important}#compList{max-height:46vh;overflow-y:auto!important}.componentSwitcher:before{content:"Components";position:absolute;left:2px;top:6px;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--muted);letter-spacing:.02em}#compSelect,.componentStep,.componentPosition,.compListBtn,.compHead{display:none!important}#compList{height:auto!important;min-height:0!important;overflow:visible!important;display:flex!important;flex-direction:column;gap:var(--sf-s1);padding:0!important}#compList .comp{display:flex!important;flex-direction:row!important;width:100%;height:auto!important;min-height:0!important;align-items:center;gap:var(--sf-s2);padding:var(--sf-s2) var(--sf-s2)!important;border:var(--sf-border) solid var(--line)!important;border-radius:var(--sf-r-md);background:var(--card)!important;backdrop-filter:none!important;text-align:left!important;cursor:pointer}#compList .comp:hover{border-color:var(--accent)!important}#compList .comp.on{border-color:var(--accent)!important;background:var(--accent-soft)!important}#compList .compThumb{display:grid!important;place-items:center;flex:none;width:26px!important;height:26px!important;margin:0!important;border-radius:var(--sf-r-sm)!important;background:var(--studio);color:var(--muted)}#compList .comp.on .compThumb{background:var(--accent-soft);color:var(--accent)}#compList .compThumb svg{width:var(--sf-icon-sm)!important;height:var(--sf-icon-sm)!important}#compList .comp .nm{width:auto!important;font-size:var(--sf-fs-xs)!important;font-weight:var(--sf-fw-bold);text-align:left!important;color:inherit;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}#compList .comp .eye,#compList .comp .rm{display:grid!important;place-items:center;position:static!important;flex:none;width:20px;height:20px;border-radius:var(--sf-r-sm);color:var(--muted)}#compList .comp .eye svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}#compList .comp .eye:hover,#compList .comp .rm:hover{background:var(--row);color:var(--ink)}#compList .comp .rm:hover,#compList .comp .eye.off{color:var(--danger)}#compList .previewBadge{display:inline-block!important;position:static!important;margin:0!important;padding:1px var(--sf-s1);border-radius:var(--sf-r-sm);background:var(--row);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--muted);flex:none}#compList #designComp{margin-top:var(--sf-s2);border-top-style:solid}#compList #designComp,#compList #sceneComp{background:var(--sf-l1)!important}#compList #designComp.on,#compList #sceneComp.on{background:var(--accent-soft)!important}#addComp{position:absolute!important;top:2px!important;right:0!important;left:auto!important;width:22px!important;height:22px!important;border-radius:var(--sf-r-sm);background:var(--card)!important;border:1px solid var(--line)!important;color:var(--muted);display:grid!important;place-items:center}.presetRow{position:relative;margin-bottom:var(--sf-s4)}.presetRow:after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--sf-s2) * -1);height:1px;background:var(--line)}.presetSelect{flex:1;min-width:0;margin-left:auto;padding:var(--sf-s1) var(--sf-s2);border:1px solid var(--line);border-radius:var(--sf-r-md);background:var(--card);color:var(--ink);font-family:inherit;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);cursor:pointer}.presetSelect:hover{border-color:var(--accent)}.presetSelect:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.dimHint{display:flex;gap:var(--sf-s1);align-items:flex-start;margin:0 0 var(--sf-s2);font-size:var(--sf-fs-xs);line-height:var(--sf-lh-base);color:var(--muted)}.dimHint b{color:var(--accent);font-weight:var(--sf-fw-bold);flex:none}.fnote{margin:-4px 0 var(--sf-s2);font-size:var(--sf-fs-xs);line-height:var(--sf-lh-base);color:var(--muted)}#dimLines{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease)}#dimLines.show{opacity:1}#dimLines .dl,#dimLines .dlTick{stroke:var(--accent);stroke-width:1.25}#dimLines .dlGuide{stroke:var(--accent);stroke-width:1;stroke-dasharray:3 4;opacity:.5}#dimHandles{position:absolute;left:0;top:0;z-index:7;pointer-events:none}#dimHandles .dh{position:absolute;display:none;transform:translate(-50%,-50%);width:22px;height:22px;border-radius:var(--sf-r-full);border:var(--sf-border) solid var(--accent);background:var(--sunken);box-shadow:var(--sf-e1);align-items:center;justify-content:center;pointer-events:auto;touch-action:none}#dimHandles.show .dh{display:flex}#dimHandles .dh:after{content:"↔";font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold);line-height:1;color:var(--accent)}#dimHandles .dh.vert:after{content:"↕"}#dimHandles .dh:hover,#dimHandles .dh.on{background:var(--accent-fill);transform:translate(-50%,-50%) scale(1.14)}#dimHandles .dh:hover:after,#dimHandles .dh.on:after{color:var(--sf-on-brand)}#dimHandles .dh.h{cursor:ns-resize}#dimHandles .dh.r{cursor:ew-resize}#dimReadout{position:absolute;z-index:8;display:none;transform:translate(-50%,-50%);padding:3px var(--sf-s2);border-radius:var(--sf-r-sm);background:var(--accent-fill);color:var(--sf-on-brand);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);white-space:nowrap;pointer-events:none;box-shadow:var(--sf-e-brand)}#dimReadout.show{display:block}#left{background:color-mix(in srgb,var(--sf-surface-1) 96%,transparent);backdrop-filter:blur(18px) saturate(1.1)}#topbar{background:color-mix(in srgb,var(--sf-surface-1) 92%,transparent);backdrop-filter:blur(16px) saturate(1.1);border-radius:var(--sf-r-md);padding:0 var(--sf-s3)}#panelToggle{background:color-mix(in srgb,var(--sf-surface-1) 94%,transparent);border-color:var(--line)}#panelToggle:hover{background:var(--sf-surface-3)}html[data-sf-mode=dark] #diePrev{padding:var(--sf-s1)}#topbar{top:16px;left:18px;right:18px;height:60px;padding:0 var(--sf-s3) 0 var(--sf-s4);gap:var(--sf-s2);border-radius:var(--sf-r-md);background:color-mix(in srgb,var(--sf-l1) 5%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;border:0;box-shadow:none}.logo{font-size:var(--sf-fs-md)}#projWrap{font-size:var(--sf-fs-sm)}#topbar .icobtn,#topbar #loginBtn{height:36px;border-radius:var(--sf-r-sm);background:var(--card);border:1px solid var(--line);color:var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}#topbar .icobtn{width:36px}#topbar .icobtn:hover,#topbar #loginBtn:hover{border-color:var(--accent);color:var(--accent)}#exportBtn{height:36px;border-radius:var(--sf-r-sm)}#topbar #avatar{width:36px;height:36px}#left{top:80px;background:color-mix(in srgb,var(--sf-l1) 82%,transparent);-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);box-shadow:var(--sf-e3)}#panelToggle{background:color-mix(in srgb,var(--sf-l1) 82%,transparent);-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%);border-color:color-mix(in srgb,var(--line) 70%,transparent);color:var(--ink)}#panelToggle:hover{background:color-mix(in srgb,var(--sf-l1) 94%,transparent)}.frow{background:color-mix(in srgb,var(--row) 58%,transparent)}#productPane{padding:var(--sf-s4) var(--sf-s4) var(--sf-s2)}#assetsPane{padding:var(--sf-s4) var(--sf-s4)}.elementsBlock{padding:0 0 var(--sf-s3)!important;border-bottom:1px solid var(--line)}#rbody{padding-top:var(--sf-s4)}#rbody .rsec.mt{margin-top:var(--sf-s4)}#rbody .frow{margin-bottom:var(--sf-s2)}#rbody .rsec:first-child{margin-top:0}.hintbox{padding:var(--sf-s2) var(--sf-s3)}.elementsBlock{padding-bottom:var(--sf-s1)!important}#rbody{padding-top:var(--sf-s1)!important}.componentSwitcher{padding:0!important}.componentSwitcher:before{content:none!important}.componentStep{display:grid!important;place-items:center;flex:none;border:1px solid transparent;border-radius:var(--sf-r-sm);background:transparent;color:var(--muted);-webkit-backdrop-filter:none;backdrop-filter:none}.componentStep svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}.componentStep:hover{background:var(--row);color:var(--ink)}#compList{display:grid!important;grid-template-columns:1fr!important;gap:var(--sf-s1);max-height:52vh;overflow-y:auto!important;scrollbar-gutter:stable;padding:0!important;border:none!important;background:none!important;scrollbar-width:thin}#compList::-webkit-scrollbar{width:8px}#compList::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--ink) 22%,transparent);border-radius:var(--sf-r-md)}#compList .comp{transition:border-color var(--sf-dur-fast) var(--sf-ease),background var(--sf-dur-fast) var(--sf-ease)}.frow .nb,.frow .hex{background:var(--card);border-color:var(--line);color:var(--ink)}.frow input[type=range]{-webkit-appearance:none;appearance:none;height:14px;background:transparent;cursor:pointer}.frow input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--sf-r-sm);background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--fill,0%),var(--line) var(--fill,0%),var(--line) 100%)}.frow input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-5px;width:14px;height:14px;border-radius:var(--sf-r-full);background:var(--accent-fill);border:2px solid var(--card);box-shadow:var(--sf-e1)}.frow input[type=range]::-moz-range-track{height:4px;border-radius:var(--sf-r-sm);background:var(--line)}.frow input[type=range]::-moz-range-progress{height:4px;border-radius:var(--sf-r-sm);background:var(--accent-fill)}.frow input[type=range]::-moz-range-thumb{width:12px;height:12px;border-radius:var(--sf-r-full);background:var(--accent-fill);border:2px solid var(--card);box-shadow:var(--sf-e1)}.frow input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.assetCard,.chip,.seg button,.dcard,.tagbar,.sec-t .add,.lg-opt{background:var(--sunken)}.lg-email{background:var(--ink);border-color:var(--ink);color:var(--sf-l1)}.lg-email:hover{background:color-mix(in srgb,var(--ink) 88%,var(--sf-bg));border-color:color-mix(in srgb,var(--ink) 88%,var(--sf-bg))}html[data-sf-mode=dark] #viewport{background:linear-gradient(180deg,#3b4048,#1c1f24)}@media(max-width:760px){#topbar{top:8px;left:10px;right:10px;height:48px;border-radius:var(--sf-r-lg);padding:0 var(--sf-s2) 0 var(--sf-s3)}#left{top:auto}#productPane{padding:var(--sf-s3) var(--sf-s3) var(--sf-s1)}#assetsPane{padding:var(--sf-s3)}#compList{max-height:38vh}}html,body,button,input,select,textarea,h1,h2,h3,.rsec,.grpHead b,#projName{font-family:var(--sf-font-ui)}.logo{font-family:var(--sf-font-display);font-variation-settings:"wdth" 112}body{line-height:var(--sf-lh-base)}.hintbox,.dimHint,.fnote,.lg-sub,.lg-fine,.compCopy small,#compList .compCopy small{line-height:var(--sf-lh-loose)!important}.componentPosition,.previewBadge,#compList .previewBadge,.compCopy small,#compList .compCopy small,.rsec small,.grpHead small,.sectionHeading small,.fnote,.dimHint,.hintbox,.assetCard .cap,.frow,.frow .nb,.frow .hex,.chip,.tagbar .tag,.shapeTeaser b,.shapeTeaser span,.lg-div,.lg-fine,.workbenchHead .stageMeta,.workbenchHead .eyebrow,.editorContext .eyebrow,#projWrap,.dcard .hdl,.comp .rm,.dcard .rm,.dcard .act,#productList .dcard .act,#prodHandles .readout,.elementsBlock .sec-t .sectionHint,#rightHead #rightClose,#compSelect,.menu .mi,.flatElemToolbar .etOpacityWrap,.flatElemToolbar .etSel,#flatCanvasToolbar .ctZoomVal,.kbd span,#dimReadout,#rtabs .rt span,#sceneTabs .rt span,.ball,.cf,.funit,.sw.wheel{font-size:var(--sf-fs-xs)!important;font-weight:var(--sf-fw-medium)!important}.funit{color:var(--muted);flex:none}.rsec,.sec-t,.compHead>b,.grpHead b,.shcGroup h4,.seg button,.dimHint b,.menu .mi.on,.ball.on,.lg-ic,.frow>b{font-size:var(--sf-fs-xs)!important;font-weight:var(--sf-fw-bold)!important}#exportBtn,#loginBtn,.bigbtn,.lg-opt,.lg-email,.comp .nm,#compList .comp .nm,.dcard .nm,#productList .dcard .nm,.schemeCard .nm,#projName,#projName input,#flatTop .back,.flatTopTab,.flatAddDesignCardV,#flatCrumb,#flatPreviewCollapsedCard,#flatPreviewToggle,.editorContext strong,.sectionHeading b,#avatar,.dcard .car,#dimHandles .dh:after{font-size:var(--sf-fs-sm)!important;font-weight:var(--sf-fw-bold)!important}#toast,.shcRow,.lg-sub,.lg-emailrow input,.flatElemToolbar,.flatElemToolbar .etBtn{font-size:var(--sf-fs-sm)!important;font-weight:var(--sf-fw-medium)!important}.logo,.logo b,.workbenchHead h2,#panelToggle{font-size:var(--sf-fs-md)!important;font-weight:var(--sf-fw-bold)!important}.logo b{font-weight:var(--sf-fw-bold)!important}.lg-modal h3{font-size:var(--sf-fs-lg)!important;font-weight:var(--sf-fw-bold)!important}.lg-x,#rightHead #rightClose.lg-x{font-size:var(--sf-fs-lg)!important}.logo,.workbenchHead h2,.lg-modal h3{letter-spacing:var(--sf-ls-base)!important}.rsec,.sec-t,.compHead>b,.previewBadge,#compList .previewBadge,.workbenchHead .eyebrow,.editorContext .eyebrow{letter-spacing:0!important}#projWrap .bar{font-weight:var(--sf-fw-regular)!important}#exportBtn,#loginBtn,#flatTop .back{height:36px;padding:0 var(--sf-s4);border-radius:var(--sf-r-sm);display:inline-flex;align-items:center;gap:var(--sf-s2)}#topbar .icobtn,#avatar{width:36px;height:36px;border-radius:var(--sf-r-sm)}#avatar{border-radius:var(--sf-r-full)}#topbar{height:60px}#left{top:94px}.bigbtn{padding:var(--sf-s3) var(--sf-s5);border-radius:var(--sf-r-md)}.lg-opt{padding:var(--sf-s3) var(--sf-s4);border-radius:var(--sf-r-md)}.seg{border-radius:var(--sf-r-md)}.seg button{padding:var(--sf-s2) var(--sf-s4)}.seg.wide button{padding:var(--sf-s2) var(--sf-s2)}.chip{padding:var(--sf-s1) var(--sf-s3)}.frow{padding:var(--sf-s2) var(--sf-s2);border-radius:var(--sf-r-md)}.frow .nb{width:52px;padding:var(--sf-s1) var(--sf-s1);border-radius:var(--sf-r-md)}.frow .hex{width:80px;padding:var(--sf-s1) var(--sf-s2);border-radius:var(--sf-r-md)}.frow>b{width:116px}.componentStep{width:28px!important;height:28px!important;border-radius:var(--sf-r-md)}#compList .comp{padding:var(--sf-s2) var(--sf-s2)!important;border-radius:var(--sf-r-md)}#compList .compThumb{width:30px!important;height:30px!important;border-radius:var(--sf-r-md)!important}#compList .compThumb svg{width:var(--sf-icon-md)!important;height:var(--sf-icon-md)!important}#compList .comp .eye,#compList .comp .rm{width:24px;height:24px;border-radius:var(--sf-r-md)}#flatCanvasToolbar .ctBtn{width:34px;height:34px;border-radius:var(--sf-r-md)}.flatElemToolbar .etBtn{width:32px;height:32px;border-radius:var(--sf-r-md)}.menu .mi,.hintbox{padding:var(--sf-s2) var(--sf-s3);border-radius:var(--sf-r-md)}#left{width:340px;min-width:340px}@media(min-width:761px){#left{left:auto;right:18px}}@media(max-width:760px){#topbar{height:52px}#left{top:auto;width:auto;min-width:0}.frow>b{width:104px}}.compHead{display:flex;align-items:center;gap:var(--sf-s1);height:auto;margin-bottom:var(--sf-s2)}.compHead>b{display:none}.componentStep{width:28px!important;height:28px!important}.compTrigger{flex:1;min-width:0;min-height:44px;padding:var(--sf-s1) var(--sf-s2);display:flex;align-items:center;justify-content:center;gap:var(--sf-s2);border:1px solid var(--line);border-radius:var(--sf-r-md);background:color-mix(in srgb,var(--card) 55%,transparent);color:var(--ink);cursor:pointer;transition:border-color var(--sf-dur-fast) var(--sf-ease),color var(--sf-dur-fast) var(--sf-ease);font-size:var(--sf-fs-sm)}.compTriggerText{display:flex;flex-direction:column;align-items:center;min-width:0;line-height:var(--sf-lh-tight)}#compTriggerName{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold)}.componentPosition{display:block!important;position:static!important;transform:none!important;margin:1px 0 0!important;padding:0!important;background:transparent!important;color:var(--muted);font-variant-numeric:tabular-nums;font-size:var(--sf-fs-xs)!important;font-weight:var(--sf-fw-medium)!important}.compTrigger>svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm);flex:none;color:var(--muted);transition:transform var(--sf-dur-base) var(--sf-ease)}.compTrigger:hover{border-color:var(--accent)}.compTrigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.componentSwitcher.open .compTrigger{border-color:var(--accent);color:var(--accent)}.componentSwitcher.open .compTrigger>svg{transform:rotate(180deg);color:var(--accent)}.compTabs{position:relative;display:flex;align-items:center;gap:var(--sf-s2);min-width:0}.compTabs #compList{position:relative;flex:1;min-width:0;display:flex!important;flex-direction:row!important;flex-wrap:nowrap;align-items:center;grid-template-columns:none!important;gap:var(--sf-s1)!important;max-height:none!important;overflow-x:auto!important;overflow-y:hidden!important;scrollbar-width:none;scroll-behavior:smooth}.compTabs #compList::-webkit-scrollbar{display:none}.compTabs.hasMore #compList{-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 32px),transparent)}.compTabs.expanded{align-items:flex-start}.compTabs.expanded #compList{flex-wrap:wrap;overflow:visible!important;row-gap:var(--sf-s1)!important}.compTabs #compList .comp{flex:none;position:relative;display:inline-flex!important;flex-direction:row!important;align-items:center;width:auto!important;height:30px!important;min-height:0!important;align-self:auto!important;gap:var(--sf-s1);padding:0 var(--sf-s3)!important;border:1px solid transparent!important;border-radius:var(--sf-r-sm);background:transparent!important;color:var(--ink);cursor:pointer;overflow:hidden;white-space:nowrap;transition:border-color var(--sf-dur-fast) var(--sf-ease),background var(--sf-dur-fast) var(--sf-ease),color var(--sf-dur-fast) var(--sf-ease)}.compTabs #compList .comp:hover{background:var(--row)!important}.compTabs #compList .comp.on{border-color:var(--accent)!important;background:var(--accent-soft)!important;color:var(--accent)}.compTabs #compList .comp .nm{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--sf-fs-sm)!important;font-weight:var(--sf-fw-medium)!important;color:inherit;text-align:left!important}.compTabs #compList .comp.on .nm{font-weight:var(--sf-fw-bold)!important}.compTabs #compList .comp .eye,.compTabs #compList .comp .rm{position:static!important;display:none!important;place-items:center;flex:none;width:16px!important;height:16px!important;border-radius:var(--sf-r-sm);color:inherit;opacity:.75}.compTabs #compList .comp.on .eye,.compTabs #compList .comp.on .rm,.compTabs #compList .comp .eye.off{display:grid!important;opacity:1}.compTabs #compList .comp .eye svg,.compTabs #compList .comp .rm svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}.compTabs #compList .comp .eye:hover,.compTabs #compList .comp .rm:hover{color:var(--ink)}.compTabs #compList .comp .rm:hover,.compTabs #compList .comp .eye.off{color:var(--danger)}#right .elementsBlock{padding-bottom:0!important;border-bottom:0!important}#right .compPanel{padding-bottom:var(--sf-s3);border-bottom:1px solid var(--line)}#right.railComponent #rbody{padding-top:var(--sf-s3)!important}.compMore{flex:none;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:var(--sf-r-sm);background:var(--card);color:var(--ink);cursor:pointer}.compMore[hidden]{display:none}.compMore:hover{border-color:var(--sf-line-strong);background:var(--row)}.compMore svg{transition:transform var(--sf-dur-fast) var(--sf-ease)}.compTabs.expanded .compMore svg{transform:rotate(180deg)}#compList #designComp{grid-column:1 / span 1;margin-top:0!important;border-top-style:dashed!important}#compList #sceneComp{grid-column:auto / span 1;min-height:34px!important}#compList #designComp,#compList #sceneComp{background:color-mix(in srgb,var(--sf-l1) 70%,transparent)!important;border-style:dashed!important}#compList #designComp.on,#compList #sceneComp.on{background:var(--accent-soft)!important;border-style:solid!important}#addComp{position:static!important;top:auto!important;right:auto!important;left:auto!important;display:grid!important;place-items:center;justify-self:stretch!important;align-self:stretch!important;width:auto!important;height:auto!important;min-height:34px!important;margin:0!important;padding:var(--sf-s1)!important;border:1px dashed var(--line)!important;border-radius:var(--sf-r-md);background:transparent!important;color:var(--muted)}#addComp.spanRow{grid-column:1 / -1}#addComp:not(.spanRow){grid-column:auto / span 1}#addComp svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}#addComp:hover{border-color:var(--accent)!important;color:var(--accent)}#addComp.isFull{opacity:.45}#right,.elementsBlock{overflow:visible!important}.componentSwitcher{position:relative}.compPanel{position:static;width:auto;display:flex;flex-direction:column;min-height:0;padding:0;border:0;border-radius:0;background:none;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}#compListClose{display:none}.compPanel .compPanelHead{display:flex;align-items:center;padding:0;margin:0 0 var(--sf-s3);border-bottom:0}.compPanel .compPanelHead>b{font-size:var(--sf-fs-md);font-weight:var(--sf-fw-bold);color:var(--ink);line-height:var(--sf-lh-tight);letter-spacing:0}.compPanelHead{flex:none;display:flex;align-items:center;gap:var(--sf-s2);padding:0 2px var(--sf-s2);margin-bottom:var(--sf-s2);border-bottom:1px solid color-mix(in srgb,var(--ink) 12%,transparent)}.compPanelHead>b{flex:1;min-width:0;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--muted)}.compPanelClose{flex:none;display:grid;place-items:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--sf-r-sm);background:transparent;color:var(--muted);cursor:pointer;font-size:var(--sf-fs-xs)}.compPanelClose svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}.compPanelClose:hover{background:var(--row);color:var(--ink)}.compListBtn{flex:none;width:38px;height:44px;padding:0;display:grid;place-items:center;border:1px solid transparent;border-radius:var(--sf-r-md);background:var(--row);color:var(--ink);cursor:pointer;font-size:var(--sf-fs-xs)}.compListBtn svg{width:var(--sf-icon-md);height:var(--sf-icon-md)}.componentPosition[hidden]{display:none!important}.compListBtn:hover{border-color:color-mix(in srgb,var(--ink) 18%,transparent)}.componentSwitcher.open .compListBtn{border-color:var(--accent);color:var(--accent)}.compTrigger{cursor:text}.compRenameInput{width:100%;min-width:0;padding:2px var(--sf-s1);border:1px solid var(--accent);border-radius:var(--sf-r-sm);background:var(--card);color:var(--ink);font-family:inherit;font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold);text-align:center;outline:none}.operatorBody{scrollbar-width:thin;scrollbar-color:var(--sf-sb-thumb) transparent}.operatorBody::-webkit-scrollbar{width:10px;background:transparent}.operatorBody::-webkit-scrollbar-track{background:transparent;border:none}.operatorBody::-webkit-scrollbar-thumb{background-color:var(--sf-sb-thumb);border-radius:var(--sf-r-md);border:3px solid transparent;background-clip:content-box;transition:background-color var(--sf-dur-fast) var(--sf-ease)}.operatorBody::-webkit-scrollbar-thumb:hover{background-color:var(--accent-fill)}#compList .comp{background:var(--row)!important}#compList #designComp,#compList #sceneComp{background:color-mix(in srgb,var(--row) 55%,transparent)!important}#compList .comp.on{background:var(--accent-soft)!important}#compList #designComp{grid-column:auto!important;margin-top:var(--sf-s1)!important}#compList #sceneComp{grid-column:auto!important}#addComp,#addComp.spanRow,#addComp:not(.spanRow){grid-column:auto!important}#compList #designComp{border-top:1px solid color-mix(in srgb,var(--ink) 12%,transparent)!important;border-top-style:solid!important;padding-top:var(--sf-s2)!important}.compTrigger{border-color:transparent!important;background:var(--row)}.compTrigger:hover{border-color:color-mix(in srgb,var(--ink) 16%,transparent)!important}#compList .comp{border-color:transparent!important}#compList .comp:hover{border-color:color-mix(in srgb,var(--ink) 18%,transparent)!important}#compList .comp.on{border-color:var(--accent)!important}#compList #designComp,#compList #sceneComp{border-style:solid!important}#compList #designComp.on,#compList #sceneComp.on{border-color:var(--accent)!important}#addComp{border-style:dashed!important}.seg{border-radius:var(--sf-r-md);border-color:color-mix(in srgb,var(--ink) 14%,transparent)}.seg button{padding:3px var(--sf-s3)!important;height:24px;line-height:1}.rsec-row .seg{margin-left:auto}#panelToggle{width:22px!important;height:38px!important;left:-14px!important;right:auto!important;border-radius:var(--sf-r-md)!important;font-size:var(--sf-fs-xs)!important;box-shadow:var(--sf-e2)}#left.collapsed #panelToggle{left:-26px!important;right:auto!important}@media(min-width:761px){#panelToggle{left:-14px!important;right:auto!important}#left.collapsed #panelToggle{left:-26px!important;right:auto!important}}#modelTools{position:absolute;left:50%;bottom:26px;transform:translate(-50%);z-index:9;display:flex;align-items:center;gap:var(--sf-s1);padding:var(--sf-s1);border-radius:var(--sf-r-lg);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--sf-l1) 82%,transparent);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--sf-e2)}.mtBtn{display:flex;align-items:center;gap:var(--sf-s2);height:34px;padding:0 var(--sf-s3);border:1px solid transparent;border-radius:var(--sf-r-md);background:transparent;color:var(--muted);cursor:pointer;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);transition:background var(--sf-dur-fast) var(--sf-ease),color var(--sf-dur-fast) var(--sf-ease)}.mtBtn svg{width:var(--sf-icon-md);height:var(--sf-icon-md);flex:none}.mtBtn:hover{background:var(--row);color:var(--ink)}.mtBtn.on{background:var(--accent-fill);color:var(--sf-on-brand)}.mtBtn.mtAction{padding:0 var(--sf-s2)}.mtBtn:disabled{opacity:.35;cursor:default}.mtBtn:disabled:hover{background:transparent;color:var(--muted)}.mtSep{width:1px;height:20px;margin:0 3px;flex:none;background:var(--line)}@media(max-width:760px){#modelTools{bottom:auto;top:64px;padding:var(--sf-s1);gap:2px}.mtBtn{height:30px;padding:0 var(--sf-s2)}.mtBtn span{display:none}.mtBtn.mtAction{padding:0 var(--sf-s2)}}#shapeLines{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;pointer-events:none;opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease)}.model-shape-controls{--accent:var(--pac-primary,#8f47ff);--accent-fill:var(--pac-primary,#8f47ff);--accent-soft:var(--pac-primary-1,#f6f0ff)}#shapeLines.show{opacity:1}#shapeLines .slLine{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;opacity:.85}#shapeLines .slShoulder{fill:none;stroke:var(--accent);stroke-width:1.5;stroke-dasharray:3 3;stroke-linejoin:round;stroke-linecap:round;opacity:.68}#shapeLines .slShoulderPoint{fill:var(--card);stroke:var(--accent);stroke-width:1.5;pointer-events:all;cursor:ew-resize}#shapeLines .slShoulderPoint:hover{fill:var(--accent-fill)}#shapeHandles,#shapeEndpoints{position:absolute;left:0;top:0;z-index:7;pointer-events:none}#shapeHandles .sh{position:absolute;display:none;transform:translate(-50%,-50%);width:18px;height:18px;border-radius:var(--sf-r-full);border:2px solid var(--accent);background:var(--card);box-shadow:var(--sf-e1);cursor:ew-resize;pointer-events:auto;touch-action:none;transition:transform var(--sf-dur-fast) var(--sf-ease),background var(--sf-dur-fast) var(--sf-ease)}#shapeHandles.show .sh{display:block}#shapeHandles .sh.moved{background:var(--accent-fill)}#shapeHandles .sh:hover,#shapeHandles .sh.on{background:var(--accent-fill);transform:translate(-50%,-50%) scale(1.18)}#shapeHandles .sh.dimensionArrowHorizontal,#shapeHandles .sh.dimensionArrowDiagonal,#shapeHandles .sh.dimensionArrowVertical,#shapeHandles .sh.dimensionArrowCross{border-radius:var(--sf-r-full);display:grid;place-items:center;background:var(--sunken)}#shapeHandles:not(.show) .sh{display:none}#shapeHandles .sh.dimensionArrowHorizontal:after,#shapeHandles .sh.dimensionArrowDiagonal:after,#shapeHandles .sh.dimensionArrowVertical:after{content:"↔";color:var(--accent);font-size:11px;font-weight:700;line-height:1}#shapeHandles .sh.dimensionArrowDiagonal:after{transform:rotate(-45deg)}#shapeHandles .sh.dimensionArrowVertical{cursor:ns-resize}#shapeHandles .sh.dimensionArrowVertical:after{content:"↕"}#shapeHandles .sh.dimensionArrowHorizontal:hover:after,#shapeHandles .sh.dimensionArrowHorizontal.on:after,#shapeHandles .sh.dimensionArrowDiagonal:hover:after,#shapeHandles .sh.dimensionArrowDiagonal.on:after,#shapeHandles .sh.dimensionArrowVertical:hover:after,#shapeHandles .sh.dimensionArrowVertical.on:after{color:var(--sf-on-brand)}#shapeHandles .sh.dimensionArrowCross{cursor:move}#shapeHandles .sh.dimensionArrowCross:after{content:"";position:absolute;width:16px;height:16px;background:var(--accent);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18M3 12l3-2M3 12l3 2M21 12l-3-2M21 12l-3 2M12 3v18M12 3l-2 3M12 3l2 3M12 21l-2-3M12 21l2-3'/%3E%3C/svg%3E") center/16px 16px no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 12h18M3 12l3-2M3 12l3 2M21 12l-3-2M21 12l-3 2M12 3v18M12 3l-2 3M12 3l2 3M12 21l-2-3M12 21l2-3'/%3E%3C/svg%3E") center/16px 16px no-repeat}#shapeHandles .sh.dimensionArrowCross:hover:after,#shapeHandles .sh.dimensionArrowCross.on:after{background:var(--sf-on-brand)}#assemblyControlLines{position:absolute;inset:0;z-index:5;width:100%;height:100%;pointer-events:none;opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease)}#assemblyControlLines.show{opacity:1}#assemblyControlLines .acCurve{fill:none;stroke:var(--accent);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}#assemblyControlLines .acTangent{stroke:var(--accent);stroke-width:1;stroke-dasharray:4 3;opacity:.72}#assemblyControlLines .acEnd{fill:var(--sunken);stroke:var(--accent);stroke-width:1.5;pointer-events:none}#assemblyControlLines .acInsertPath{fill:none;stroke:transparent;stroke-width:18;stroke-linecap:round;stroke-linejoin:round;pointer-events:stroke;cursor:copy}#assemblyControlHandles{position:absolute;left:0;top:0;z-index:7;pointer-events:none}#assemblyControlHandles .acHandle{position:absolute;transform:translate(-50%,-50%);width:18px;height:18px;border:2px solid var(--accent);border-radius:var(--sf-r-sm);background:var(--card);box-shadow:var(--sf-e1);cursor:move;pointer-events:auto;touch-action:none}#assemblyControlHandles .acHandle:hover,#assemblyControlHandles .acHandle.on{background:var(--accent-fill);transform:translate(-50%,-50%) scale(1.18)}#assemblyControlHandles .acBottomHandle,#assemblyControlHandles .acGrooveHandle{display:flex;align-items:center;justify-content:center;padding:0;width:22px;height:22px;color:var(--accent)}#assemblyControlHandles .acBottomHandle{border-radius:var(--sf-r-full);font-size:11px;font-weight:700;cursor:ns-resize}#right .pathAncRow .pathAncHint{margin-left:auto;color:var(--muted);font-size:var(--sf-fs-xs)}#shapeEndpoints .shapeEnd{position:absolute;display:none;transform:translate(-50%,-50%);width:22px;height:22px;padding:0;border-radius:var(--sf-r-full);border:var(--sf-border) solid var(--accent);background:var(--sunken);box-shadow:var(--sf-e1);align-items:center;justify-content:center;cursor:ew-resize;pointer-events:auto;touch-action:none;transition:transform var(--sf-dur-fast) var(--sf-ease),background var(--sf-dur-fast) var(--sf-ease)}#shapeEndpoints.show .shapeEnd{display:flex}#shapeEndpoints .shapeEnd:after{content:"↔";font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold);line-height:1;color:var(--accent)}#shapeEndpoints .shapeEnd.depthDiagonal:after{display:block;transform:rotate(-45deg)}#shapeEndpoints .shapeEnd.vert{cursor:ns-resize}#shapeEndpoints .shapeEnd.vert:after{content:"↕"}#shapeEndpoints .shapeEnd:hover,#shapeEndpoints .shapeEnd.on,#shapeEndpoints .shapeEnd:focus-visible{background:var(--accent-fill);transform:translate(-50%,-50%) scale(1.14)}#shapeEndpoints .shapeEnd:hover:after,#shapeEndpoints .shapeEnd.on:after,#shapeEndpoints .shapeEnd:focus-visible:after{color:var(--sf-on-brand)}.shapeHint{margin:0 0 var(--sf-s2);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-regular);line-height:var(--sf-lh-loose);color:var(--muted)}.shapeHint b{color:var(--ink);font-weight:var(--sf-fw-bold)}#left{width:414px!important;min-width:414px!important;flex-direction:row-reverse!important;align-items:stretch;padding:0!important;overflow:visible}#railTabs{flex:none;width:74px;display:flex;flex-direction:column;gap:var(--sf-s1);padding:var(--sf-s4) var(--sf-s2);border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.rtab,.flatRailBtn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sf-s1);width:100%;min-height:58px;padding:var(--sf-s2) 2px;border:1px solid transparent;border-radius:var(--sf-r-md);background:transparent;color:var(--muted);cursor:pointer;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);transition:background var(--sf-dur-fast) var(--sf-ease),color var(--sf-dur-fast) var(--sf-ease)}.rtab svg,.flatRailBtn svg{width:var(--sf-icon-lg);height:var(--sf-icon-lg)}.rtab:hover,.flatRailBtn:hover{background:var(--row);color:var(--ink)}.rtab.on,.flatRailBtn.on{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}#productPane{flex:1;min-width:0;padding:var(--sf-s4) var(--sf-s4) var(--sf-s2)!important}#right:not(.railComponent) .elementsBlock{display:none!important}@media(max-width:760px){#left{width:auto!important;min-width:0!important;flex-direction:column!important}#railTabs{flex-direction:row;width:auto;padding:var(--sf-s2) var(--sf-s2) 0;border-left:0;border-bottom:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.rtab,.flatRailBtn{min-height:44px;flex:1}#productPane{padding:var(--sf-s2) var(--sf-s3) var(--sf-s1)!important}}#railTabs{justify-content:flex-start}.railGroup{display:flex;flex-direction:column;gap:var(--sf-s2)}#railUtils{display:flex;flex-direction:column;gap:var(--sf-s1);margin-top:auto;padding-top:var(--sf-s2);border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.railUtil{position:relative;display:grid;place-items:center;width:44px;height:44px;margin-inline:auto;padding:0;border:1px solid transparent;border-radius:var(--sf-r-md);background:transparent;color:var(--muted);cursor:pointer;transition:background var(--sf-dur-fast) var(--sf-ease),color var(--sf-dur-fast) var(--sf-ease);text-decoration:none}.railUtil svg{width:var(--sf-icon-lg);height:var(--sf-icon-lg)}.railUtil:hover{background:var(--row);color:var(--ink)}.railUtil:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.railUtil[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translate(-50%);padding:var(--sf-s1) var(--sf-s2);border-radius:var(--sf-r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);line-height:var(--sf-lh-tight);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease) 40ms;box-shadow:var(--sf-e2);z-index:3}.railUtil[data-tip]:hover:after,.railUtil[data-tip]:focus-visible:after{opacity:1}@media(max-width:760px){.railGroup{flex-direction:row;flex:1}#railUtils{flex-direction:row;margin-top:0;margin-left:auto;padding-top:0;padding-left:var(--sf-s2);border-top:0;border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.railUtil{width:40px;height:40px}.railUtil[data-tip]:after{right:auto;left:50%;top:calc(100% + 8px);transform:translate(-50%)}}.mtBtn{position:relative;padding:0 var(--sf-s2)}.mtBtn[data-tip]:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%);padding:var(--sf-s1) var(--sf-s2);border-radius:var(--sf-r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);line-height:var(--sf-lh-tight);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease) 40ms;box-shadow:var(--sf-e2);z-index:2}.mtBtn[data-tip]:hover:after,.mtBtn[data-tip]:focus-visible:after{opacity:1}@media(max-width:760px){.mtBtn{padding:0 var(--sf-s2)}}#shapeLines .slHit,#shapeLines .slFlatInsert{fill:none;stroke:transparent;stroke-width:16;stroke-linejoin:round;stroke-linecap:round;pointer-events:stroke;cursor:copy}#shapeLines.show{pointer-events:none}#shapeHandles .sh:not(.locked){border-radius:var(--sf-r-sm)}.ancRow>b{font-size:var(--sf-fs-xs)}.ancDel,.ancLock{flex:none;display:grid;place-items:center;width:22px;height:22px;margin-left:2px;border:1px solid transparent;border-radius:var(--sf-r-sm);background:transparent;color:var(--muted);font-size:var(--sf-fs-xs);line-height:1}.ancDel{cursor:pointer}.ancDel:hover{border-color:var(--danger);background:var(--card);color:var(--danger)}.ancLock{opacity:.5;cursor:default}.rsec.rsec-sub{margin-top:var(--sf-s3);display:flex;align-items:baseline;gap:var(--sf-s1);font-size:var(--sf-fs-xs);color:var(--muted)}.rsec.rsec-sub small{font-weight:var(--sf-fw-medium);opacity:.75}#left.collapsed #panelToggle{display:none!important}#topbar[data-backdrop=light]{--tb-ink:#000000}#topbar[data-backdrop=dark]{--tb-ink:#FFFFFF}#topbar[data-backdrop]{--tb-muted:color-mix(in srgb,var(--tb-ink) 68%,transparent)}#topbar[data-backdrop] .logo,#topbar[data-backdrop] #projName{color:var(--tb-ink)}#topbar[data-backdrop] #projWrap{color:var(--tb-muted)}#topbar[data-backdrop] #projWrap .bar{color:var(--tb-muted);opacity:.5}#topbar[data-backdrop] #projName:hover{background:color-mix(in srgb,var(--tb-ink) 14%,transparent)}#topbar[data-backdrop=dark] .logo b{color:color-mix(in srgb,var(--accent) 45%,#FFFFFF)}@media(min-width:761px){#left.collapsed{width:74px!important;min-width:74px!important}#left.collapsed>#productPane,#left.collapsed>#assetsPane{width:0!important;min-width:0!important;padding:0!important;overflow:hidden}}@media(max-width:760px){#left.collapsed{width:auto!important;min-width:0!important;height:auto!important}#left.collapsed>#productPane,#left.collapsed>#assetsPane{height:0!important;min-height:0!important;padding:0!important;overflow:hidden}}:root{--sf-sb-thumb-on:color-mix(in srgb,var(--sf-ink) 5%,transparent)}.operatorBody,#flatAssetBody,#assetsPane,.styleGrid{scrollbar-width:thin;scrollbar-color:transparent transparent}.operatorBody.scrolling,#flatAssetBody.scrolling,#assetsPane.scrolling,.styleGrid.scrolling{scrollbar-color:var(--sf-sb-thumb-on) transparent}.operatorBody::-webkit-scrollbar,#flatAssetBody::-webkit-scrollbar,#assetsPane::-webkit-scrollbar,.styleGrid::-webkit-scrollbar{width:10px;height:10px;background:transparent}.operatorBody::-webkit-scrollbar-track,#flatAssetBody::-webkit-scrollbar-track,#assetsPane::-webkit-scrollbar-track,.styleGrid::-webkit-scrollbar-track{background:transparent;border:none}.operatorBody::-webkit-scrollbar-thumb,#flatAssetBody::-webkit-scrollbar-thumb,#assetsPane::-webkit-scrollbar-thumb,.styleGrid::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--sf-r-md);border:3px solid transparent;background-clip:content-box;transition:background-color var(--sf-dur-fast) var(--sf-ease)}.operatorBody.scrolling::-webkit-scrollbar-thumb,#flatAssetBody.scrolling::-webkit-scrollbar-thumb,#assetsPane.scrolling::-webkit-scrollbar-thumb,.styleGrid.scrolling::-webkit-scrollbar-thumb{background-color:var(--sf-sb-thumb-on)}.operatorBody::-webkit-scrollbar-thumb:hover,#flatAssetBody::-webkit-scrollbar-thumb:hover{background-color:var(--sf-sb-thumb-on)}#flatTop{height:60px;padding:0 var(--sf-s4);gap:var(--sf-s3);background:var(--card);border-bottom:1px solid var(--line)}#flatCrumb{font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold);color:var(--ink)}#flatTop .back,#flatSave{height:36px!important;padding:0 var(--sf-s4)!important;border-radius:var(--sf-r-sm)!important;display:inline-flex;align-items:center;gap:var(--sf-s2);font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold);border:1px solid var(--line);background:var(--card);color:var(--ink)}#flatTop .back:hover{border-color:var(--accent);color:var(--accent)}#flatSave{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--sf-on-brand);width:auto!important}#flatSave:hover{filter:brightness(1.06)}.flatTopTab{font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-medium);padding:var(--sf-s1) 2px;letter-spacing:0}.flatTopTab.on{font-weight:var(--sf-fw-bold)}#flatPreview3d{border-radius:var(--sf-r-md)}#flatPreviewCollapsedCard{height:44px;border-radius:var(--sf-r-md);border:1px solid var(--line);background:var(--card);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);color:var(--muted)}#flatPreviewToggle{width:28px;height:28px;border-radius:var(--sf-r-sm);border:1px solid var(--line);background:var(--card);color:var(--muted)}#flatPreviewToggle:hover{border-color:var(--accent);color:var(--accent)}#flatAssetRail{width:70px;padding:var(--sf-s2) var(--sf-s2);gap:var(--sf-s1);background:var(--card)}#flatAssetBody{padding:var(--sf-s3);background:var(--card)}.flatAddDesignCardV{border:1px dashed var(--line);border-radius:var(--sf-r-md);padding:var(--sf-s3);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium)}#flatCanvasToolbar{gap:var(--sf-s1);padding:var(--sf-s1);border-radius:var(--sf-r-lg);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--card) 92%,transparent);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--sf-e2)}#flatCanvasToolbar .ctBtn{width:34px;height:34px;border:1px solid transparent;border-radius:var(--sf-r-md);background:transparent;color:var(--muted);font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold)}#flatCanvasToolbar .ctBtn:hover{background:var(--row);color:var(--ink);border-color:transparent}#flatCanvasToolbar .ctBtn.on{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--sf-on-brand)}#flatCanvasToolbar .ctZoomVal{font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);width:46px;color:var(--muted)}#flatCanvasToolbar .ctSep{height:18px;margin:0 3px;background:var(--line)}.flatElemToolbar{gap:var(--sf-s1);padding:var(--sf-s1) var(--sf-s1);border-radius:var(--sf-r-md);font-size:var(--sf-fs-xs);box-shadow:var(--sf-e2)}.flatElemToolbar .etBtn{width:30px;height:30px;border-radius:var(--sf-r-md);font-size:var(--sf-fs-sm)}.flatElemToolbar .etBtn svg{width:var(--sf-icon-md);height:var(--sf-icon-md)}.flatElemToolbar .etSel,.flatElemToolbar .etStep{height:30px;border-radius:var(--sf-r-md);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium)}.flatElemToolbar .etOpacityWrap{font-size:var(--sf-fs-xs)}.flatElemToolbar .etSwatchBtn{border-width:1px;font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold)}.flatElemToolbar .etColorPanel{border-radius:var(--sf-r-md);padding:var(--sf-s1) var(--sf-s1)}.flatInlineTextEdit{border-width:1px;border-radius:var(--sf-r-sm);background:var(--card);color:var(--ink)}html[data-sf-mode=dark] #flatCanvasWrap canvas{outline-color:#ffffff29}#railTabs{position:relative;z-index:40}#flat{position:fixed;inset:0}#flatTop{position:absolute;top:16px;left:18px;right:18px;height:60px;z-index:12;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-bottom:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:var(--sf-r-md);background:color-mix(in srgb,var(--card) 72%,transparent);-webkit-backdrop-filter:blur(24px) saturate(150%);backdrop-filter:blur(24px) saturate(150%);box-shadow:var(--sf-e2)}#flatMain{position:absolute;inset:0;display:block;min-height:0}#flatCanvasCol{position:absolute;inset:0;display:flex}#flatLeft{position:absolute;inset:92px 18px 18px auto;width:340px;z-index:10;display:flex;flex-direction:column;gap:var(--sf-s3);background:transparent;border:0;pointer-events:none}#flatLeft>*{pointer-events:auto}#flatPreview3d,#flatPanels,#flatPreviewCollapsedCard{border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:var(--sf-r-lg);background:color-mix(in srgb,var(--sf-l1) 82%,transparent);-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%);box-shadow:var(--sf-e3)}#flatPreview3d{position:relative;top:auto;left:auto;width:100%;height:300px;flex:none}#flatPreview3d.collapsed{height:0;border-width:0}#flatPreviewCollapsedCard{position:relative;top:auto;left:auto;width:100%;flex:none}#flatPreviewToggle,#flatLeft.previewCollapsed #flatPreviewToggle{position:absolute;top:12px;right:12px;z-index:6}#flatPanels,#flatLeft.previewCollapsed #flatPanels{position:relative;inset:auto;flex:1;min-height:0;overflow:hidden}#flatPanels{flex-direction:row-reverse}#flatAssetRail{border-right:0;border-left:1px solid color-mix(in srgb,var(--ink) 10%,transparent);background:transparent}#flatAssetBody{background:transparent}@media(max-width:760px){#flatLeft{inset:auto 10px 10px;width:auto;height:52%}#flatPreview3d{height:150px}#flatTop{top:8px;left:10px;right:10px;height:52px}}#flatCanvasWrap{background:var(--sf-flat-surround,#DADEE4)}.designUploadList{display:grid;grid-template-columns:1fr 1fr;gap:var(--sf-s2)}.designUploadRecord{cursor:default}#flatCanvasWrap{position:absolute;inset:92px 370px 84px 18px}#flatTop{right:370px}#flatSave{width:auto!important;padding:0 var(--sf-s4)!important;align-self:center;flex:none;line-height:1!important}#flatLeft{top:16px}#flatCanvasToolbar{left:calc(50% - 176px)}#flatAssetRail{width:72px}#flatLeft.previewCollapsed #flatPreviewToggle{top:8px}#flatPreview3d.collapsed{display:none}.assetCard{position:relative}.assetCard .assetDel{position:absolute;top:5px;right:5px;z-index:2;display:grid;place-items:center;width:20px;height:20px;padding:0;border:1px solid var(--line);border-radius:var(--sf-r-sm);background:var(--card);color:var(--muted);cursor:pointer;opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease),color var(--sf-dur-fast) var(--sf-ease),border-color var(--sf-dur-fast) var(--sf-ease)}.assetCard .assetDel svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm)}.assetCard:hover .assetDel,.assetCard .assetDel:focus-visible{opacity:1}.assetCard .assetDel:hover{border-color:var(--danger);color:var(--danger)}@media(max-width:760px){#flatTop{right:10px}#flatAssetRail{width:64px}#flatCanvasWrap{top:70px;left:10px;right:10px;bottom:calc(52% + 24px)}#flatCanvasToolbar{left:50%}}#flatTop .back{width:32px!important;height:32px!important;padding:0!important;display:grid!important;place-items:center;gap:0!important;border:0!important;background:transparent!important;border-radius:var(--sf-r-sm)!important;color:var(--muted);flex:none}#flatTop .back svg{width:var(--sf-icon-md);height:var(--sf-icon-md);display:block}#flatTop .back:hover{background:var(--row)!important;color:var(--ink)!important;border-color:transparent!important}#flatTopTabs{position:absolute;left:50%;transform:translate(-50%);flex:none;width:auto;max-width:calc(100% - 220px)}#flatSave{margin-left:auto}#flatTop{border:0;border-radius:var(--sf-r-md);background:color-mix(in srgb,var(--card) 5%,transparent);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}#right .frow,#right .hintbox,#right .grp{border-radius:var(--sf-r-lg)!important}#right .frow .nb,#right .frow .hex,#right .seg,#right .seg button,#right .bigbtn,#right .presetSelect,#right .ancDel,#right .ancLock,#right .compTrigger,#right .componentStep,#right .compListBtn,#right #compSelect{border-radius:var(--sf-r-md)!important}#right .rsec{font-size:var(--sf-fs-sm)!important;font-weight:var(--sf-fw-bold)!important;color:var(--ink)!important;letter-spacing:0!important}#right .frow>b,#right .presetSelect,#right .seg button,#right .grpHead b,#right .ball,#right .bigbtn,#right #compTriggerName,#right .frow .nb,#right .frow .hex{font-size:var(--sf-fs-xs)!important;font-weight:var(--sf-fw-bold)!important}#right .rsec small,#right .funit,#right .shapeHint,#right .hintbox,#right .ancDel,#right .ancLock,#right #compSelect{font-size:var(--sf-fs-xs)!important;font-weight:var(--sf-fw-medium)!important}#right .rsec small,#right .funit,#right .shapeHint{color:var(--muted)!important}#right .rsec.rsec-sub{font-size:var(--sf-fs-xs)!important;font-weight:var(--sf-fw-bold)!important;color:var(--muted)!important}#right .rsec{margin:0 0 var(--sf-s3)!important}#right .rsec.mt{margin-top:var(--sf-s5)!important}#right .rsec.rsec-sub{margin-top:var(--sf-s4)!important}#right .frow{padding:var(--sf-s3) var(--sf-s3)!important;gap:var(--sf-s2)!important}#right .frow{margin-bottom:var(--sf-s2)!important}#right .presetRow{margin-bottom:var(--sf-s5)!important}#right .presetRow:after{bottom:calc(var(--sf-s3) * -1)}#right .balls{gap:var(--sf-s3)!important;margin-bottom:var(--sf-s3)!important}#right .grp{margin-top:var(--sf-s4)!important}#right .grpHead{padding:var(--sf-s1) 0!important}#right .grpBody{padding-top:var(--sf-s1)!important}#right .hintbox{padding:var(--sf-s3) var(--sf-s3)!important}#right .bigbtn{padding:0 var(--sf-s4)!important;min-height:36px!important}#right .shapeHint{margin:0 0 var(--sf-s3)!important}#left{width:380px!important;min-width:380px!important}#right .frow .nbox{display:inline-flex;align-items:baseline;gap:var(--sf-s1);flex:none;height:30px;padding:0 var(--sf-s2);border:1px solid var(--line);border-radius:var(--sf-r-md);background:var(--card);align-self:center}#right .frow .nbox:focus-within{border-color:var(--accent)}#right .frow .nbox .nb{width:34px;padding:0!important;border:0!important;background:transparent!important;border-radius:0!important;text-align:right;align-self:center}#right .frow .nbox .funit{flex:none;color:var(--muted);font-size:var(--sf-fs-xs)!important;font-weight:var(--sf-fw-medium)!important;align-self:center}#right .ancRow .nbox{margin-left:0}#right .frow input[type=color]{margin-left:0!important}#right .frow .hex{margin-left:auto}:root{--sf-l1:var(--sf-surface-1);--sf-l2:var(--sf-surface-2);--sf-l3:var(--sf-surface-3)}#left{background:color-mix(in srgb,var(--sf-l1) 92%,transparent)!important;border-color:transparent!important}#right .frow,#right .hintbox{background:var(--sf-l2)!important;border:0!important}#right .presetSelect,#right .compTrigger,#right .compListBtn,#right .seg{background:var(--sf-l2)!important;border:1px solid transparent!important}#right .presetSelect:hover,#right .compTrigger:hover,#right .compListBtn:hover,#right .componentStep:hover{background:var(--sf-l3)!important;border-color:transparent!important;color:var(--ink)!important}#right .grp{background:transparent!important;border:0!important}#right .frow .nbox,#right .frow .hex,#right #compSelect{background:var(--sf-l1)!important;border:1px solid color-mix(in srgb,var(--ink) 18%,transparent)!important}#right .frow .nbox:focus-within,#right .frow .hex:focus{border-color:var(--accent)!important}#right input[type=range]{accent-color:var(--sf-l3)!important}#right input[type=range]::-webkit-slider-thumb{background:var(--ink)!important}#right .bigbtn{background:var(--sf-l2)!important;border:1px solid transparent!important;color:var(--ink)!important}#right .bigbtn:hover{background:var(--sf-l3)!important}#exportBtn{background:var(--accent-fill)!important;border:1px solid var(--accent-fill)!important;color:var(--sf-on-brand)!important;box-shadow:var(--sf-e-brand)!important}#exportBtn:hover{background:var(--accent-fill-hover)!important;border-color:var(--accent-fill-hover)!important}#right .seg{display:inline-flex;gap:0!important;padding:2px!important;border:0!important;border-radius:var(--sf-r-md)!important;background:var(--sf-l2)!important}#right .seg button{border:0!important;border-radius:var(--sf-r-sm)!important;background:transparent!important;color:var(--muted)!important;min-height:24px;padding:0 var(--sf-s3)!important;transition:background var(--sf-dur-fast) var(--sf-ease),color var(--sf-dur-fast) var(--sf-ease)}#right .seg button:hover{color:var(--ink)!important}#right .seg button.on,#right .seg button[aria-pressed=true]{background:var(--sf-l1)!important;color:var(--ink)!important;box-shadow:var(--sf-e1)}#right .frow .nbox .nb{text-align:center}.compNameBox{flex:1;min-width:0;display:flex;align-items:center;height:34px;padding:0 2px;border:1px solid transparent;border-radius:var(--sf-r-md);background:var(--row);transition:background-color var(--sf-dur-fast) var(--sf-ease)}#right .compHead .compTrigger{flex:1;min-width:0;height:100%!important;min-height:0!important;padding:0 2px!important;background:transparent!important;border:0!important;box-shadow:none!important}#right .compHead .componentStep{flex:none;width:26px!important;height:26px!important;border:0!important;border-radius:var(--sf-r-sm)!important;background:transparent!important}#right .compHead .componentStep:hover,#right .compHead .compTrigger:hover{background:transparent!important;color:var(--ink)!important}#right .compHead .compNameBox:hover{background:var(--sf-l3,color-mix(in srgb,var(--ink) 8%,var(--row)))!important}#right .compHead .compListBtn{width:34px!important;height:34px!important}#right .compNameBox{background:var(--sf-l2)!important;border-color:transparent!important}#right .componentSwitcher.open .compTrigger{color:var(--ink)!important}#right .componentSwitcher.open .compListBtn{border-color:transparent!important;background:var(--sf-l3,var(--row))!important;color:var(--ink)!important}#left{width:356px!important;min-width:356px!important}#railTabs{width:64px;padding:var(--sf-s4) var(--sf-s1)}@media(min-width:761px){#left.collapsed{width:64px!important;min-width:64px!important}}#left.collapsed #railTabs{border-left-color:transparent!important}.rtab,.flatRailBtn{min-height:48px;padding:var(--sf-s1) 2px;gap:var(--sf-s1)}.rtab.on,.flatRailBtn.on{background:transparent;border-color:transparent;color:var(--ink);font-weight:var(--sf-fw-bold)}.railUtil{width:40px;height:40px}#right .frow>b{width:92px!important}#right .frow .nbox{padding:0 var(--sf-s2)!important}#right .frow .nbox .nb{width:26px!important}#right .frow input[type=range]{flex:1 1 auto!important;min-width:0!important}#topbar .icobtn,#topbar #loginBtn{background:var(--sf-l2);border:1px solid transparent;border-radius:var(--sf-r-md);color:var(--ink)}#topbar .icobtn:hover,#topbar #loginBtn:hover{background:var(--sf-l3);border-color:transparent;color:var(--ink)}#topbar .icobtn:focus-visible,#topbar #loginBtn:focus-visible,#exportBtn:focus-visible,#avatar:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#topbar #avatar{background:linear-gradient(140deg,var(--avatar-a,var(--sf-l2)),var(--avatar-b,var(--sf-l2)))!important;color:var(--avatar-ink,var(--ink))!important;border:1px solid transparent;text-transform:uppercase}#topbar #avatar:hover{filter:brightness(1.1)}#exportBtn{border-radius:var(--sf-r-md)!important}#modelTools{background:color-mix(in srgb,var(--sf-l1) 92%,transparent);border:1px solid transparent;border-radius:var(--sf-r-lg)}.mtBtn{border-radius:var(--sf-r-md);border:1px solid transparent}.mtBtn:hover{background:var(--sf-l3);color:var(--ink)}.mtBtn.on{background:var(--sf-l3);border-color:color-mix(in srgb,var(--ink) 85%,transparent);color:var(--ink)}.mtBtn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#flatPanels,#flatPreview3d,#flatPreviewCollapsedCard{background:color-mix(in srgb,var(--sf-l1) 40%,transparent);-webkit-backdrop-filter:blur(32px) saturate(140%);backdrop-filter:blur(32px) saturate(140%);border-color:transparent}#flatAssetRail,#flatAssetBody{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.flatElemToolbar,.flatElemToolbar .etColorPanel{background:color-mix(in srgb,var(--sf-l1) 92%,transparent);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);border-color:transparent}.flatElemToolbar{position:absolute;top:16px;left:50%;transform:translate(-50%);z-index:14;flex-wrap:nowrap;max-width:calc(100% - 36px);white-space:nowrap}.flatElemToolbar .etMenuBtn{display:inline-flex;align-items:center;justify-content:center;gap:var(--sf-s1);color:var(--muted);white-space:nowrap}.flatElemToolbar .etMenuBtn:hover{color:var(--ink)}.flatElemToolbar .etMenuBtn svg{width:var(--sf-icon-md);height:var(--sf-icon-md)}.flatElemToolbar .etMenuBtn.on{background:var(--sf-l2);border-color:transparent}.flatElemToolbar .etGroup{position:relative;flex:none;display:inline-flex}.flatElemToolbar .etMenu{position:absolute;top:calc(100% + 6px);left:0;z-index:20;min-width:168px;padding:var(--sf-s1);display:none;flex-direction:column;gap:1px;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-radius:var(--sf-r-md);background:color-mix(in srgb,var(--sf-l1) 92%,transparent);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--sf-e2)}.flatElemToolbar .etGroup.open .etMenu{display:flex}.flatElemToolbar .etMenu button{display:flex;align-items:center;gap:var(--sf-s2);width:100%;min-height:30px;padding:0 var(--sf-s2);border:0;border-radius:var(--sf-r-sm);background:transparent;color:var(--ink);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);text-align:left;cursor:pointer;white-space:nowrap}.flatElemToolbar .etMenu button:hover{background:var(--sf-l2)}.flatElemToolbar .etMenu button.danger:hover{background:var(--danger);color:var(--sf-bg)}.flatElemToolbar .etMenu button svg{width:var(--sf-icon-sm);height:var(--sf-icon-sm);flex:none;opacity:.75}.flatElemToolbar .etMenu .etMenuSep{height:1px;margin:var(--sf-s1) 0;background:var(--sf-l3)}.flatElemToolbar .etGroup:last-child .etMenu{left:auto;right:0}#flat.elemBarOn #flatTopTabs{visibility:hidden}.bigbtn.etUploadBtn{display:flex;align-items:center;justify-content:center;gap:var(--sf-s2);cursor:pointer}.bigbtn.etUploadBtn svg{flex:none}.b.hdri0{background:radial-gradient(circle at 35% 22%,#fff,#c9cdd4 38%,#43484f)}.b.hdri1{background:radial-gradient(circle at 40% 32%,#fff8ec,#e4e0d6 55%,#9aa0a6)}.b.hdri2{background:radial-gradient(circle at 50% 50%,#8a8f98,#7c818a 60%,#6b7079)}#flatTop .back{background:var(--sf-l2);border:1px solid transparent;border-radius:var(--sf-r-md);color:var(--ink)}#flatTop .back:hover{background:var(--sf-l3);border-color:transparent;color:var(--ink)}#flatCanvasToolbar{background:color-mix(in srgb,var(--sf-l1) 92%,transparent);border:1px solid transparent;border-radius:var(--sf-r-lg)}#flatCanvasToolbar .ctBtn{background:var(--sf-l2);border:1px solid transparent;border-radius:var(--sf-r-md);color:var(--muted)}#flatCanvasToolbar .ctBtn:hover{background:var(--sf-l3);border-color:transparent;color:var(--ink)}#flatCanvasToolbar .ctBtn.on{background:var(--sf-l3);border-color:color-mix(in srgb,var(--ink) 85%,transparent);color:var(--ink)}#flatCanvasToolbar .ctSep,.flatElemToolbar .etSep{background:var(--sf-l3)}.flatElemToolbar .etBtn{border-radius:var(--sf-r-md);border:1px solid transparent}.flatElemToolbar .etBtn:hover{background:var(--sf-l2);color:var(--ink)}.flatElemToolbar .etBtn.on{background:var(--sf-l2);border-color:color-mix(in srgb,var(--ink) 85%,transparent);color:var(--ink)}.flatElemToolbar .etBtn.danger:hover{background:var(--danger);color:var(--sf-bg)}.flatElemToolbar .etSel,.flatElemToolbar .etStep{border-radius:var(--sf-r-md)}.flatAddDesignCardV{border:1px dashed color-mix(in srgb,var(--ink) 18%,transparent);border-radius:var(--sf-r-lg);color:var(--muted);background:transparent}.flatAddDesignCardV:hover{background:var(--sf-l2);border-color:transparent;color:var(--ink)}.flatInlineTextEdit{background:var(--sf-l1);color:var(--ink);border:1px solid var(--accent);border-radius:var(--sf-r-md)}.assetCard.on,.comp.on,.dcard.on,.schemeCard.on,.chip.on{background:var(--sf-l3);border-color:color-mix(in srgb,var(--ink) 85%,transparent);color:var(--ink);box-shadow:none}.assetCard.on .thumb svg{color:var(--ink)}.comp.on .compThumb{background:var(--sf-l3);color:var(--ink)}.comp.sceneComp.on .compThumb{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ink) 85%,transparent)}.tagbar .tag.on{background:var(--sf-l1);color:var(--ink);box-shadow:var(--sf-e1)}#rtabs .rt.on{color:var(--ink);border-bottom-color:var(--ink)}.flatTopTab.on{color:var(--ink);border-bottom-color:var(--ink);font-weight:var(--sf-fw-bold)}.menu .mi.on{color:var(--ink);font-weight:var(--sf-fw-bold)}.sw.on{border-color:color-mix(in srgb,var(--ink) 85%,transparent);box-shadow:none}.ball.on{color:var(--ink)}.ball.on .b{border-color:color-mix(in srgb,var(--ink) 85%,transparent);box-shadow:none}#left{background:color-mix(in srgb,var(--sf-l1) 40%,transparent)!important;-webkit-backdrop-filter:blur(32px) saturate(140%);backdrop-filter:blur(32px) saturate(140%)}#topbar{background:color-mix(in srgb,var(--sf-l1) 40%,transparent);-webkit-backdrop-filter:blur(32px) saturate(140%);backdrop-filter:blur(32px) saturate(140%)}#right .frow.ancRow{position:relative;min-height:44px;box-sizing:border-box;padding:7px 8px 7px 18px!important;gap:8px!important;border-radius:4px!important}#right .frow.ancRow:not(.pathAncRow){display:grid;grid-template-columns:max-content minmax(24px,1fr) 56px 22px}#right .frow.ancRow>b{width:auto!important;margin:0;white-space:nowrap;line-height:20px}#right .frow.ancRow input[type=range]{width:100%;margin:0}#right .frow.ancRow .nbox{box-sizing:border-box;width:56px;min-width:0;height:28px;padding:0 16px 0 4px!important}#right .frow.ancRow .nbox .nb{width:100%!important;min-width:0}#right .frow.ancRow .ancDel,#right .frow.ancRow .ancLock{margin:0}#right .frow.ancRow.selected{background:color-mix(in srgb,var(--pac-primary,var(--accent)) 9%,var(--sf-l1))!important;box-shadow:none}#right .frow.ancRow.selected:before{content:"";position:absolute;left:6px;top:12px;bottom:12px;width:2px;border-radius:2px;background:var(--pac-primary,var(--accent));pointer-events:none}#right .partsParams .frow.ancRow.selected>b{color:var(--pac-primary-active,var(--accent))!important}#shapeHandles .sh.selected{box-shadow:0 0 0 3px color-mix(in srgb,var(--ink) 28%,transparent),var(--sf-e1);transform:translate(-50%,-50%) scale(1.12)}.menu .miHead{padding:var(--sf-s2) var(--sf-s3);border-bottom:1px solid var(--line);margin-bottom:var(--sf-s1);font-size:var(--sf-fs-xs);color:var(--muted);max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu a.mi{display:flex;align-items:center;gap:var(--sf-s2);text-decoration:none;color:inherit}.menu a.mi svg{margin-left:auto;opacity:.55}#assetList .thumb{background:var(--sunken)}#assetList .cap{display:block;-webkit-line-clamp:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#assetList .assetCard[data-tip]:before,.styleGrid .assetCard[data-tip]:before{content:attr(data-tip);position:absolute;inset:auto 0 0;z-index:4;padding:var(--sf-s2);background:var(--card);border-top:1px solid var(--line);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);line-height:var(--sf-lh-base);color:var(--ink);white-space:normal;pointer-events:none;opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease) 40ms}#assetList .assetCard[data-tip]:hover:before,.styleGrid .assetCard[data-tip]:hover:before{opacity:1}#assetList .thumb img{object-fit:cover}.replace-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--sf-s2);margin-top:var(--sf-s5)}.replace-actions .bigbtn{width:100%;margin-bottom:0}.replace-actions .bigbtn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--sf-on-brand)}.replace-actions .bigbtn.primary:hover{filter:brightness(1.06)}.replace-actions .bigbtn:not(.primary){background:var(--card);border-color:var(--line);color:var(--ink)}.replace-actions .bigbtn:not(.primary):hover{border-color:var(--accent);color:var(--accent)}.replace-modal{width:420px}.replace-modal .lg-sub{margin-bottom:0}.ck{display:flex;align-items:center;gap:var(--sf-s2);margin-top:var(--sf-s4);cursor:pointer;font-size:var(--sf-fs-xs);color:var(--sf-ink-2)}.ck input{position:absolute;opacity:0;width:0;height:0}.ck-box{flex:none;position:relative;width:16px;height:16px;border-radius:var(--sf-r-sm);background:var(--sf-surface-3);border:1px solid var(--sf-line);transition:background var(--sf-dur-fast) var(--sf-ease),border-color var(--sf-dur-fast) var(--sf-ease)}.ck-box:after{content:"";position:absolute;left:5px;top:1px;width:4px;height:8px;border:solid var(--sf-accent-text);border-width:0 2px 2px 0;transform:rotate(45deg);opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease)}.ck:hover .ck-box{border-color:var(--sf-line-strong)}.ck input:checked+.ck-box{background:var(--sf-accent-soft);border-color:var(--sf-accent)}.ck input:checked+.ck-box:after{opacity:1}.ck input:focus-visible+.ck-box{outline:2px solid var(--sf-accent);outline-offset:2px}.replace-modal .lg-sub b{color:var(--ink);font-weight:var(--sf-fw-bold)}.export-modal{width:820px;max-width:calc(100vw - var(--sf-s6));padding:0;overflow:hidden}.ex-srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.ex-head{position:relative;display:flex;align-items:center;justify-content:center;gap:var(--sf-s4);padding:var(--sf-s3) var(--sf-s5) 0;border-bottom:1px solid var(--line)}.ex-head .lg-x{position:absolute;top:var(--sf-s3);right:var(--sf-s4)}.ex-tabs{display:flex;gap:var(--sf-s5)}.ex-tab{position:relative;padding:var(--sf-s2) 0 var(--sf-s3);border:0;background:none;cursor:pointer;font-family:inherit;font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold);color:var(--muted);transition:color var(--sf-dur-fast) var(--sf-ease)}.ex-tab:hover,.ex-tab.on{color:var(--ink)}.ex-tab.on:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--accent-fill);border-radius:2px 2px 0 0}.ex-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ex-body{display:grid;grid-template-columns:1fr 300px;min-height:min(460px,58vh)}.ex-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--sf-s3);padding:var(--sf-s5);background:var(--studio);border-right:1px solid var(--line)}.ex-preview img,.ex-preview canvas{max-width:100%;max-height:min(400px,50vh);width:auto;height:auto;object-fit:contain;border-radius:var(--sf-r-md)}.ex-preview canvas{background:var(--card)}.ex-preview [hidden]{display:none}.ex-shotNote{font-size:var(--sf-fs-xs);line-height:var(--sf-lh-base);color:var(--muted);text-align:center}.ex-side{padding:var(--sf-s5);display:flex;flex-direction:column;gap:var(--sf-s3);min-height:0}.ex-panel{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--sf-s3)}.ex-panel[hidden]{display:none}.ex-label{font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--ink)}.ex-chips{display:flex;flex-wrap:wrap;gap:var(--sf-s2)}.ex-chip{padding:var(--sf-s2) var(--sf-s4);border:1px solid var(--line);border-radius:var(--sf-r-md);background:var(--card);cursor:pointer;font-family:inherit;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--ink);line-height:1.2;transition:border-color var(--sf-dur-fast) var(--sf-ease),background var(--sf-dur-fast) var(--sf-ease)}.ex-chip:hover:not([disabled]){border-color:var(--accent)}.ex-chip.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.ex-chip[disabled]{cursor:not-allowed;color:var(--muted);opacity:.7}.ex-toggle{display:flex;align-items:center;gap:var(--sf-s2);cursor:pointer;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);color:var(--ink)}.ex-toggle input{display:none}.ex-toggle span{flex:none;width:32px;height:18px;border-radius:999px;background:var(--line);position:relative;transition:background var(--sf-dur-fast) var(--sf-ease)}.ex-toggle span:after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--card);transition:transform var(--sf-dur-fast) var(--sf-ease)}.ex-toggle input:checked+span{background:var(--accent-fill)}.ex-toggle input:checked+span:after{transform:translate(14px)}.ex-toggle input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.ex-go{flex:none;width:100%;margin:var(--sf-s2) 0 0;background:var(--accent-fill);border-color:var(--accent-fill);color:var(--sf-on-brand)}.ex-go:hover{filter:brightness(1.06)}.ex-go[disabled]{opacity:.6;cursor:progress}@media(max-width:760px){.ex-body{grid-template-columns:1fr}.ex-preview{border-right:0;border-bottom:1px solid var(--line)}.ex-preview img,.ex-preview canvas{max-height:180px}}.variantCard.is-soon{cursor:default;opacity:.55}.variantCard.is-soon:hover{border-color:var(--line)}.variantCard.is-soon:after{content:"Soon";position:absolute;top:var(--sf-s1);right:var(--sf-s1);z-index:2;padding:1px var(--sf-s1);border-radius:var(--sf-r-sm);background:var(--row);color:var(--muted);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);line-height:1.4}.libSeg{margin-bottom:var(--sf-s3)}.projState{cursor:pointer}.projState[data-state=saved]{cursor:default}.projState[data-state=saved]:hover{background:transparent}.projState:before{content:"";width:8px;height:8px;border-radius:var(--sf-r-full);background:var(--sf-ink-3);transition:background var(--sf-dur-fast) var(--sf-ease)}.projState[data-state=fresh]:before{background:var(--sf-warn)}.projState[data-state=dirty]:before{background:var(--sf-danger)}.projState[data-state=saved]:before{background:var(--sf-ok)}.projState[hidden],#drawerHead,#drawerReopen{display:none}@media(max-width:760px){#main{--drawer-h:40vh}#main.drawer-expanded{--drawer-h:78vh}#main.drawer-collapsed{--drawer-h:0px}#viewport{inset:0 0 var(--drawer-h) 0;transition:bottom var(--sf-dur-slow) var(--sf-ease-out)}#left{left:0!important;right:0!important;bottom:0;top:auto;width:auto!important;min-width:0!important;max-width:none;height:var(--drawer-h);max-height:none;padding:0;overflow:hidden;display:grid!important;grid-template-columns:1fr 64px;grid-template-rows:auto minmax(0,1fr);background:var(--sf-surface-1)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:1px solid var(--sf-line);border-bottom:0;border-radius:var(--sf-r-xl) var(--sf-r-xl) 0 0;box-shadow:var(--sf-e3);transition:height var(--sf-dur-slow) var(--sf-ease-out)}#main.drawer-collapsed #left{border-width:0;box-shadow:none}#left.collapsed{width:auto!important;min-width:0!important}#main.drawer-collapsed #left>*{display:none}#panelToggle{display:none}#drawerHead{flex:none;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:var(--sf-s2) var(--sf-s3);border-bottom:1px solid var(--sf-line);background:var(--sf-surface-1);user-select:none;touch-action:none}#drawerGrip{grid-column:2;justify-self:center;display:grid;place-items:center;width:64px;height:22px;border:0;background:none;padding:0;cursor:grab}#drawerGrip:active{cursor:grabbing}.gripBar{display:block;width:44px;height:4px;border-radius:2px;background:var(--sf-line-strong)}#drawerGrip:hover .gripBar{background:var(--sf-ink-3)}#drawerTitle{grid-column:1;grid-row:1;justify-self:start;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--sf-ink);padding-left:var(--sf-s1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40vw}#drawerClose{grid-column:3;grid-row:1;justify-self:end;display:grid;place-items:center;width:28px;height:28px;border:1px solid transparent;border-radius:var(--sf-r-md);background:none;color:var(--sf-ink-2);cursor:pointer}#drawerClose:hover{background:var(--sf-surface-3);color:var(--sf-ink)}#drawerHead{grid-column:1/-1;grid-row:1}#railTabs{grid-column:2;grid-row:2;min-height:0;width:auto;border-left:1px solid var(--sf-line)}#railTabs{flex-direction:column;padding:var(--sf-s2) var(--sf-s1);border-bottom:0}.railGroup{flex-direction:column;flex:none}#railUtils{flex-direction:column;margin-top:auto;margin-left:0;padding-top:var(--sf-s2);padding-left:0;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent);border-left:0}#productPane,#assetsPane{grid-column:1;grid-row:2;min-height:0}#right{flex:1;min-height:0;display:flex;flex-direction:column}#rbody{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}.compPanel{top:100%;left:0;right:0;width:auto;margin-top:var(--sf-s1);max-height:min(46vh,320px)}#drawerReopen{display:none}#main.drawer-collapsed #drawerReopen{display:inline-flex;align-items:center;gap:var(--sf-s2);position:absolute;left:50%;bottom:var(--sf-s4);transform:translate(-50%);z-index:12;height:36px;padding:0 var(--sf-s4);border:1px solid var(--sf-line-strong);border-radius:var(--sf-r-full);background:var(--sf-surface-1);color:var(--sf-ink);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);box-shadow:var(--sf-e2);cursor:pointer}#main.drawer-collapsed #drawerReopen:hover{border-color:var(--sf-accent)}}@media(max-width:760px){#main.drawer-dragging #left,#main.drawer-dragging #viewport{transition:none}}#productPane{padding-right:0!important}#rbody,#rightHead{padding-right:var(--sf-s4)}#right{--sb-gutter:10px}.elementsBlock{padding-right:calc(var(--sf-s4) + var(--sb-gutter))!important}#topbar .logo{transition:opacity var(--sf-dur-fast) var(--sf-ease)}#topbar .logo:hover{opacity:.72}.frow input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.18)}.frow input[type=range]:hover::-moz-range-thumb{transform:scale(1.18)}.frow input[type=range]::-webkit-slider-thumb{transition:transform var(--sf-dur-fast) var(--sf-ease)}.frow input[type=range]::-moz-range-thumb{transition:transform var(--sf-dur-fast) var(--sf-ease)}.frow input[type=color]{transition:border-color var(--sf-dur-fast) var(--sf-ease),transform var(--sf-dur-fast) var(--sf-ease)}.frow input[type=color]:hover{border-color:var(--sf-accent);transform:scale(1.08)}#assetsPane .seg button:hover{color:var(--sf-ink)}.toggle:hover{border-color:var(--sf-line-strong)}.toggle.on:hover{border-color:var(--sf-accent-hover)}.frow>b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.assetCard .cap{display:block;-webkit-line-clamp:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.styleGrid .assetCard{display:flex;flex-direction:column}.styleGrid .assetCard .thumb{flex:none;aspect-ratio:1/1;width:100%}.frow{position:relative}.frow[data-tip]:after{content:attr(data-tip);position:absolute;left:var(--sf-s2);bottom:calc(100% + 2px);z-index:6;max-width:calc(100% - var(--sf-s4));padding:var(--sf-s1) var(--sf-s2);border-radius:var(--sf-r-sm);border:1px solid var(--line);background:var(--card);color:var(--ink);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);line-height:var(--sf-lh-tight);white-space:normal;overflow-wrap:anywhere;text-align:left;pointer-events:none;box-shadow:var(--sf-e2);opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease) 40ms}.frow[data-tip]:has(>b:hover):after{opacity:1}#flatCanvasWrap canvas{outline:none}#flatCanvasWrap{bottom:18px}#flatCanvasToolbar{bottom:32px}#flatTop{background:none;border:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none}#flatTop>*{pointer-events:auto}#flatTopTabs{padding:var(--sf-s1) var(--sf-s3);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:var(--sf-r-full);background:color-mix(in srgb,var(--card) 82%,transparent);-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);box-shadow:var(--sf-e2)}#flatTopTabs:empty{display:none}#flatCanvasWrap{top:18px}#flatCanvasWrap{top:0;left:0;bottom:0}#flatTopTabs{padding:0;border:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.flatTopTab{color:color-mix(in srgb,var(--sf-flat-ink,var(--sf-ink)) 62%,transparent)}.flatTopTab:hover,.flatTopTab.on{color:var(--sf-flat-ink,var(--sf-ink))}#flat{background:var(--sf-flat-surround,#DADEE4)}#flatPreview3d,#flatPanels,#flatPreviewCollapsedCard{border-color:color-mix(in srgb,var(--line) 70%,transparent)}#startWizard{display:none}body.sfNoModel #c3d,body.sfNoModel #cube,body.sfNoModel #dimLines,body.sfNoModel #dimHandles,body.sfNoModel #dimReadout,body.sfNoModel #shapeLines,body.sfNoModel #shapeHandles,body.sfNoModel #shapeEndpoints,body.sfNoModel #modelTools,body.sfNoModel #prodHandles,body.sfNoModel #rotateHint{display:none!important}#railUtils{display:none}#panelToggle{display:none!important}body.sfNoModel #startWizard{display:flex;flex-direction:column;gap:var(--sf-s4);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(614px,calc(100% - 32px));height:min(360px,calc(100% - 32px));padding:var(--sf-s5);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:var(--sf-r-xl);background:color-mix(in srgb,var(--sf-l1) 88%,transparent);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--sf-e3)}.wz-head{flex:none;text-align:center}.wz-steps{display:flex;align-items:center;justify-content:center;gap:var(--sf-s2);margin:0 0 var(--sf-s3);padding:0;list-style:none}.wz-step{display:flex;align-items:center;gap:var(--sf-s2);font-size:var(--sf-fs-xs);color:var(--muted);white-space:nowrap}.wz-step+.wz-step:before{content:"";width:28px;height:1px;background:var(--line);margin-right:var(--sf-s1)}.wz-stepNum{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--sf-r-full);border:1px solid var(--line);background:var(--sunken);font-size:var(--sf-fs-mono);font-weight:var(--sf-fw-bold)}.wz-step.on .wz-stepNum{border-color:transparent;background:var(--accent-fill);color:var(--sf-on-brand)}.wz-step.on{color:var(--ink);font-weight:var(--sf-fw-bold)}.wz-step.done .wz-stepNum{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.wz-title{margin:0;font-size:var(--sf-fs-lg);line-height:var(--sf-lh-tight);color:var(--ink)}.wz-grid{flex:1;min-height:0;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:var(--sf-s3);padding:var(--sf-s1) 0}.wz-card{position:relative;flex:0 0 132px;width:132px;height:132px;display:flex;align-items:center;justify-content:center;padding:var(--sf-s3);border:1px solid var(--line);border-radius:var(--sf-r-lg);background:var(--sunken);cursor:pointer;overflow:hidden;transition:transform .16s ease,border-color .16s ease,background .16s ease}.wz-card:hover{transform:translateY(-2px);border-color:var(--sf-line-strong)}.wz-card.on{border-color:var(--accent);background:var(--accent-soft)}.wz-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.wz-art{width:58px;height:80px;flex:none;color:var(--muted);transition:color .16s ease}.wz-card:hover .wz-art{color:var(--ink)}.wz-card.on .wz-art{color:var(--accent)}.wz-art .soft{fill:color-mix(in srgb,currentColor 12%,transparent)}.wz-art .hair{stroke-width:1.2}.wz-cap{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;gap:1px;padding:var(--sf-s2) var(--sf-s1);background:color-mix(in srgb,var(--sf-l1) 92%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid color-mix(in srgb,var(--line) 60%,transparent);opacity:0;transform:translateY(6px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.wz-card:hover .wz-cap,.wz-card:focus-visible .wz-cap,.wz-card.on .wz-cap{opacity:1;transform:none}.wz-name{font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--ink);line-height:1.25;text-align:center}.wz-bundled{font-size:var(--sf-fs-mono);font-weight:var(--sf-fw-regular);color:var(--muted)}.wz-tick{position:absolute;top:var(--sf-s2);right:var(--sf-s2);display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--sf-r-full);background:var(--accent-fill);color:var(--sf-on-brand);opacity:0;transform:scale(.6);transition:opacity .16s ease,transform .16s ease}.wz-card.on .wz-tick{opacity:1;transform:scale(1)}.wz-foot{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:var(--sf-s2);padding-top:var(--sf-s4);border-top:1px solid var(--line)}.wz-btn{height:36px;padding:0 var(--sf-s4);border-radius:var(--sf-r-sm);display:inline-flex;align-items:center;gap:var(--sf-s2);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);cursor:pointer;border:1px solid color-mix(in srgb,var(--sf-line) 10%,transparent);background:color-mix(in srgb,var(--sf-surface-1) 25%,transparent);color:var(--ink)}.wz-btn:hover{background:var(--sf-surface-3)}.wz-btn.primary{border-color:transparent;background:var(--accent-fill);color:var(--sf-on-brand)}.wz-btn.primary:hover{background:var(--accent-fill-hover)}.wz-btn:disabled{opacity:.42;cursor:not-allowed}.wz-btn:disabled:hover{background:color-mix(in srgb,var(--sf-surface-1) 25%,transparent)}.wz-btn.primary:disabled:hover{background:var(--accent-fill)}#railTabs .rtab:disabled{opacity:.42;cursor:not-allowed}#railTabs .rtab:disabled:hover{background:transparent;color:var(--muted)}#exportBtn:disabled{opacity:.42;cursor:not-allowed;filter:grayscale(.6)}#exportBtn:disabled:hover{filter:grayscale(.6)}#exportBtn,#loginBtn,#workspaceBtn,#flatTop .back{height:36px;padding:0 var(--sf-s4);border-radius:var(--sf-r-sm);display:inline-flex;align-items:center;gap:var(--sf-s2)}#workspaceBtn{text-decoration:none;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);cursor:pointer;border:1px solid color-mix(in srgb,var(--sf-line) 10%,transparent);background:color-mix(in srgb,var(--sf-surface-1) 25%,transparent);color:var(--ink)}#workspaceBtn:hover{border-color:var(--accent);color:var(--accent)}#topbar>.rel{display:flex;align-items:center;gap:var(--sf-s2)}#right .presetDD{position:relative;flex:1;min-width:0;margin-left:auto}#right .presetTrigger{width:100%;height:32px;display:flex;align-items:center;justify-content:space-between;gap:var(--sf-s2);padding:0 var(--sf-s2) 0 var(--sf-s3);border:1px solid transparent;border-radius:var(--sf-r-md);background:var(--sf-l2);color:var(--ink);font-family:inherit;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);cursor:pointer;transition:background var(--sf-dur-fast) var(--sf-ease),border-color var(--sf-dur-fast) var(--sf-ease)}#right .presetTrigger:hover{background:var(--sf-l3)}#right .presetTrigger:focus-visible{outline:2px solid var(--accent);outline-offset:1px}#right .presetDD.open .presetTrigger{border-color:var(--sf-line-strong);background:var(--sf-l3)}#right .presetValue{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#right .presetTrigger svg{flex:none;color:var(--muted);transition:transform var(--sf-dur-fast) var(--sf-ease)}#right .presetDD.open .presetTrigger svg{transform:rotate(180deg)}#right .presetRow:has(.presetDD.open){z-index:30}#right .presetMenu{position:absolute;top:calc(100% + 6px);right:0;left:auto;z-index:40;min-width:100%;width:max-content;max-width:280px;display:none;flex-direction:column;gap:2px;padding:var(--sf-s2);border:1px solid var(--ink);border-radius:var(--sf-r-lg);background:var(--card);box-shadow:2px 2px 0 var(--ink)}#right .presetDD.open .presetMenu{display:flex}#right .presetDD.up .presetMenu{top:auto;bottom:calc(100% + 6px)}#right .presetMenuHead{padding:2px var(--sf-s2) var(--sf-s1);font-size:var(--sf-fs-mono);font-weight:var(--sf-fw-medium);color:var(--muted)}#right .presetOpt{display:flex;align-items:center;justify-content:space-between;gap:var(--sf-s2);min-height:34px;padding:0 var(--sf-s2) 0 var(--sf-s3);border:1px solid transparent;border-radius:var(--sf-r-md);background:transparent;color:var(--ink);text-align:left;font-family:inherit;font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-medium);white-space:nowrap;cursor:pointer}#right .presetOpt[hidden]{display:none}#right .presetOpt:hover{background:var(--row)}#right .presetOpt:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}#right .presetOpt.on{border-color:var(--ink);background:var(--sf-l3);font-weight:var(--sf-fw-bold)}#right .presetOpt svg{flex:none;opacity:0}#right .presetOpt.on svg{opacity:1}#right .frow input[type=range]::-webkit-slider-runnable-track{height:3px!important;border-radius:999px!important;background:linear-gradient(to right,var(--ink) 0,var(--ink) var(--fill,0%),var(--line) var(--fill,0%),var(--line) 100%)!important}#right .frow input[type=range]::-webkit-slider-thumb{width:14px!important;height:14px!important;margin-top:-5.5px!important;background:var(--card)!important;border:2px solid var(--ink)!important;box-shadow:none!important;transform:none!important;transition:background var(--sf-dur-fast) var(--sf-ease)!important}#right .frow input[type=range]:hover::-webkit-slider-thumb,#right .frow input[type=range]:active::-webkit-slider-thumb{background:var(--ink)!important}#right .frow input[type=range]::-moz-range-track{height:3px!important;border-radius:999px!important;background:var(--line)!important}#right .frow input[type=range]::-moz-range-progress{height:3px!important;border-radius:999px!important;background:var(--ink)!important}#right .frow input[type=range]::-moz-range-thumb{width:10px!important;height:10px!important;background:var(--card)!important;border:2px solid var(--ink)!important;box-shadow:none!important;transform:none!important;transition:background var(--sf-dur-fast) var(--sf-ease)!important}#right .frow input[type=range]:hover::-moz-range-thumb,#right .frow input[type=range]:active::-moz-range-thumb{background:var(--ink)!important}#startSplit{display:none}body.sfNoModel #startSplit{display:grid;grid-template-columns:380px minmax(0,1fr);gap:var(--sf-s5);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,calc(100% - 32px));height:min(580px,calc(100% - 32px));padding:var(--sf-s5);border:1px solid color-mix(in srgb,var(--line) 70%,transparent);border-radius:var(--sf-r-xl);background:color-mix(in srgb,var(--sf-l1) 88%,transparent);-webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);box-shadow:var(--sf-e3)}.sp-stage{position:relative;min-height:0;overflow:hidden;border-radius:var(--sf-r-lg);background:var(--sunken)}.sp-cover{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:var(--sf-s5);transition:opacity .3s ease}.sp-canvasHost{position:absolute;inset:0}.sp-canvasHost .sp-canvas{width:100%;height:100%;display:block;opacity:0;cursor:grab;transition:opacity .35s ease}.sp-canvasHost .sp-canvas:active{cursor:grabbing}.sp-stage.live .sp-canvas{opacity:1}.sp-stage.live .sp-cover{opacity:0}.sp-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;display:flex;flex-direction:column;align-items:center;gap:var(--sf-s2);font-size:var(--sf-fs-mono);color:var(--muted)}.sp-spin{width:22px;height:22px;border-radius:var(--sf-r-full);border:2px solid color-mix(in srgb,var(--ink) 12%,transparent);border-top-color:var(--accent);animation:spSpin .8s linear infinite}@keyframes spSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sp-spin{animation-duration:2.4s}}.sp-side{min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;gap:var(--sf-s5)}.sp-title{margin:0 0 0 29px;text-align:center;font-size:var(--sf-fs-lg);line-height:var(--sf-lh-tight);font-weight:var(--sf-fw-bold);color:var(--ink)}.sp-flow{position:relative;flex:none;display:flex;flex-direction:column;gap:var(--sf-s5)}.sp-flow:before{content:"";position:absolute;left:10px;top:11px;bottom:22px;width:1px;background:var(--line)}.sp-group{display:flex;flex-direction:column;gap:var(--sf-s2)}.sp-label{position:relative;display:flex;align-items:center;gap:var(--sf-s2);font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold);color:var(--ink)}.sp-num{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;border-radius:var(--sf-r-full);background:var(--accent-fill);color:var(--sf-on-brand);box-shadow:0 0 0 3px var(--sf-l1);font-size:var(--sf-fs-mono);font-weight:var(--sf-fw-bold)}.sp-grid{display:grid;grid-template-columns:repeat(2,204px);gap:10px;margin-left:29px}.sp-parts{min-height:126px;align-content:start}.sp-card{position:relative;height:84px;display:flex;align-items:center;justify-content:center;padding:var(--sf-s2);border:1px solid var(--line);border-radius:var(--sf-r-lg);background:var(--sunken);color:var(--muted);cursor:pointer;overflow:hidden;transition:border-color .16s ease,background .16s ease,color .16s ease}.sp-card--part{height:58px}.sp-card:hover{border-color:var(--sf-line-strong);color:var(--ink)}.sp-card.on{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.sp-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sp-art{width:46px;height:64px;flex:none}.sp-card--part .sp-art{width:34px;height:46px}.sp-art .soft{fill:color-mix(in srgb,currentColor 12%,transparent)}.sp-art .hair{stroke-width:1.2}.sp-art{transition:transform .2s ease}.sp-card:hover .sp-art,.sp-card:focus-visible .sp-art,.sp-card.on .sp-art{transform:translate(-67px)}.sp-card--part:hover .sp-art,.sp-card--part:focus-visible .sp-art,.sp-card--part.on .sp-art{transform:translate(-73px)}.sp-cap{position:absolute;top:0;bottom:0;left:68px;right:var(--sf-s2);white-space:nowrap;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-bold);color:var(--ink);line-height:1.25;text-align:left;opacity:0;transform:translate(6px);pointer-events:none;transition:opacity .16s ease,transform .2s ease}.sp-card--part .sp-cap{left:56px}.sp-cap em{font-style:normal;font-size:var(--sf-fs-mono);font-weight:var(--sf-fw-regular);color:var(--muted)}.sp-card:hover .sp-cap,.sp-card:focus-visible .sp-cap,.sp-card.on .sp-cap{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.sp-art,.sp-cap{transition:none}}.sp-foot{margin-left:29px}.sp-build{width:100%;height:44px;border:0;border-radius:var(--sf-r-md);background:var(--accent-fill);color:var(--sf-on-brand);font-family:inherit;font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold);cursor:pointer}.sp-build:hover{background:var(--accent-fill-hover)}.sp-build:disabled{opacity:.42;cursor:not-allowed}#assetsPane .libSeg{margin-bottom:var(--sf-s3)}.libCustom{width:100%;height:40px;margin:0 0 var(--sf-s3);display:flex;align-items:center;justify-content:center;gap:var(--sf-s2);border:1px solid var(--line);border-radius:var(--sf-r-md);background:var(--sunken);color:var(--ink);font-family:inherit;font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-bold);cursor:pointer;transition:border-color .16s ease,color .16s ease}.libCustom[hidden]{display:none}.libCustom:hover{border-color:var(--accent);color:var(--accent)}.libCustom:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes sfNudge{0%{box-shadow:var(--sf-e3),0 0 color-mix(in srgb,var(--accent) 55%,transparent)}to{box-shadow:var(--sf-e3),0 0 0 14px transparent}}#startSplit.sfNudge,#startWizard.sfNudge{animation:sfNudge .7s ease-out 2}@media(prefers-reduced-motion:reduce){#startSplit.sfNudge,#startWizard.sfNudge{animation:none}}#railTabs .rtabIco--on{display:none}#railTabs .rtab.on .rtabIco--on{display:block}#railTabs .rtab.on .rtabIco--off{display:none}#railTabs .rtab:not(.on):not(:disabled) .rtabIco--off{color:var(--ink)}#right .ball .b{border:1px solid var(--line)!important;box-shadow:none!important;transition:box-shadow var(--sf-dur-fast) var(--sf-ease)}#right .ball:hover .b,#right .ball.on .b{border-color:transparent!important;box-shadow:0 0 0 2px var(--sf-l1),0 0 0 4px var(--accent)!important}#rangeTip{position:fixed;left:0;top:0;z-index:9999;pointer-events:none;transform:translate(-50%,-100%);padding:3px 8px;border-radius:var(--sf-r-sm);background:var(--ink);color:var(--sf-l1);font-size:var(--sf-fs-xs);font-weight:var(--sf-fw-medium);line-height:1.4;white-space:nowrap;opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease)}#rangeTip.show{opacity:1}#right .frow .nbox{position:relative;padding-right:18px!important}#right .frow .nbox:hover,#right .frow .nbox:focus-within{border-color:var(--accent)!important}#right .frow .nstep{position:absolute;right:3px;top:3px;bottom:3px;width:12px;display:flex;flex-direction:column;visibility:hidden}#right .frow .nbox:hover .nstep,#right .frow .nbox:focus-within .nstep{visibility:visible}#right .frow .nstep button{flex:1;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer}#right .frow .nstep button:hover{color:var(--accent)}#right .frow .nstep svg{width:10px;height:10px}#right .frow .colorBtn{flex:none;width:26px;height:26px;padding:0;cursor:pointer;border:2px solid transparent;border-radius:var(--sf-r-full);background:linear-gradient(var(--c),var(--c)) padding-box,conic-gradient(from 90deg,#ff3b30,#fc0,#34c759,#00c7be,#007aff,#af52de,#ff2d55,#ff3b30) border-box;box-shadow:inset 0 0 0 1.5px var(--sf-l1);transition:transform var(--sf-dur-fast) var(--sf-ease)}#right .frow .colorBtn:hover,#right .frow .colorBtn[aria-expanded=true]{transform:scale(1.08)}#colorPop{position:fixed;z-index:9998;width:236px;padding:var(--sf-s4);border-radius:var(--sf-r-xl);background:var(--sf-l1);color:var(--ink);box-shadow:0 8px 28px #00000024,0 1px 3px #00000014;display:none}#colorPop.show{display:block}#colorPop:before{content:"";position:absolute;left:-6px;top:var(--notch,34px);width:12px;height:12px;background:inherit;transform:translateY(-50%) rotate(45deg);border-radius:2px}#colorPop .cpTitle{font-size:var(--sf-fs-md,15px);font-weight:var(--sf-fw-medium);margin-bottom:var(--sf-s2)}#colorPop .cpRec{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:var(--sf-s3);margin-bottom:var(--sf-s3);border-bottom:1px solid var(--line)}#colorPop .cpSw{width:22px;height:22px;padding:0;border-radius:var(--sf-r-full);cursor:pointer;background:var(--c);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent);transition:box-shadow var(--sf-dur-fast) var(--sf-ease)}#colorPop .cpSw:hover,#colorPop .cpSw.on{box-shadow:0 0 0 2px var(--sf-l1),0 0 0 4px var(--accent)}#colorPop .cpSq{position:relative;height:102px;border-radius:var(--sf-r-md);cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,hsl(var(--hue,0),100%,50%))}#colorPop .cpSqCur{position:absolute;width:12px;height:12px;border-radius:var(--sf-r-full);border:2px solid #fff;box-shadow:0 0 0 1px #00000059;transform:translate(-50%,-50%);pointer-events:none}#colorPop .cpHue{position:relative;height:8px;margin:var(--sf-s3) 0;border-radius:999px;cursor:pointer;touch-action:none;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}#colorPop .cpHueCur{position:absolute;top:50%;width:14px;height:14px;border-radius:var(--sf-r-full);background:#fff;box-shadow:0 0 0 1px #0000002e,0 1px 3px #00000040;transform:translate(-50%,-50%);pointer-events:none}#colorPop .cpFoot{display:flex;gap:var(--sf-s2)}#colorPop .cpHex{flex:1;min-width:0;height:34px;display:flex;align-items:center;gap:var(--sf-s2);padding:0 var(--sf-s2);border:1px solid var(--line);border-radius:var(--sf-r-md);cursor:text}#colorPop .cpHex:hover,#colorPop .cpHex:focus-within{border-color:var(--accent)}#colorPop .cpDot{flex:none;width:18px;height:18px;border-radius:var(--sf-r-full);border:1px solid color-mix(in srgb,var(--ink) 14%,transparent)}#colorPop .cpHex input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0;font:inherit;font-size:var(--sf-fs-sm);color:var(--ink);letter-spacing:.02em}#colorPop .cpDrop{flex:none;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink);border-radius:var(--sf-r-md);background:transparent;color:var(--ink);cursor:pointer}#colorPop .cpDrop:hover{border-color:var(--accent);color:var(--accent)}#colorPop .cpDrop svg{width:16px;height:16px}#modelTools .mtBtn{position:relative}#modelTools .mtTip{position:absolute;top:calc(100% + 10px);right:0;z-index:5;display:flex;align-items:center;gap:10px;padding:6px 12px;border-radius:var(--sf-r-md);background:#282828eb;color:#fff;font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-regular);line-height:1.3;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--sf-dur-fast) var(--sf-ease) 60ms}#modelTools .mtTip:before{content:"";position:absolute;bottom:100%;right:12px;border:4px solid transparent;border-bottom-color:#282828eb}#modelTools .mtTip kbd{font:inherit;font-size:var(--sf-fs-sm);color:#ffffff9e;letter-spacing:.04em}#modelTools .mtBtn:hover .mtTip,#modelTools .mtBtn:focus-visible .mtTip{opacity:1}#modelTools .mtBtn:active .mtTip{opacity:0}#assetsPane #librarySeg{display:flex;gap:4px;width:100%;height:40px;padding:3px;border:1px solid var(--pac-button-border,#eaeaea)!important;border-radius:var(--sf-r-md)!important;background:var(--pac-n1,#f7f7f7)!important;overflow:visible}#assetsPane #librarySeg button{flex:1;height:auto!important;padding:0 var(--sf-s2)!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;color:var(--ink)!important;font-size:var(--sf-fs-sm)!important;font-weight:var(--sf-fw-regular)!important;line-height:1!important;transition:background-color var(--sf-dur-fast) var(--sf-ease),color var(--sf-dur-fast) var(--sf-ease)}#assetsPane #librarySeg button:hover{background:color-mix(in srgb,var(--ink) 5%,transparent)!important}#assetsPane #librarySeg button[aria-pressed=true]{background:var(--pac-primary,#8f47ff)!important;color:#fff!important}#right .unitSeg{display:inline-flex;width:auto;gap:0;padding:0;border:0!important;border-radius:999px!important;background:transparent!important;overflow:visible}#right .unitSeg button{position:relative;min-width:38px;height:24px!important;padding:0 10px!important;border:1px solid color-mix(in srgb,var(--ink) 12%,transparent)!important;background:var(--sf-l3,#f0f0f0)!important;box-shadow:none!important;color:var(--ink)!important;font-size:var(--sf-fs-sm)!important;font-weight:var(--sf-fw-regular)!important;line-height:1!important}#right .unitSeg button:first-child{border-radius:999px 0 0 999px!important}#right .unitSeg button:last-child{border-radius:0 999px 999px 0!important;margin-left:-1px}#right .unitSeg button:hover{background:color-mix(in srgb,var(--ink) 8%,var(--sf-l1))!important}#right .unitSeg button.on{z-index:1;border-color:var(--pac-primary,#8f47ff)!important;background:var(--pac-primary-1,#f6f0ff)!important;color:var(--pac-primary,#8f47ff)!important}#right .compTabs{display:none!important}#right .compPanel{padding-bottom:0!important}#right .compPanelHead .compHeadUnit{margin-left:auto;display:flex;align-items:center}#right .compPanelHead .compHeadUnit .unitSeg{margin:0!important}#right .partsRail{display:flex;flex-direction:column;gap:6px}#right .partsRail--before{margin-bottom:6px}#right .partsRail--before.isTied{margin-bottom:0}#right .partsRail--after{margin-top:6px}#right .comp{display:flex!important;flex-direction:row!important;align-items:center;width:100%!important;height:auto!important;min-height:40px!important;gap:var(--sf-s2);padding:var(--sf-s1) var(--sf-s3)!important;border:1px solid transparent!important;border-radius:var(--sf-r-md)!important;background:var(--sunken)!important;color:var(--ink);cursor:pointer;overflow:hidden;text-align:left;transition:background var(--sf-dur-fast) var(--sf-ease),color var(--sf-dur-fast) var(--sf-ease)}#right .comp:hover{background:var(--row)!important}#right .comp.on{border-radius:var(--sf-r-md) var(--sf-r-md) 0 0!important;background:var(--sunken)!important}#right .partsParams.isTied{margin:0 0 6px;padding:var(--sf-s1) var(--sf-s3) var(--sf-s3);background:var(--sunken);border-radius:0 0 var(--sf-r-md) var(--sf-r-md)}#right .partsRail--before .comp.on{margin-bottom:0}#right .comp .compCaret{flex:none;display:grid;place-items:center;width:18px;height:18px;color:var(--muted);transform:rotate(-90deg);transition:transform var(--sf-dur-fast) var(--sf-ease)}#right .comp.on .compCaret{transform:none;color:var(--ink)}#right .comp .compCaret svg{width:16px;height:16px}#right .comp .nm{flex:1;min-width:0;max-width:none!important;font-size:var(--sf-fs-sm)!important;font-weight:var(--sf-fw-medium)!important;color:inherit;text-align:left!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#right .comp.on .nm{font-weight:var(--sf-fw-bold)!important}#right .partsParams .rsec{font-size:12px!important;color:var(--muted)!important}#right .partsParams .frow>b{font-weight:var(--sf-fw-regular)!important;color:var(--muted)!important}#right .comp .eye{display:grid!important;place-items:center;position:static!important;flex:none;width:22px!important;height:22px!important;border-radius:var(--sf-r-sm);color:var(--muted);opacity:.7}#right .comp:hover .eye,#right .comp.on .eye{opacity:1}#right .comp .eye:hover{color:var(--ink)}#right .comp .eye.off{color:var(--danger);opacity:1}#right .comp.isHidden .nm{color:var(--muted)}#right .partsParams .frow:not(.ancRow):has(input[type=range]){display:flex;flex-wrap:wrap;align-items:center;gap:var(--sf-s2);padding:0!important;margin:0 0 var(--sf-s4)!important;background:transparent!important;border:0!important;border-radius:0!important}#right .partsParams .frow:not(.ancRow):has(input[type=range])>b{flex:0 0 100%;width:auto!important;margin:0 0 var(--sf-s1)}#right .partsParams .frow:not(.ancRow):has(input[type=range]) input[type=range]{flex:1 1 auto;min-width:0}#right .partsParams .frow:not(.ancRow):has(input[type=range]) .nbox{flex:none}#right .partsParams .frow:not(.ancRow):has(input[type=range]):after{display:none!important}#left{min-height:0}#left>#assetsPane{min-height:0;max-height:100%;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;box-sizing:border-box;scrollbar-gutter:stable;scrollbar-color:#a4abb5 transparent}#assetsPane::-webkit-scrollbar-thumb,#assetsPane.scrolling::-webkit-scrollbar-thumb{background-color:#a4abb5}#assetsPane .assetCard{min-width:0;text-align:left;color:inherit;font:inherit;cursor:pointer}#assemblyExportMenu{position:relative;margin-right:12px}#assemblyExportMenu>summary{cursor:pointer;border:1px solid var(--sf-line);border-radius:8px;padding:8px 14px;list-style:none}.assembly-export-options{position:absolute;right:0;top:calc(100% + 8px);min-width:240px;padding:8px;background:var(--sf-bg,#fff);color:var(--sf-ink,#222);border:1px solid var(--sf-line,#ddd);border-radius:10px;box-shadow:0 8px 28px #0002;z-index:1000}#topbar .assembly-export-options button,.assembly-export-options summary{display:block;width:100%;padding:10px 12px;text-align:left;border:0;background:transparent;color:inherit;cursor:pointer;border-radius:6px}#topbar .assembly-export-options button:hover,.assembly-export-options summary:hover{background:#8882}#topbar .assembly-export-options button:disabled{opacity:.5;cursor:wait}.assembly-export-options details button{padding-left:28px!important}#assemblyExportStatus{display:block;padding:0 12px;font-size:12px;max-width:280px}:root{--pac-primary: #8f47ff;--pac-primary-hover: #823aec;--pac-primary-active: #7832dc;--pac-primary-disable: #aa87f0;--pac-primary-1: #f6f0ff;--pac-primary-2: #ece0ff;--pac-primary-3: #dac2ff;--pac-primary-4: #c199ff;--pac-primary-5: #a166ff;--pac-primary-6: #8f47ff;--pac-primary-7: #6f32de;--pac-white: #ffffff;--pac-n1: #f7f7f7;--pac-n2: #eeeeee;--pac-n3: #e6e6e6;--pac-n4: #d9d9d9;--pac-n5: #bfbfbf;--pac-n6: #999999;--pac-n7: #7f7f7f;--pac-n8: #666666;--pac-n9: #444444;--pac-n10: #191919;--pac-ink-1: #191919;--pac-ink-2: #4c4c4c;--pac-ink-3: #7f7f7f;--pac-split-line: #dcdcdc;--pac-button-border: #eaeaea;--pac-stroke: #d1d0d2;--pac-success: #1fd486;--pac-success-text: #0fad6f;--pac-error: #ff445e;--pac-error-text: #cc3d4e;--pac-stage-floor: #d3d3d3;--pac-stage: linear-gradient(rgb(196, 197, 199), rgb(235, 235, 235) 100%)}html[data-sf-mode=dark],[data-sf-mode=dark],html[data-sf-mode=light],[data-sf-mode=light]{--sf-bg: var(--pac-stage-floor);--sf-surface-1: var(--pac-white);--sf-surface-2: var(--pac-n1);--sf-surface-3: var(--pac-n2);--sf-line: var(--pac-button-border);--sf-line-strong: var(--pac-stroke);--sf-ink: var(--pac-ink-1);--sf-ink-2: var(--pac-ink-2);--sf-ink-3: var(--pac-n6);--sf-accent: var(--pac-primary);--sf-accent-text: var(--pac-primary-active);--sf-accent-soft: var(--pac-primary-1);--sf-accent-hover: var(--pac-primary-hover);--sf-brand: var(--pac-primary);--sf-brand-rgb: 143, 71, 255;--sf-brand-hover: var(--pac-primary-hover);--sf-brand-active: var(--pac-primary-active);--sf-on-brand: var(--pac-white);--sf-ok: var(--pac-success);--sf-ok-text: var(--pac-success-text);--sf-ok-soft: rgba(31, 212, 134, .14);--sf-warn: #ffb020;--sf-warn-text: #8a5a00;--sf-warn-soft: rgba(255, 176, 32, .16);--sf-danger: var(--pac-error);--sf-danger-text: var(--pac-error-text);--sf-danger-soft: rgba(255, 68, 94, .12);--sf-on-status: var(--pac-white);--sf-grid-line: rgba(25, 25, 25, .04);--sf-scrim: rgba(25, 25, 25, .45);color-scheme:light}#viewport,html[data-sf-mode=dark] #viewport,html[data-sf-mode=light] #viewport{background:var(--pac-stage)}@font-face{font-family:Poppins;font-weight:400;font-style:normal;font-display:swap;src:url(https://cdn.pacdora.com/font_v2/Poppins/Poppins-Regular.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:500;font-style:normal;font-display:swap;src:url(https://cdn.pacdora.com/font_v2/Poppins/Poppins-Medium.woff2) format("woff2")}@font-face{font-family:Poppins;font-weight:600;font-style:normal;font-display:swap;src:url(https://cdn.pacdora.com/font_v2/Poppins/Poppins-Bold.woff2) format("woff2")}:root{--sf-fw-regular: 400;--sf-fw-medium: 500;--sf-fw-bold: 600;--sf-fs-mono: 12px;--sf-fs-xs: 12px;--sf-fs-sm: 14px;--sf-fs-md: 16px;--sf-fs-lg: 20px;--sf-fs-xl: 32px;--sf-lh-tight: 1.3;--sf-lh-base: 1.6;--sf-ls-base: -.018em}:root{--Radius-borderRadius-1: 4px;--Radius-borderRadius-2: 6px;--Radius-borderRadius-3: 8px;--Radius-borderRadius-4: 10px;--Radius-borderRadius-5: 12px;--Radius-borderRadius-6: 16px;--Radius-borderRadius-7: 20px;--Radius-borderRadius-8: 24px;--pac-r-input: var(--Radius-borderRadius-2);--pac-r-button: var(--Radius-borderRadius-3);--pac-r-card: var(--Radius-borderRadius-5);--pac-r-panel: var(--Radius-borderRadius-6);--pac-r-dialog: var(--Radius-borderRadius-8);--sf-r-sm: var(--pac-r-input);--sf-r-md: var(--pac-r-button);--sf-r-lg: var(--Radius-borderRadius-4);--sf-r-xl: var(--pac-r-panel);--sf-icon-sm: 16px;--sf-icon-md: 18px;--sf-icon-lg: 20px;--sf-sb-thumb: var(--pac-n4)}.lg-modal,#exportBg .lg-modal,.sf-paywall{border-radius:var(--pac-r-dialog)}:root{--pac-shadow: 0 0 10px 0 rgba(0, 0, 0, .1)}html[data-sf-mode=dark],[data-sf-mode=dark],html[data-sf-mode=light],[data-sf-mode=light]{--sf-e1: 0 1px 2px rgba(0, 0, 0, .06);--sf-e2: var(--pac-shadow);--sf-e3: 0 4px 24px rgba(0, 0, 0, .12);--sf-e-brand: 0 0 0 1px rgba(143, 71, 255, .45), 0 8px 24px -10px rgba(143, 71, 255, .45)}#topbar{background:var(--pac-white);backdrop-filter:none}@media(min-width:761px){#topbar{position:relative;top:0;left:0;right:0;width:100%;height:64px;padding:12px 20px;gap:12px;border-radius:0;border-bottom:1px solid var(--pac-button-border)}#main{height:calc(100vh - 64px);min-height:0}}@font-face{font-family:pacdora-iconfont;src:url(https://cdn.pacdora.com/_pacui/assets/pacdora-iconfont-DTynRyjG.woff2) format("woff2");font-display:swap}@media(min-width:761px){#topbar .logo{display:flex;align-items:center;gap:8px;flex:none;width:auto;height:32px;background:none;text-decoration:none}#topbar .logo,#topbar .logo b{font-size:0!important;letter-spacing:0!important}#topbar .logo:before{content:"";font-family:pacdora-iconfont!important;font-size:32px!important;font-weight:500;line-height:1;color:var(--pac-ink-1);-webkit-font-smoothing:antialiased}#topbar .logo:after{content:"Mockup Generator";font-family:var(--sf-font-ui);font-size:16px!important;font-weight:var(--sf-fw-medium);line-height:1.3;letter-spacing:var(--sf-ls-base);color:var(--pac-ink-1)}}@media(min-width:761px){#left{left:20px;right:auto;top:20px;height:auto;max-height:calc(100% - 40px);align-items:flex-start;width:400px!important;min-width:400px!important;flex-direction:row!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;box-shadow:none!important;border-radius:0;overflow:visible;gap:10px;pointer-events:none}#left>#railTabs,#left>#productPane,#left>#assetsPane,#left>#productCtxMenu,#left>#panelToggle{pointer-events:auto}#railTabs{flex:none;width:70px;height:auto;padding:16px 0;background:var(--pac-white);border:0;border-radius:var(--pac-r-panel);box-shadow:var(--pac-shadow)}#productPane,#assetsPane{background:var(--pac-white);border-radius:var(--pac-r-panel);box-shadow:var(--pac-shadow);overflow:hidden;height:auto;max-height:100%}#left.collapsed>#productPane,#left.collapsed>#assetsPane,#left.collapsed>#productCtxMenu{transform:translate(-18px)}#left.collapsed{width:70px!important;min-width:70px!important}#panelToggle{left:auto!important;right:-14px!important;border-radius:0 var(--sf-r-lg) var(--sf-r-lg) 0;transition:right var(--sf-dur-slow) var(--sf-ease-out),background var(--sf-dur-base) var(--sf-ease)}#left.collapsed #panelToggle{left:auto!important;right:-26px!important;border-radius:0 var(--sf-r-lg) var(--sf-r-lg) 0}}#railTabs{background:var(--pac-white)}@media(min-width:761px){.rtab{padding:10px 0;min-height:0;font-size:11px;color:var(--pac-ink-2)}.rtab svg{width:24px;height:24px}#railTabs .railGroup+#railUtils{position:relative;margin-top:22px}#railTabs .railGroup+#railUtils:before{content:"";position:absolute;left:50%;top:-15px;transform:translate(-50%);width:56px;height:1px;background:var(--pac-split-line)}}#modelTools{background:var(--pac-white);border:none;border-radius:var(--pac-r-button);box-shadow:var(--pac-shadow);backdrop-filter:none}#modelTools .mtSep{background:var(--pac-button-border)}@media(min-width:761px){#modelTools{inset:20px 20px auto auto;transform:none;flex-direction:column;width:48px;height:auto;padding:8px;gap:10px}#modelTools .mtSep{width:100%;height:1px;margin:0}#modelTools .mtBtn{width:32px;height:32px;padding:0;justify-content:center;border-radius:var(--pac-r-button);color:var(--pac-ink-1)}#modelTools .mtBtn svg{width:20px;height:20px}#modelTools .mtBtn.on,#modelTools .mtBtn[aria-pressed=true]{background:var(--pac-primary-1);color:var(--pac-primary)}#modelTools .mtBtn:disabled{color:var(--pac-n5);opacity:1}}#cube .cf{background:#ffffffeb;border-color:var(--pac-button-border);color:var(--pac-ink-2)}@media(min-width:761px){#topbar .icobtn,#topbar #avatar{width:40px;height:40px}#topbar .icobtn{border-radius:var(--pac-r-button)}#topbar .icobtn svg{width:var(--sf-icon-md);height:var(--sf-icon-md)}#topbar #exportBtn,#topbar #loginBtn,#topbar #workspaceBtn{height:40px;padding:9px 16px;border-radius:var(--pac-r-button);font-size:var(--sf-fs-sm);font-weight:var(--sf-fw-medium)}}#right input[type=text],#right input[type=number],.frow input{border-radius:var(--pac-r-input)}.frow{background:var(--pac-n1)}#assetList,#compList{gap:10px}.assetCard,.assetCard .thumb{border-radius:var(--pac-r-card)}button,.rtab,.mtBtn,.icobtn,.dcard{transition:background-color .2s ease,border-color .2s ease,color .2s ease}:focus-visible{outline:2px solid var(--pac-primary);outline-offset:2px}@media(prefers-reduced-motion:reduce){button,.rtab,.mtBtn,.icobtn,.dcard{transition:none}}#rotateHint path{stroke:var(--pac-primary)}#rotateHint text{fill:var(--pac-primary)}#dimLines line,#dimLines path{stroke:var(--pac-primary)}.dh,.shapeEnd{border-color:var(--pac-primary)}@media(min-width:761px){.rtab{opacity:1;color:var(--pac-ink-2)}.rtab svg{opacity:1}.rtab.on{color:var(--pac-primary);background:transparent;border-color:transparent}.rtab.on svg{color:var(--pac-primary)}.rtab:hover{background:var(--pac-n1);color:var(--pac-ink-1)}}#topbar #exportBtn:disabled,#topbar #exportBtn[disabled]{opacity:1;background:var(--pac-primary-disable)!important;border-color:var(--pac-primary-disable)!important;box-shadow:none!important;cursor:not-allowed}