:root{--ui-bg: rgba(20, 22, 26, .92);--ui-fg: #f3f4f6;--ui-muted: rgba(243,244,246,.75);--ui-border: rgba(255,255,255,.14);--ui-accent: #ffb020;--ui-danger: #ef4444;--ui-radius: 10px;--ui-font: 12px}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0b0c10;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,Noto Sans,Liberation Sans,sans-serif;font-size:var(--ui-font);color:var(--ui-fg)}#app{position:relative;width:100%;height:100%;overflow:hidden}#app:before,#app:after,.app:before,.app:after{pointer-events:none;z-index:1}#canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}#toolbar,#shape-panel,#hint{position:absolute;z-index:20;background:var(--ui-bg);color:var(--ui-fg);border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:10px;box-shadow:0 10px 30px #00000059;-webkit-user-select:none;user-select:none}#toolbar{left:12px;top:12px;min-width:560px}#shape-panel{right:12px;top:12px;width:280px}#layers-panel{position:absolute;right:12px;top:12px;z-index:20;background:var(--ui-bg);color:var(--ui-fg);border:1px solid var(--ui-border);border-radius:var(--ui-radius);padding:10px;box-shadow:0 10px 30px #00000059;width:260px;display:none}.layers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.layers-header h3{margin:0;font-size:13px;font-weight:700}.layers-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow:auto}.layer-row{display:grid;grid-template-columns:28px 28px 1fr 14px;align-items:center;gap:6px;padding:4px 6px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff08;cursor:pointer}.layer-row.active{border-color:#ffb02073;background:#ffb02014}.layer-icon{width:26px;height:24px;padding:0;display:inline-flex;align-items:center;justify-content:center}.layer-icon-svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.layer-name-wrap{display:flex;align-items:center;gap:6px}.layer-name{font-size:12px;color:var(--ui-fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.layer-name-input{width:100%;padding:4px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:var(--ui-fg);outline:none;font-size:12px}.layer-active-dot{width:8px;height:8px;border-radius:50%;background:var(--ui-accent);justify-self:end;opacity:0}.layer-row.active .layer-active-dot{opacity:1}.layers-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}#hint{left:12px;bottom:12px;width:520px}.row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:8px}.row:last-child{margin-bottom:0}.sep{width:1px;height:22px;background:var(--ui-border);margin:0 4px}.subtle{color:var(--ui-muted)}.color-control{position:relative}.color-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 8px}.color-swatch{width:16px;height:16px;border-radius:4px;border:1px solid rgba(255,255,255,.25);background:var(--ui-accent)}.color-swatch.mixed{background:linear-gradient(135deg,#fff3 0% 45%,#0003 45% 55%,#fff3 55%)}.color-label{font-size:11px;color:var(--ui-muted)}.color-popover{position:absolute;left:0;top:34px;z-index:30;min-width:170px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;padding:8px;display:none;box-shadow:0 10px 30px #00000059}.color-popover.open{display:block}.color-palette{display:grid;grid-template-columns:repeat(6,18px);gap:6px;margin-bottom:8px}.color-chip{width:18px;height:18px;border-radius:4px;border:1px solid rgba(255,255,255,.3);cursor:pointer;padding:0;background:transparent}.color-chip:focus{outline:2px solid var(--ui-accent);outline-offset:1px}.color-custom{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:var(--ui-muted)}.color-custom input{width:32px;height:22px;padding:0;border:none;background:transparent}button{appearance:none;border:1px solid var(--ui-border);background:#ffffff0f;color:var(--ui-fg);padding:6px 10px;border-radius:8px;cursor:pointer;font-size:var(--ui-font)}button:hover{background:#ffffff1a}button.primary{border-color:#ffb02073}button.danger{border-color:#ef44448c}.chk{display:inline-flex;gap:6px;align-items:center;color:var(--ui-muted)}.file{display:inline-flex;align-items:center;gap:8px;border:1px dashed var(--ui-border);padding:6px 10px;border-radius:8px;color:var(--ui-muted);cursor:pointer}.file input{display:none}.field{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--ui-border);border-radius:8px;background:#ffffff0a}.field label,.field .meta{color:var(--ui-muted);white-space:nowrap}.field input[type=number],.field input.len-input{width:86px;padding:5px 6px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:var(--ui-fg);outline:none}#shape-panel h3{margin:0 0 8px;font-size:13px;font-weight:700}#shape-panel .section{display:none;border-top:1px solid var(--ui-border);padding-top:10px;margin-top:10px}#shape-panel .section.active{display:block}#shape-panel .grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}#shape-panel .grid .full{grid-column:1 / -1}#shape-panel label{color:var(--ui-muted)}#shape-panel input[type=number],#shape-panel input.len-input,#shape-panel select{width:100%;padding:6px 8px;border-radius:8px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:var(--ui-fg);outline:none}.units-control{position:relative}.units-popover{position:absolute;left:0;top:34px;z-index:30;min-width:220px;background:var(--ui-bg);border:1px solid var(--ui-border);border-radius:8px;padding:10px;display:none;box-shadow:0 10px 30px #00000059}.units-popover.open{display:block}.units-title{font-weight:700;margin-bottom:8px}.units-grid{display:grid;grid-template-columns:1fr;gap:8px}.units-grid label{color:var(--ui-muted);font-size:12px}.units-grid select,.units-grid input{width:100%;padding:6px;border-radius:6px;border:1px solid rgba(255,255,255,.18);background:#00000040;color:var(--ui-fg);outline:none;box-sizing:border-box}.units-helper{margin-top:8px;font-size:12px;color:var(--ui-muted);line-height:1.3}#hintHeader{display:flex;align-items:center;justify-content:space-between;gap:10px}#hintHeader .title{font-weight:700}#btn-hint-toggle{width:28px;height:28px;padding:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center}#hintBody{margin-top:8px;color:var(--ui-muted);line-height:1.45}#hint.collapsed #hintBody{display:none}#toolbar{min-width:460px;padding:8px}#toolbar .row{gap:6px;margin-bottom:6px}button{padding:5px 8px;border-radius:7px}.field{padding:5px 8px;border-radius:7px;gap:6px}.field input[type=number],.field input.len-input{width:72px;padding:4px 5px;border-radius:6px}.sep{height:18px;margin:0 3px}#shape-panel{top:auto;bottom:12px;width:260px}:root{--color-bg-app: #ffffff;--color-bg-chrome: #111827;--color-bg-menu: #b2cdff;--color-bg-panel: #dae4f4;--color-bg-surface: #ffffff;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-inverse: #e5e7eb;--color-text-link: #2563eb;--color-border-strong: rgba(17, 24, 39, .25);--color-border-medium: rgba(17, 24, 39, .18);--color-border-soft: rgba(17, 24, 39, .12);--color-border-subtle: rgba(17, 24, 39, .08);--color-divider: rgba(0, 0, 0, .25);--color-surface-hover: rgba(255, 255, 255, .35);--color-surface-hover-strong: rgba(255, 255, 255, .45);--color-surface-muted: rgba(255, 255, 255, .22);--color-surface-input: rgba(255, 255, 255, .6);--color-surface-overlay: rgba(17, 24, 39, .12);--color-surface-tint: rgba(17, 24, 39, .1);--color-focus-ring: rgba(96, 165, 250, .8);--color-accent: #3b82f6;--color-accent-soft: rgba(59, 130, 246, .24);--color-accent-soft-strong: rgba(59, 130, 246, .34);--color-success: rgba(21, 128, 61, .95);--color-danger: rgba(185, 28, 28, .95);--color-canvas: #ffffff;--color-canvas-border: #b4ccfd;--shadow-popover: 0 8px 24px rgba(0, 0, 0, .18);--shadow-panel: 0 8px 24px rgba(17, 24, 39, .15);--stroke: #afcaff;--border-panel: #afcaff;--border-tab: var(--color-text-primary);--border-tab-rail: #afcaff;--border-tab-accent: #afcaff;--border-tab-muted: #afcaff;--border-menu: #afcaff;--border-topbar: var(--color-bg-chrome);--border-status: var(--color-border-strong);--border-toolbar: #afcaff;--border-control: #afcaff;--outline-active: var(--color-focus-ring);--border-w: 1px;--border-panel-w: 1px;--border-tab-w: 1px;--border-tab-rail-w: 1px;--border-tab-accent-w: 2px;--border-tab-muted-w: 1px;--border-menu-w: 1px;--border-topbar-w: 1px;--border-status-w: 1px;--border-toolbar-w: 1px;--border-control-w: 1px;--outline-active-w: 1px;--app-bg: var(--color-bg-app);--chrome-bg: var(--color-bg-chrome);--menu-bg: var(--color-bg-menu);--panel-bg: var(--color-bg-panel);--panel-bg-local: var(--panel-bg);--panel-border-local: var(--border-panel);--iso-toolbar-bg: var(--panel-bg-local);--text-dark: var(--color-text-primary);--text-light: var(--color-text-inverse);--text-muted: var(--color-text-secondary);--radius-sm: 6px;--radius-md: 8px;--font-sm: 12px;--font-xs: 11px;--icon-filter: invert(1)}:root[data-theme=dark]{--color-bg-app: #0f172a;--color-bg-chrome: #020617;--color-bg-menu: #1e293b;--color-bg-panel: #111827;--color-bg-surface: #0b1220;--color-text-primary: #e5e7eb;--color-text-secondary: #94a3b8;--color-text-inverse: #f8fafc;--color-text-link: #93c5fd;--color-border-strong: rgba(148, 163, 184, .45);--color-border-medium: rgba(148, 163, 184, .35);--color-border-soft: rgba(148, 163, 184, .25);--color-border-subtle: rgba(148, 163, 184, .16);--color-divider: rgba(148, 163, 184, .28);--color-surface-hover: rgba(148, 163, 184, .2);--color-surface-hover-strong: rgba(148, 163, 184, .28);--color-surface-muted: rgba(148, 163, 184, .16);--color-surface-input: rgba(15, 23, 42, .7);--color-surface-overlay: rgba(2, 6, 23, .6);--color-surface-tint: rgba(59, 130, 246, .2);--color-focus-ring: rgba(96, 165, 250, .85);--color-accent: #60a5fa;--color-accent-soft: rgba(96, 165, 250, .28);--color-accent-soft-strong: rgba(96, 165, 250, .38);--color-success: rgba(34, 197, 94, .95);--color-danger: rgba(239, 68, 68, .95);--color-canvas: #0f172a;--color-canvas-border: #334155;--shadow-popover: 0 8px 24px rgba(2, 6, 23, .55);--shadow-panel: 0 8px 24px rgba(2, 6, 23, .45);--stroke: rgba(148, 163, 184, .45);--border-panel: rgba(148, 163, 184, .35);--border-tab-rail: rgba(148, 163, 184, .35);--border-tab-accent: #60a5fa;--border-tab-muted: rgba(148, 163, 184, .25);--border-menu: rgba(148, 163, 184, .35);--border-toolbar: rgba(148, 163, 184, .35);--border-control: rgba(148, 163, 184, .35);--border-topbar: rgba(148, 163, 184, .35);--border-status: rgba(148, 163, 184, .35);--icon-filter: invert(1)}@media(prefers-color-scheme:dark){:root:not([data-theme]){--color-bg-app: #0f172a;--color-bg-chrome: #020617;--color-bg-menu: #1e293b;--color-bg-panel: #111827;--color-bg-surface: #0b1220;--color-text-primary: #e5e7eb;--color-text-secondary: #94a3b8;--color-text-inverse: #f8fafc;--color-border-strong: rgba(148, 163, 184, .45);--color-border-medium: rgba(148, 163, 184, .35);--color-border-soft: rgba(148, 163, 184, .25);--color-border-subtle: rgba(148, 163, 184, .16);--color-divider: rgba(148, 163, 184, .28);--color-surface-hover: rgba(148, 163, 184, .2);--color-surface-hover-strong: rgba(148, 163, 184, .28);--color-surface-muted: rgba(148, 163, 184, .16);--color-surface-input: rgba(15, 23, 42, .7);--color-surface-overlay: rgba(2, 6, 23, .6);--color-surface-tint: rgba(59, 130, 246, .2);--color-focus-ring: rgba(96, 165, 250, .85);--color-accent: #60a5fa;--color-accent-soft: rgba(96, 165, 250, .28);--color-accent-soft-strong: rgba(96, 165, 250, .38);--color-canvas: #0f172a;--color-canvas-border: #334155;--shadow-popover: 0 8px 24px rgba(2, 6, 23, .55);--shadow-panel: 0 8px 24px rgba(2, 6, 23, .45);--stroke: rgba(148, 163, 184, .45);--border-panel: rgba(148, 163, 184, .35);--border-tab-rail: rgba(148, 163, 184, .35);--border-tab-accent: #60a5fa;--border-tab-muted: rgba(148, 163, 184, .25);--border-menu: rgba(148, 163, 184, .35);--border-toolbar: rgba(148, 163, 184, .35);--border-control: rgba(148, 163, 184, .35);--border-topbar: rgba(148, 163, 184, .35);--border-status: rgba(148, 163, 184, .35);--icon-filter: invert(1)}}*{box-sizing:border-box}:root{--panel-w: 245px;--panel-w-left: 150px;--panel-w-right: 250px}html,body{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-shell{width:100%;height:100dvh;min-height:100dvh;max-height:none;display:flex;flex-direction:column;align-items:stretch;overflow:hidden}.top-bar,.menu-bar,.status-bar{flex:0 0 auto}.main-content{display:flex;flex:1 1 0%;min-width:0;padding:0;gap:0;background:var(--color-bg-app);box-sizing:border-box;overflow:hidden;min-height:0}.top-bar,.menu-bar,.status-bar,.left-panel,.right-panel{position:relative;z-index:10}.top-bar,.menu-bar{overflow:visible;z-index:2000}.main-content{position:relative;z-index:1}.main-content .splitter{flex:0 0 2px;width:0px;min-width:0px;align-self:stretch;position:relative;cursor:col-resize;background:var(--panel-bg)}.main-content .splitter:before{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:0px;height:100%;background:var(--panel-bg);transition:background-color .12s ease}.main-content .splitter:hover:before{background:var(--panel-bg)}.main-content .splitter:active:before{background:var(--panel-bg)}body.is-resizing-panels,body.is-resizing-panels *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}body.is-resizing-panels #iso-canvas{pointer-events:none!important}.top-bar{display:flex;align-items:center;gap:10px;padding:15px 19px;height:55px;background:var(--chrome-bg);border:var(--border-topbar-w) solid var(--border-topbar);box-sizing:border-box}.topbar-left{display:inline-flex;align-items:center;gap:10px;min-width:0}.app-dot{width:14px;height:14px;border-radius:3px;background:var(--text-light);flex:0 0 auto}.topbar-title{color:var(--text-light);font-size:13px;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-spacer{flex:1 1 auto;min-width:0}.topbar-actions{display:inline-flex;align-items:center;gap:10px}.icon-btn{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:var(--border-w) solid transparent;border-radius:6px;line-height:0;appearance:none;-webkit-appearance:none;cursor:pointer}.icon-btn:hover{border-color:var(--color-accent-soft);background:var(--color-surface-muted)}.icon-btn:focus-visible{outline:var(--outline-active-w) solid var(--color-focus-ring);outline-offset:2px}.icon-btn img{width:20px;height:20px;display:block;filter:var(--icon-filter, invert(1))}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;background:transparent;border:var(--border-w) solid transparent;border-radius:6px;line-height:0;appearance:none;-webkit-appearance:none;cursor:pointer}.icon-button:hover{border-color:var(--color-accent-soft);background:var(--color-surface-muted)}.icon-button:focus-visible{outline:var(--outline-active-w) solid var(--color-focus-ring);outline-offset:2px}.topbar-logo{width:40px;height:40px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 auto;background:transparent}.topbar-logo img{width:35px;height:35px;display:block;filter:none!important;background:transparent}.icon-btn.logo-btn{border-color:transparent;background:transparent}.icon-btn.logo-btn:hover{border-color:var(--color-accent-soft);background:var(--color-surface-muted)}.icon-btn.logo-btn:focus-visible{outline:var(--outline-active-w) solid var(--color-focus-ring);outline-offset:2px}.icon-btn.logo-btn img{width:20px;height:20px;display:block;filter:none!important}.menu-bar{display:flex;align-items:center;gap:10px;height:30px;padding:10px;background:var(--menu-bg);border-bottom:var(--border-w) solid var(--border-menu);box-sizing:border-box;overflow:visible}.menu-item{background:transparent;border:var(--border-w) solid transparent;padding:4px 10px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-dark);font:inherit;font-size:12px;line-height:1}.menu-item:hover{background:var(--color-border-subtle)}.menu-item.is-active{border-color:var(--color-border-strong);background:var(--color-surface-hover)}.menu-popover{position:relative;display:inline-flex}.menu-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:210px;min-width:210px;box-sizing:border-box;background:var(--color-bg-surface);border:var(--border-w) solid var(--color-border-medium);border-radius:10px;padding:6px;box-shadow:var(--shadow-popover);display:none;z-index:50}.menu-dropdown-item{padding:8px 10px;border-radius:8px;font-size:12px;cursor:pointer}.menu-dropdown-item:hover{background:var(--color-border-subtle)}.menu-dropdown-item.is-disabled{opacity:.45;pointer-events:none}.menu-dropdown-sep{height:var(--border-w);margin:6px 4px;background:var(--color-border-soft)}.menu-bar{position:relative}.menu-item-row{height:26px;padding:0 8px;display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;border-radius:4px;font-size:12px;color:var(--text-dark);-webkit-user-select:none;user-select:none}.menu-bar{position:relative;overflow:visible}.menu-popover{position:relative;display:inline-flex;align-items:center}.menu-dropdown{position:absolute;top:calc(100% + 6px);left:0;width:210px;min-width:210px;box-sizing:border-box;background:var(--panel-bg);border:var(--border-menu-w) solid var(--border-menu);border-radius:10px;padding:6px;box-shadow:var(--shadow-popover);z-index:50;display:none}.menu-dropdown.demo-open{display:block}.menu-item-row{height:26px;padding:0 8px;display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:center;width:100%;box-sizing:border-box;border-radius:4px;font-size:12px;color:var(--text-dark);-webkit-user-select:none;user-select:none}.menu-item-row:hover{background:var(--color-surface-hover-strong)}.menu-item-row.is-disabled{opacity:.45;pointer-events:none}.menu-shortcut{font-size:11px;opacity:.7;white-space:nowrap}.menu-sep{height:var(--border-w);background:var(--color-divider);margin:6px 2px}.menu-check{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1;opacity:.85}.menu-check.is-empty{opacity:0}.menu-item-row.has-submenu{position:relative;z-index:1}.menu-caret{font-size:11px;opacity:.7;padding-left:10px}.menu-submenu{position:absolute;top:-6px;left:calc(100% - 1px);width:180px;min-width:180px;background:var(--panel-bg);border:var(--border-menu-w) solid var(--border-menu);border-radius:10px;padding:6px;box-shadow:var(--shadow-popover);z-index:60;display:none}.menu-item-row.has-submenu:hover .menu-submenu,.menu-item-row.has-submenu:focus-within .menu-submenu{display:block}.menu-submenu .menu-item-row{grid-template-columns:16px 1fr auto}.menu-bar{position:relative;z-index:2000;overflow:visible}.menu-popover{position:relative}.menu-popover.is-open>.menu-dropdown{display:block}.menu-dropdown,.menu-submenu{z-index:99999}.is-hidden{display:none!important}.is-disabled{opacity:.35;pointer-events:none}.is-active{outline:var(--outline-active-w) solid var(--outline-active);outline-offset:-2px}.is-selected{background:#1118271f}.muted{opacity:.65}.left-panel,.right-panel{width:var(--panel-w);flex:0 0 var(--panel-w);display:flex;flex-direction:column;align-self:stretch;min-width:50;min-height:0;padding:0;gap:0;background:var(--panel-bg-local, var(--panel-bg));overflow:hidden;box-sizing:border-box}.left-panel{border-right:var(--border-panel-w) solid var(--panel-border-local, var(--border-panel));width:var(--panel-w-left);flex:0 0 var(--panel-w-left)}.right-panel{border-left:var(--border-panel-w) solid var(--panel-border-local, var(--border-panel));width:var(--panel-w-right);flex:0 0 var(--panel-w-right)}.panel-tabs{display:flex;width:100%;height:28px;background:var(--panel-bg-local, var(--panel-bg));border-bottom:var(--border-tab-rail-w) solid var(--border-tab-rail);position:sticky;top:0;z-index:2}.panel-tab{flex:1 1 0;height:28px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-right:var(--border-tab-w) solid var(--border-tab);cursor:pointer;font:inherit;font-size:11.5px;font-weight:600;color:var(--text-dark);-webkit-user-select:none;user-select:none}.panel-tab:last-child{border-right:none}.panel-tab:hover{background:#ffffff59}.panel-tab.is-active{background:#fff;position:relative;z-index:1;box-shadow:0 calc(var(--border-tab-w) * -1) 0 var(--border-tab),calc(var(--border-tab-w) * -1) 0 0 var(--border-tab),var(--border-tab-w) 0 0 var(--border-tab)}.panel-tab.is-active:after{content:"";position:absolute;left:0;right:0;bottom:calc(var(--border-tab-w) * -1);height:var(--border-tab-w);background:#fff}.props-variants,.props-variant,.style-variants,.style-variant{border:none!important;outline:none!important;box-shadow:none!important;background:transparent!important}.right-panel .panel-tabs{height:28px;display:flex;align-items:flex-end;gap:0;background:transparent;border-bottom:var(--border-tab-rail-w) solid var(--border-tab-rail)}.right-panel .panel-tab{height:28px;padding:0 12px;margin:0;font-weight:600;border:var(--border-tab-w) solid var(--border-tab);border-bottom:var(--border-tab-w) solid var(--border-tab);border-radius:6px 6px 0 0;background:#ffffff40}.right-panel .panel-tabcontent{border-top:0;padding-top:8px}.right-panel .panel-tabs{display:flex;align-items:flex-end;gap:0;padding:0 6px;background:transparent;position:relative;z-index:3}.right-panel .panel-tab{appearance:none;border:var(--border-w) solid transparent;border-bottom:none;background:#ffffff38;color:#111827d9;padding:7px 14px;height:30px;font-size:12.5px;font-weight:600;cursor:pointer;border-radius:6px 6px 0 0;position:relative;top:var(--border-tab-w)}.right-panel .panel-tab:hover{background:#ffffff4d}.right-panel .panel-tab.is-active{background:var(--panel-bg-local, var(--panel-bg));border-color:var(--border-tab);border-bottom:none;z-index:4;top:var(--border-tab-w);color:#111827}.right-panel .panel-tab:not(.is-active){border-top-color:var(--border-tab-muted)}.right-panel .panel-tabcontent{border:var(--border-panel-w) solid var(--border-panel);border-top:var(--border-panel-w) solid var(--border-panel);background:var(--panel-bg-local, var(--panel-bg));position:relative;z-index:1}.right-panel .panel-tabcontent{margin-top:calc(var(--border-panel-w) * -1)}.right-panel .panel-tab,.right-panel .panel-tab.is-active{box-shadow:none!important;outline:none!important}.left-panel .panel-tabs{display:flex;align-items:flex-end;gap:0;padding:0 6px;background:transparent;position:relative;z-index:3}.left-panel .panel-tab{appearance:none;border:var(--border-w) solid transparent;border-bottom:none;background:#ffffff38;color:#111827d9;padding:7px 14px;height:30px;font-size:12.5px;font-weight:600;cursor:pointer;border-radius:6px 6px 0 0;position:relative;top:var(--border-tab-w);margin:0}.left-panel .panel-tab:hover{background:#ffffff4d}.left-panel .panel-tab.is-active{background:var(--panel-bg-local, var(--panel-bg));border-color:var(--border-tab);border-bottom:none;z-index:4;top:var(--border-tab-w);color:#111827}.left-panel .panel-tab:not(.is-active){border-top-color:var(--border-tab-muted)}.left-panel .panel-tabcontent{border:var(--border-panel-w) solid var(--border-panel);border-top:var(--border-panel-w) solid var(--border-panel);background:var(--panel-bg-local, var(--panel-bg));position:relative;z-index:1;margin-top:calc(var(--border-panel-w) * -1)}.left-panel .panel-tab,.left-panel .panel-tab.is-active{box-shadow:none!important;outline:none!important}.section-header{text-transform:uppercase;letter-spacing:.04em;font-size:10.5px;font-weight:700;width:100%;height:25px;display:flex;align-items:center;gap:10px;padding:5px;box-sizing:border-box;overflow:hidden;font-size:11.5px;font-weight:600;color:var(--text-dark);-webkit-user-select:none;user-select:none}.section-caret{font-size:10px;opacity:.7}.panel-tabcontent{box-sizing:border-box;width:100%;flex:1 1 auto;overflow:auto;min-width:0;min-height:0;padding:8px}.left-panel,.right-panel{min-width:0}.left-panel .panel-body,.right-panel .panel-body,.right-panel .inspector-body,.left-panel .panel-content,.right-panel .panel-content,.left-panel .panel-tabcontent,.right-panel .panel-tabcontent{overflow-x:auto;overflow-y:auto;min-width:0;min-height:0}.panel-tabcontent>.props-variants{min-width:max-content}.panel-tabcontent>.style-variants{min-width:0;width:100%}.panel-group{margin-bottom:16px}.panel-group-title{font-size:var(--font-xs);font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:#374151;margin-bottom:6px}.tool-button{width:100%;height:32px;padding:0 10px;margin-bottom:6px;display:flex;align-items:center;gap:10px;background:transparent;border:var(--border-w) solid transparent;border-radius:5px;font:inherit;font-size:12px;font-weight:500;color:var(--text-dark);cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box}.tool-button:hover{background:#ffffff59;border-color:#1118272e}.tool-button.is-selected{background:#1118271a;border-color:#1f2937;font-weight:600}.tool-icon-wrap{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;border:var(--border-w) solid rgba(17,24,39,.35);background:#ffffff40;flex:0 0 auto;box-sizing:border-box}.tool-icon-wrap img{width:20px;height:20px;display:block}.tool-label{line-height:1;white-space:nowrap}.layers-toolbar{display:flex;gap:8px;padding:8px}.layers-list{display:flex;flex-direction:column;gap:6px;padding:8px}.layer-row{display:grid;grid-template-columns:18px 18px 1fr;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);font-size:var(--font-sm);cursor:pointer}.layer-row:hover{background:#11182714}.layer-row.is-selected{background:#afcaff99;border:var(--border-w) solid rgba(17,24,39,.25);border-radius:6px}.layer-icon-btn{width:22px;height:22px;border-radius:4px;border:var(--border-w) solid rgba(17,24,39,.2);background:#ffffffa6;cursor:pointer;padding:0;display:inline-flex;align-items:center;justify-content:center;line-height:1;font:inherit}.layer-icon-img{width:18px;height:18px;display:block}.layer-icon-btn:hover{background:#fff}.layer-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prop-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-bottom:var(--border-w) dashed rgba(17,24,39,.15);font-size:var(--font-sm)}.prop-label{color:#374151;font-weight:600}.prop-value{text-align:right}.prop-field{display:flex;flex-direction:column;gap:6px;margin-bottom:10px;font-size:var(--font-sm)}.prop-field.inline{flex-direction:row;align-items:center;justify-content:space-between}.prop-input,.prop-select{height:30px;padding:6px 8px;border-radius:var(--radius-md);border:var(--border-w) solid rgba(17,24,39,.12);background:#fff9;font:inherit}.prop-input:disabled,.prop-select:disabled{opacity:.75;background:#ffffff73;color:#374151}.inspector-group{margin-bottom:14px}.inspector-title{height:25px;display:flex;align-items:center;gap:10px;padding:5px;overflow:hidden;font-size:10.5px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dark)}.field-row{display:grid;grid-template-columns:92px max-content;gap:10px;padding:6px 8px;border-radius:5px;font-size:11.5px}.field-row:hover{background:#ffffff40}.field-label{color:#374151;font-weight:600;align-self:center;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.field-control{justify-self:end;width:96px;min-width:72px;max-width:140px}.field-input,.field-select{width:100%;height:28px;padding:5px 7px;border-radius:5px;border:var(--border-w) solid rgba(17,24,39,.18);background:#ffffff8c;font:inherit;font-size:11.5px;box-sizing:border-box}.field-select{appearance:auto}.field-control,.field-input,.field-select{max-width:100%}.field-input:disabled,.field-select:disabled{opacity:.75;background:#fff6;color:#374151}.swatch-row{display:flex;align-items:center;gap:8px}.swatch{width:18px;height:18px;border-radius:var(--radius-sm);border:var(--border-w) solid rgba(17,24,39,.18);background:var(--text-dark);flex:0 0 auto}.swatch-light{background:var(--panel-bg-local, var(--panel-bg))}.right-panel{width:var(--panel-w-right);flex:0 0 var(--panel-w-right);background:var(--panel-bg-local, var(--panel-bg));border-left:var(--border-panel-w) solid var(--panel-border-local, var(--border-panel));display:flex;flex-direction:column;overflow:hidden}.right-panel .panel-tabs{height:28px;padding:0;display:flex;align-items:flex-end;gap:0;background:transparent;border-bottom:var(--border-tab-rail-w) solid var(--border-tab-rail);font-weight:600}.right-panel .panel-tab{height:28px;padding:0 12px;margin:0;border:var(--border-tab-w) solid var(--border-tab);border-bottom:var(--border-tab-w) solid var(--border-tab);border-radius:6px 6px 0 0;background:#ffffff40;color:var(--text-dark)}.right-panel .panel-tab:hover{background:#ffffff59}.right-panel .panel-tab.is-active{background:var(--panel-bg-local, var(--panel-bg));border-bottom:0;position:relative;color:#0b1220}.right-panel .panel-tab.is-active:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--border-tab-accent)}.right-panel .panel-tabcontent{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:auto;min-width:0;padding:8px 10px 10px;border-top:0;background:var(--panel-bg-local, var(--panel-bg))}.right-panel .property-group{display:flex;flex-direction:column;gap:0}.right-panel .property-group-title{height:25px;padding:4px;display:flex;align-items:center;font-size:11px;font-weight:700;text-transform:uppercase;background:var(--panel-bg-local, var(--panel-bg));border-bottom:var(--border-w) solid rgba(0,0,0,.25)}.right-panel .property-row{height:25px;padding:4px;display:grid;grid-template-columns:92px max-content 44px;gap:6px;align-items:center;background:transparent}.right-panel .property-label{font-size:11.5px;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-panel .field-input,.right-panel .field-select{height:25px;padding:4px;width:96px;min-width:72px;max-width:140px;font-size:11.5px;background:#fff;border:var(--border-w) solid rgba(0,0,0,.25);border-radius:1px;box-sizing:border-box}.right-panel .field-select{appearance:auto}.right-panel .field-units{width:40px;justify-self:end;text-align:center;font-size:11px;white-space:nowrap;opacity:.85}.right-panel .style-section-title{height:25px;padding:20px 0 15px;display:flex;align-items:center;font-size:11px;font-weight:700;text-transform:uppercase;background:var(--panel-bg-local, var(--panel-bg))}.right-panel .style-row{height:25px;padding:4px 0;display:grid;grid-template-columns:92px max-content 44px;gap:10px;align-items:center}.right-panel .style-label{font-size:50px;font-weight:600;color:var(--text-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.right-panel .style-control{width:96px;justify-self:end;min-width:0}.right-panel .style-input,.right-panel .style-select{width:96px;min-width:72px;max-width:140px;height:25px;padding:4px;font-size:11.5px;background:#fff;border:var(--border-w) solid rgba(0,0,0,.25);border-radius:1px;box-sizing:border-box}.right-panel .style-select{appearance:auto}.right-panel .style-pill{width:96px;min-width:72px;max-width:140px;height:25px;padding:6 6px;display:flex;align-items:center;justify-content:space-between;font-size:11.5px;background:#fff;border:var(--border-w) solid rgba(0,0,0,.25);border-radius:1px;box-sizing:border-box}.right-panel .style-pill .caret{font-size:10px;opacity:.75}.right-panel .style-unit{justify-self:end;white-space:nowrap;opacity:.85;font-size:11px}.right-panel .swatch-row{display:grid;grid-template-columns:18px 1fr;align-items:center;gap:6px}.right-panel .swatch{width:18px;height:18px;border:var(--border-w) solid rgba(0,0,0,.25);border-radius:1px;background:var(--text-dark)}.right-panel .is-muted{opacity:.55}.right-panel{min-width:0;min-height:0;display:flex;flex-direction:column}.right-panel .panel-body,.right-panel .panel-content{flex:1 1 auto;min-height:0;overflow-x:auto;overflow-y:auto;min-width:0;padding:10px;box-sizing:border-box}.inspector-group{width:100%;margin-bottom:10px;border-radius:10px;border:var(--border-w) solid rgba(17,24,39,.25);background:#ffffff8c;overflow:hidden}.inspector-group-header{height:28px;padding:0 10px;display:flex;align-items:center;justify-content:space-between;background:#dae4f4bf;border-bottom:var(--border-w) solid rgba(17,24,39,.2);font-size:12px;font-weight:700;color:var(--text-dark)}.inspector-group-body{padding:10px;display:flex;flex-direction:column;gap:8px}.inspector-row{display:grid;grid-template-columns:92px max-content;gap:10px;align-items:center;min-width:0}.inspector-label{font-size:11.5px;color:#111827d9;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-control{min-width:0;width:96px;min-width:72px;max-width:140px;justify-self:end}.inspector-input,.inspector-select{width:100%;max-width:100%;height:28px;padding:0 8px;box-sizing:border-box;border-radius:6px;border:var(--border-w) solid rgba(17,24,39,.25);background:#fff;font-size:12px;color:var(--text-dark)}.inspector-value{display:inline-block;min-height:26px;line-height:26px;padding:0 8px;width:100%;box-sizing:border-box;border:1px solid rgba(17,24,39,.16);border-radius:6px;background:#ffffff38;color:#111827eb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inspector-row.is-hidden{display:none!important}.inspector-select{appearance:auto}.inspector-input:focus-visible,.inspector-select:focus-visible{outline:var(--outline-active-w) solid rgba(175,202,255,.85);outline-offset:2px}.props-variant{display:none}.props-variant.is-active{display:block}.style-variant{display:none}.style-variant.is-active{display:block}.style-variants,.style-variant{min-width:0}.style-variants,.style-variant{border:0;background:transparent;box-shadow:none;padding:0;margin:0}.style-section{overflow:hidden;border:0;box-shadow:none;background:transparent}.style-section-header,.style-section-body{border:0;box-shadow:none;background:transparent}.style-section-header{display:flex;align-items:center;justify-content:space-between;min-height:28px;padding:6px 10px;font-weight:600;font-size:12px;color:var(--text-dark)}.style-section-body{padding:8px 10px;display:flex;flex-direction:column;gap:6px}.right-panel [data-tab=style]{display:flex;flex-direction:column;min-height:0;overflow:auto;padding-bottom:10px}#style-controls{display:flex;flex-direction:column;gap:8px}.style-empty-state{display:none;margin:8px 10px;padding:10px;border-radius:8px;border:1px solid rgba(17,24,39,.14);background:#ffffff47;color:#111827bd;font-size:12px;line-height:1.35}.style-section.is-disabled{opacity:.45}.style-section.is-disabled *{pointer-events:none}.style-section.is-disabled input,.style-section.is-disabled select{background:#fff3}.value-bracket{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;min-width:0;color:#111827f2;font-size:12px}.style-row{display:grid;grid-template-columns:88px 1fr;column-gap:10px;align-items:center;min-width:0;min-height:28px}.style-row select,.style-row input{width:124px;min-width:124px;max-width:124px;height:26px;line-height:26px;padding:0 8px;border:var(--border-control-w) solid var(--border-control);border-radius:6px;background:#ffffff59;box-sizing:border-box;font-size:12px}.style-label{font-size:12px;color:#111827e6;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.style-field{display:inline-flex;align-items:center;justify-content:space-between;gap:6px;height:26px;line-height:26px;width:124px;min-width:124px;max-width:124px;padding:0 8px;border:var(--border-control-w) solid var(--border-control);border-radius:6px;background:#ffffff59;box-sizing:border-box}.style-row input,.style-row select,.style-row button{height:26px;line-height:26px;box-sizing:border-box;font-size:12px}.style-variant .field-pill,.style-variant .field-control,.style-variant .field-input,.style-variant .field-select{width:120px;max-width:120px;min-width:120px;height:26px;padding:0 8px;border-radius:6px;line-height:26px}.style-control-group{display:inline-flex;align-items:center;gap:6px}.style-row .style-field,.style-row .style-control,.style-row .style-control-group{justify-self:end}.style-row .style-field{display:inline-flex;align-items:center;gap:6px}.style-unit{justify-self:end;white-space:nowrap;opacity:.85;font-size:11px}.style-field small{opacity:.7;font-size:11px}.swatch{width:18px;height:18px;border-radius:4px;border:var(--border-control-w) solid var(--border-control);background:var(--text-dark)}.style-control-group .swatch{width:16px;height:16px;border-radius:4px;border:var(--border-control-w) solid var(--border-control);background:var(--text-dark);flex:0 0 auto}.style-row .swatch+select{margin-left:6px}.style-variant .swatch{position:static;margin:0;display:inline-block;vertical-align:middle}.style-colour-field{position:relative;justify-content:flex-start}.style-colour-btn{width:18px;min-width:18px;height:18px!important;padding:0;border:0;background:transparent;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.style-colour-btn:focus-visible{outline:2px solid rgba(96,165,250,.8);outline-offset:1px}.style-colour-field>input[type=text]{flex:1 1 auto;min-width:0;width:auto;background:transparent!important;border:0!important;padding:0!important;cursor:default}.style-colour-popover{position:fixed;top:0;left:0;width:196px;background:#111827;border:1px solid rgba(148,163,184,.35);border-radius:10px;box-shadow:0 14px 28px #02061773;padding:10px;z-index:80;display:grid;grid-template-columns:1fr;gap:10px}.style-colour-popover[hidden]{display:none!important}.style-colour-sv{position:relative;height:116px;border-radius:8px;cursor:crosshair;background-image:linear-gradient(to top,#000,#0000),linear-gradient(to right,#fff,#fff0);box-shadow:inset 0 0 0 1px #94a3b859}.style-colour-sv-thumb{position:absolute;width:12px;height:12px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px #0f172ab3;transform:translate(-50%,-50%);pointer-events:none}.style-colour-hue{position:relative;height:12px;border-radius:999px;cursor:pointer;background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f 83%,red);box-shadow:inset 0 0 0 1px #94a3b859}.style-colour-hue-thumb{position:absolute;top:50%;width:10px;height:16px;border-radius:6px;border:1px solid #e5e7eb;background:#f8fafc;box-shadow:0 1px 3px #0f172a73;transform:translate(-50%,-50%);pointer-events:none}.style-colour-rgb{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.style-colour-rgb label{display:grid;grid-template-columns:1fr;gap:4px;font-size:10px;letter-spacing:.02em;color:#e2e8f0e6}.style-colour-rgb input{width:100%!important;min-width:0!important;max-width:none!important;height:24px!important;border-radius:6px!important;border:1px solid rgba(148,163,184,.35)!important;background:#0f172ab3!important;color:#f8fafc!important;padding:0 6px!important}.style-colour-presets{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.style-preset-swatch{width:22px;height:22px;border-radius:4px;border:1px solid rgba(148,163,184,.45);padding:0;cursor:pointer}.style-preset-swatch.is-active{box-shadow:0 0 0 2px #3b82f68c}.style-colour-custom-btn{grid-column:1 / -1;height:24px;padding:0 10px;border-radius:6px;border:1px solid rgba(148,163,184,.35);background:#0f172ab3;color:#f8fafc;font-size:11px;font-weight:600;cursor:pointer}.style-colour-mode{display:flex;justify-content:flex-end}.style-colour-mode-select{width:72px;height:24px;border-radius:6px;border:1px solid rgba(148,163,184,.35);background:#0f172ab3;color:#f8fafc;font-size:11px;padding:0 6px}.style-colour-hex input{width:100%!important;min-width:0!important;max-width:none!important;height:24px!important;border-radius:6px!important;border:1px solid rgba(148,163,184,.35)!important;background:#0f172ab3!important;color:#f8fafc!important;padding:0 6px!important}.style-colour-hsl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.style-colour-hsl label{display:grid;grid-template-columns:1fr;gap:4px;font-size:10px;letter-spacing:.02em;color:#e2e8f0e6}.style-colour-hsl input{width:100%!important;min-width:0!important;max-width:none!important;height:24px!important;border-radius:6px!important;border:1px solid rgba(148,163,184,.35)!important;background:#0f172ab3!important;color:#f8fafc!important;padding:0 6px!important}.style-variant .style-field,.style-variant .style-control-group{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 8px;border:var(--border-control-w) solid var(--border-control);border-radius:8px;background:#ffffff59;box-sizing:border-box}.style-variant .style-field input,.style-variant .style-field select,.style-variant .style-control-group input,.style-variant .style-control-group select{border:0!important;background:transparent!important;border-radius:0!important;outline:none;height:100%;line-height:28px;padding:0;margin:0;font-size:12px;box-sizing:border-box;width:auto;min-width:0}.style-variant .style-field select,.style-variant .style-control-group select{width:96px}.style-variant input[type=text]{width:88px}.right-panel .style-row.is-hidden{display:none!important}.style-variant .swatch{width:16px;height:16px;border-radius:4px;border:var(--border-control-w) solid var(--border-control);flex:0 0 auto}.style-variant .style-section.is-disabled .style-field,.style-variant .style-section.is-disabled .style-control-group{background:#fff3}.chev{opacity:.75;font-size:11px}.right-panel{font-family:inherit;font-size:12px;line-height:1;color:var(--text-dark)}.right-panel .inspector-title,.right-panel .property-group-title,.right-panel .style-section-header,.right-panel .style-section-title,.right-panel .panel-group-title{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dark);line-height:1}.right-panel .field-label,.right-panel .property-label,.right-panel .style-label,.right-panel .inspector-label,.right-panel .prop-label,.right-panel .prop-row,.right-panel .property-row,.right-panel .field-row{font-size:12px;font-weight:500;color:var(--text-dark);line-height:1}.right-panel select,.right-panel input,.right-panel textarea,.right-panel button{font:inherit;color:inherit}.left-panel .panel-tabs,.right-panel .panel-tabs{display:flex;align-items:center;gap:4px;height:40px;padding:4px 8px;background:var(--iso-toolbar-bg, var(--panel-bg-local, var(--panel-bg)))!important;border:0!important;box-shadow:inset 0 -1px #11182724}.left-panel .panel-tab,.right-panel .panel-tab{appearance:none;border:0!important;border-radius:8px;background:var(--iso-toolbar-bg, var(--panel-bg-local, var(--panel-bg)))!important;color:#111827d1;font-size:12px;font-weight:600;line-height:1;padding:7px 12px;height:auto;margin:0;position:relative;top:0!important;box-shadow:none!important}.left-panel .panel-tab:after,.right-panel .panel-tab:after,.left-panel .panel-tab:before,.right-panel .panel-tab:before{content:none!important}.left-panel .panel-tab:hover,.right-panel .panel-tab:hover{background:#1118270f!important}.left-panel .panel-tab.is-active,.right-panel .panel-tab.is-active{background:#3b82f61f!important;color:#111827}.left-panel .panel-tabcontent,.right-panel .panel-tabcontent{border-top:0!important;margin-top:0!important}#style-controls .style-row{display:grid;grid-template-columns:112px minmax(0,1fr);column-gap:8px;align-items:center;height:auto;min-height:30px;padding:3px 0;min-width:0}#style-controls .style-label{font-size:12px;line-height:1.25;white-space:normal;overflow:visible;text-overflow:clip;min-width:0}#style-controls .style-field,#style-controls .style-control,#style-controls .style-control-group{width:100%;min-width:0;max-width:none;justify-self:stretch}#style-controls .style-row .style-field{height:auto;line-height:normal;padding:0;border:0;border-radius:0;background:transparent}#style-controls .style-row input,#style-controls .style-row select,#style-controls .style-row button{width:100%;min-width:0;max-width:none;height:28px;line-height:normal;box-sizing:border-box}#style-controls .style-colour-field{display:grid;grid-template-columns:18px minmax(0,1fr);gap:6px;align-items:center;width:100%;min-width:0;justify-content:initial;height:28px;padding:0 8px;border:var(--border-control-w) solid var(--border-control);border-radius:6px;background:#ffffff59;box-sizing:border-box}#style-controls .style-colour-field>input[type=text]{width:100%;min-width:0}#style-controls .tool-button{margin-bottom:0;height:28px;justify-content:center;gap:0;padding:0 8px;border:var(--border-control-w) solid var(--border-control);border-radius:6px;background:#ffffff59}.style-colour-panel{display:grid;grid-template-columns:1fr;gap:10px}.style-colour-custom-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.style-colour-back-btn{height:22px;padding:0 8px;border-radius:6px;border:1px solid rgba(148,163,184,.35);background:#0f172ab3;color:#f8fafc;font-size:11px;font-weight:600;cursor:pointer}.canvas-area{z-index:1;flex:1 1 auto;min-width:0;min-height:0;position:relative;display:flex;flex-direction:column;padding:0;gap:0;background:transparent;overflow:visible;box-sizing:border-box}.canvas-viewport{z-index:1;flex:1 1 auto;min-width:0;min-height:0;position:relative;background-color:var(--color-canvas);border:var(--border-w) solid var(--color-canvas-border);box-sizing:border-box;overflow:hidden}.axis-gizmo{position:absolute;right:12px;bottom:12px;width:72px;height:72px;border-radius:999px;border:var(--border-w) solid var(--color-border-strong);background:var(--color-surface-input);box-shadow:0 1px 2px var(--color-border-soft);color:var(--text-dark);font-size:11px;font-weight:600;display:grid;place-items:center;pointer-events:none}.axis-gizmo:after{content:"";position:absolute;right:8px;top:8px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--color-border-strong);opacity:.8}.axis-gizmo>div{position:absolute;width:20px;height:20px;border-radius:999px;border:var(--border-w) solid var(--color-border-strong);background:var(--color-canvas);display:grid;place-items:center;line-height:1}.gizmo-x{right:6px;bottom:26px}.gizmo-y{left:26px;top:6px}.gizmo-z{left:10px;bottom:10px}#iso-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.canvas-overlay{position:absolute;inset:0;z-index:1200;pointer-events:none;background-image:none;overflow:visible}.canvas-toolbar{position:absolute;top:-1px;left:0;right:0;gap:5px;height:40px;padding:10px 10px 8px;display:flex;align-items:center;background:var(--panel-bg);background-image:none;border:var(--border-toolbar-w) solid var(--border-toolbar);border-left-color:var(--panel-bg);border-right-color:var(--panel-bg);box-sizing:border-box;pointer-events:auto;overflow-x:auto;overflow-y:hidden;white-space:nowrap;justify-content:center;overscroll-behavior:contain}.canvas-toolbar::-webkit-scrollbar{height:10px}.canvas-toolbar::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:10px}.canvas-toolbar{scrollbar-width:thin;scrollbar-color:var(--color-border-strong) transparent}.canvas-toolbar .canvas-tool-btn{width:25px;height:25px;display:inline-flex;align-items:center;justify-content:center;padding:0;margin:0;background:linear-gradient(180deg,var(--color-surface-hover-strong),var(--color-surface-input));border:1px solid var(--color-border-medium);border-radius:999px;box-sizing:border-box;line-height:0;font:inherit;color:inherit;appearance:none;-webkit-appearance:none;cursor:pointer;flex:0 0 auto;box-shadow:0 1px 1px var(--color-border-subtle);transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform 80ms ease}.canvas-toolbar .canvas-tool-btn:hover{background:linear-gradient(180deg,var(--color-bg-surface),var(--color-surface-input));border-color:var(--color-border-strong)}.canvas-toolbar .canvas-tool-btn:active{transform:translateY(1px)}.canvas-toolbar .canvas-tool-btn.is-pressed,.canvas-toolbar .canvas-tool-btn[aria-pressed=true]{background:linear-gradient(180deg,var(--color-surface-input),var(--color-surface-hover));border-color:var(--color-border-strong);box-shadow:0 2px 7px var(--color-border-medium),inset 0 1px 0 var(--color-surface-hover)}.canvas-toolbar .canvas-tool-btn img{width:16px;height:16px;display:block;opacity:.62;filter:saturate(.6);transition:opacity .12s ease,filter .12s ease}.canvas-toolbar .canvas-tool-btn.is-pressed img,.canvas-toolbar .canvas-tool-btn[aria-pressed=true] img{opacity:1;filter:none}.canvas-toolbar .canvas-tool-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.canvas-tool-btn--text{width:auto;min-width:16px;padding:0 8px;line-height:1;font-size:11px;font-weight:600;opacity:1}.canvas-toolbar-sep{width:1px;height:22px;background:var(--color-surface-overlay);margin:0 4px;flex:0 0 auto}.bom-panel{position:absolute;top:48px;right:10px;width:320px;max-height:calc(100% - 58px);z-index:1300;display:none;flex-direction:column;background:var(--panel-bg);color:var(--text-dark);opacity:1;border:var(--border-panel-w) solid var(--border-panel);border-radius:var(--radius-md);box-shadow:var(--shadow-panel);pointer-events:auto}.bom-panel.is-open{display:flex}.bom-panel__header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-bottom:var(--border-panel-w) solid var(--border-panel);color:var(--text-dark);font-weight:600;background:var(--app-bg)}.bom-panel__count{padding:6px 10px;font-size:12px;font-weight:600;color:var(--text-dark);border-bottom:var(--border-panel-w) solid var(--border-panel);background:var(--panel-bg)}.bom-panel__body-wrap{overflow:auto;min-height:120px;max-height:50vh;background:var(--app-bg)}.bom-table{width:100%;border-collapse:collapse;font-size:12px;color:var(--text-dark)}.bom-table th{font-weight:600;color:var(--text-dark);background:var(--panel-bg)}.bom-table th,.bom-table td{padding:6px 8px;border-bottom:var(--border-panel-w) solid var(--border-panel);text-align:left}.bom-panel__footer{padding:8px 10px;border-top:var(--border-panel-w) solid var(--border-panel);display:flex;justify-content:flex-end;background:var(--panel-bg)}.bom-panel .canvas-tool-btn{background:var(--menu-bg);color:var(--text-dark);border:var(--border-control-w) solid var(--border-panel);border-radius:var(--radius-sm);opacity:1}.bom-panel .canvas-tool-btn:hover{background:var(--app-bg);border-color:var(--stroke)}.bom-panel .canvas-tool-btn:disabled{opacity:.5;color:var(--text-dark)}#btn-bom-close{min-width:24px;height:24px;line-height:1;font-weight:700;text-align:center}.status-bar{display:flex;align-items:center;gap:12px;flex:0 0 32px;height:32px;padding:0 16px;position:relative;z-index:1200;background:var(--chrome-bg);color:var(--text-light);border-top:var(--border-status-w) solid var(--border-status);box-sizing:border-box}#statusbar{display:flex!important;visibility:visible;opacity:1;min-height:32px}.status-bar span{font-size:11.5px;line-height:1;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}#status-cursor{flex:2 1 0}#status-axis{flex:1.2 1 0}#status-snap{flex:1.4 1 0}#status-units{flex:2.8 1 0}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}#app{width:100%;height:100vh;min-height:0;display:flex;flex-direction:column;overflow:hidden}#app-shell{flex:1 1 auto;min-height:0}.is-hoverable:hover{background:var(--color-surface-muted);border-color:var(--color-accent-soft)}.is-focusable:focus-visible{outline:var(--outline-active-w) solid var(--color-focus-ring);outline-offset:2px}:is(.panel-tab,.icon-btn,.tool-button,.menu-item,.canvas-tool-btn,.layer-icon-btn):hover{background:var(--color-surface-muted);border-color:var(--color-accent-soft)}:is(.panel-tab,.icon-btn,.tool-button,.menu-item,.canvas-tool-btn,.layer-icon-btn):focus-visible{outline:var(--outline-active-w) solid var(--color-focus-ring);outline-offset:2px}:root[data-theme=dark] .canvas-toolbar .canvas-tool-btn img,:root[data-theme=dark] .tool-icon-wrap img,:root[data-theme=dark] .layer-icon-img{filter:invert(1) saturate(0) brightness(.82)}:root[data-theme=dark] .canvas-toolbar .canvas-tool-btn img{opacity:.74}:root[data-theme=dark] .canvas-toolbar .canvas-tool-btn:hover img{opacity:.9}:root[data-theme=dark] .canvas-toolbar .canvas-tool-btn.is-pressed,:root[data-theme=dark] .canvas-toolbar .canvas-tool-btn[aria-pressed=true]{background:#60a5fa38;border-color:#93c5fdb8;box-shadow:0 0 0 1px #3b82f673,inset 0 1px #ffffff24}:root[data-theme=dark] .canvas-toolbar .canvas-tool-btn.is-pressed img,:root[data-theme=dark] .canvas-toolbar .canvas-tool-btn[aria-pressed=true] img{opacity:1;filter:invert(1) saturate(0) brightness(1.08)}:root[data-theme=dark] .left-panel .panel-tab,:root[data-theme=dark] .right-panel .panel-tab,:root[data-theme=dark] .left-panel .panel-tab.is-active,:root[data-theme=dark] .right-panel .panel-tab.is-active,:root[data-theme=dark] .section-header,:root[data-theme=dark] .section-title,:root[data-theme=dark] .panel-group-title,:root[data-theme=dark] .inspector-group-header,:root[data-theme=dark] .property-group-title,:root[data-theme=dark] .style-section-header,:root[data-theme=dark] .style-section-title{color:var(--text-dark)!important}:root[data-theme=dark] .right-panel .panel-tab{color:var(--text-muted)!important}:root[data-theme=dark] .right-panel .panel-tab:hover{background:var(--color-surface-hover)!important;color:var(--text-dark)!important}:root[data-theme=dark] .right-panel .panel-tab.is-active{background:var(--color-accent-soft)!important;color:var(--text-dark)!important}:root[data-theme=dark] .right-panel .panel-tabcontent[data-tab=properties]{background:#0206173d!important}:root[data-theme=dark] .right-panel .panel-tabcontent[data-tab=style]{background:#0206173d!important}:root[data-theme=dark] .right-panel .inspector-group{background:#0f172a9e!important;border-color:#94a3b859!important}:root[data-theme=dark] .right-panel .inspector-group-header{background:#94a3b82e!important;border-bottom-color:#94a3b859!important;color:var(--text-dark)!important}:root[data-theme=dark] .right-panel .inspector-label,:root[data-theme=dark] .right-panel .prop-label{color:var(--text-muted)!important}:root[data-theme=dark] .right-panel .inspector-input,:root[data-theme=dark] .right-panel .inspector-select,:root[data-theme=dark] .right-panel .inspector-value{background:#0f172ab8!important;border-color:#94a3b859!important;color:var(--text-dark)!important}:root[data-theme=dark] .style-empty-state{background:#0f172a9e!important;border-color:#94a3b859!important;color:var(--text-muted)!important}.settings-modal .inspector-select{height:28px;line-height:28px;border-radius:6px;border:1px solid var(--color-border-medium);background-color:var(--color-bg-surface);color:var(--text-dark);box-sizing:border-box;opacity:1}.settings-modal input.inspector-select{padding:0 10px}.settings-modal select.inspector-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:0 28px 0 10px;background-image:linear-gradient(45deg,transparent 50%,var(--text-muted) 50%),linear-gradient(135deg,var(--text-muted) 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 9px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.settings-modal .inspector-select:focus-visible{outline:var(--outline-active-w) solid var(--color-focus-ring);outline-offset:2px}.settings-modal select.inspector-select option{background:var(--color-bg-surface);color:var(--text-dark)}:root[data-theme=dark] .settings-modal .inspector-select{background-color:#0f172ac7;border-color:#94a3b859}.settings-modal-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.settings-modal-title{margin:0;font-size:14px;font-weight:600}.settings-pref-sections{display:flex;flex-direction:column;gap:10px;padding-bottom:8px}.settings-pref-section{border:1px solid var(--color-border-medium);border-radius:8px;padding:10px;background:color-mix(in srgb,var(--panel-bg) 92%,var(--menu-bg) 8%)}.settings-pref-section-title{font-size:12px;font-weight:700;margin-bottom:8px;letter-spacing:.01em}.settings-pref-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin:6px 0}.settings-pref-row--checkbox{display:flex;gap:8px}.settings-pref-label{min-width:0}.settings-pref-control{width:100%}.settings-pref-control--sm{width:132px}.settings-pref-control--md{width:220px}.settings-modal-footer{position:sticky;bottom:-14px;margin:8px -14px -14px;padding:10px 14px;display:flex;justify-content:flex-end;gap:8px;border-top:1px solid var(--color-border-medium);background:color-mix(in srgb,var(--panel-bg) 88%,var(--menu-bg) 12%);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-modal-btn{padding:6px 10px;border:1px solid var(--border-panel);border-radius:var(--radius-sm);color:var(--text-dark);cursor:pointer}.settings-modal-btn--secondary{background:var(--panel-bg)}.settings-modal-btn--primary{background:var(--menu-bg)}:root[data-theme=dark] .right-panel{border-left-color:var(--iso-toolbar-bg, var(--panel-bg))!important}:root[data-theme=dark] .left-panel{border-right-color:var(--iso-toolbar-bg, var(--panel-bg))!important}