.panel-chooser{--panel-ink: #182334;--panel-muted: #536276;--panel-heading: #17202a;--panel-border: rgb(30 53 80 / 18%);--panel-surface: #ffffff;--panel-surface-raised: #f6f8fb;--panel-background: linear-gradient(165deg, #ffffff, #f4f7fb);--panel-input: #ffffff;--panel-accent: #1867c0;--panel-accent-strong: #1867c0;--panel-accent-border: rgb(24 103 192 / 42%);--panel-accent-shadow: rgb(24 103 192 / 22%);--panel-quiet-background: rgb(13 47 84 / 5%);--panel-quiet-hover: rgb(13 47 84 / 10%);--panel-card-background: rgb(13 47 84 / 3%);--panel-card-hover: rgb(30 110 192 / 8%);--panel-card-selected: rgb(30 110 192 / 13%);--panel-card-hover-border: rgb(30 110 192 / 50%);--panel-card-selected-border: rgb(24 103 192 / 65%);--panel-option-ink: #172339;--panel-option-background: #f5f8fd;--panel-swatch-border: #15263a;--panel-swatch-background: repeating-linear-gradient(90deg, #173f68 0 3px, #285d8c 3px 4px), repeating-linear-gradient(0deg, transparent 0 5px, rgb(136 198 255 / 33%) 5px 6px);--panel-swatch-shadow: 0 0 0 1px rgb(36 95 146 / 28%), 0 4px 8px rgb(0 0 0 / 18%);--panel-preview-background: linear-gradient(160deg, rgb(13 47 84 / 7%), rgb(13 47 84 / 2%));--panel-placeholder-border: rgb(76 111 145 / 32%);--panel-placeholder-background: rgb(31 65 99 / 10%);--panel-module-border: #192130;--panel-module-background: #244e78;--panel-module-shadow: 0 10px 16px rgb(0 0 0 / 24%), inset 0 0 0 1px rgb(156 211 255 / 25%);--panel-cell-border: rgb(167 213 255 / 35%);--panel-cell-background: linear-gradient(145deg, #2e6b9f, #15375b);--panel-danger: #b42318;--panel-danger-border: rgb(180 35 24 / 28%);--panel-danger-background: rgb(180 35 24 / 7%);--panel-danger-text: #8f1d14;--panel-shadow: 0 18px 48px rgb(22 43 70 / 16%);color-scheme:light;box-sizing:border-box;width:100%;min-width:0;padding:10px;color:var(--panel-ink);background:var(--panel-background);border:0;border-radius:0;box-shadow:none;font:400 13px/1.45 Inter,ui-sans-serif,system-ui,sans-serif}html[data-theme=dark] .panel-chooser,.pv-shell--dark .panel-chooser{--panel-ink: #e9eff8;--panel-muted: #9aaac0;--panel-heading: #f7faff;--panel-border: rgb(159 180 207 / 18%);--panel-surface: rgb(15 25 40 / 92%);--panel-surface-raised: rgb(29 43 63 / 90%);--panel-background: linear-gradient(165deg, rgb(17 29 47 / 97%), rgb(11 19 32 / 99%));--panel-input: rgb(4 11 21 / 65%);--panel-accent: #5ba8ff;--panel-accent-strong: #3187e8;--panel-accent-border: rgb(132 193 255 / 48%);--panel-accent-shadow: rgb(18 103 196 / 25%);--panel-quiet-background: rgb(255 255 255 / 5%);--panel-quiet-hover: rgb(255 255 255 / 9%);--panel-card-background: rgb(255 255 255 / 3%);--panel-card-hover: rgb(100 165 235 / 8%);--panel-card-selected: rgb(65 139 225 / 14%);--panel-card-hover-border: rgb(116 176 239 / 55%);--panel-card-selected-border: rgb(96 173 255 / 70%);--panel-option-ink: #172339;--panel-option-background: #f5f8fd;--panel-swatch-border: #151e2e;--panel-swatch-background: repeating-linear-gradient(90deg, #172f4f 0 3px, #235583 3px 4px), repeating-linear-gradient(0deg, transparent 0 5px, rgb(136 198 255 / 33%) 5px 6px);--panel-swatch-shadow: 0 0 0 1px rgb(139 186 232 / 28%), 0 4px 8px rgb(0 0 0 / 25%);--panel-preview-background: linear-gradient(160deg, rgb(255 255 255 / 7%), rgb(255 255 255 / 2%));--panel-placeholder-border: rgb(161 186 215 / 32%);--panel-placeholder-background: rgb(31 65 99 / 18%);--panel-module-border: #192130;--panel-module-background: #244e78;--panel-module-shadow: 0 10px 16px rgb(0 0 0 / 28%), inset 0 0 0 1px rgb(156 211 255 / 25%);--panel-cell-border: rgb(167 213 255 / 35%);--panel-cell-background: linear-gradient(145deg, #2e6b9f, #15375b);--panel-danger: #ff9b9b;--panel-danger-border: rgb(255 125 125 / 35%);--panel-danger-background: rgb(255 82 82 / 9%);--panel-danger-text: #ffb0b0;--panel-shadow: 0 18px 48px rgb(0 0 0 / 24%);color-scheme:dark}.panel-chooser *,.panel-preview *,.custom-panel-form *{box-sizing:border-box}.panel-chooser__header,.custom-panel-form__heading,.panel-preview__heading,.panel-chooser__result-meta,.panel-chooser__actions,.custom-panel-form__actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.panel-chooser__header{margin-bottom:18px}.panel-chooser__eyebrow,.panel-preview__eyebrow{margin:0 0 3px;color:var(--panel-accent);font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.panel-chooser h2,.panel-preview h3,.custom-panel-form h3{margin:0;color:var(--panel-heading);font-size:18px;font-weight:650;letter-spacing:-.02em}.panel-button{min-height:36px;padding:8px 13px;border:1px solid transparent;border-radius:8px;color:var(--panel-ink);cursor:pointer;font:inherit;font-weight:650;transition:background-color .15s ease,border-color .15s ease,transform .15s ease}.panel-button:hover:not(:disabled){transform:translateY(-1px)}.panel-button:focus-visible,.panel-chooser select:focus-visible,.panel-chooser input:focus-visible,.custom-panel-form input:focus-visible,.custom-panel-form select:focus-visible{outline:2px solid var(--panel-accent);outline-offset:2px}.panel-button:disabled{cursor:not-allowed;opacity:.45}.panel-button--small{min-height:30px;padding:5px 9px;font-size:12px}.panel-button--primary{background:var(--panel-accent-strong);border-color:var(--panel-accent-border);color:#fff;box-shadow:0 5px 14px var(--panel-accent-shadow)}.panel-button--quiet{background:var(--panel-quiet-background);border-color:var(--panel-border)}.panel-chooser__model-row{margin-bottom:12px}.panel-chooser__model-row>label,.custom-panel-form__field>span,.custom-panel-form legend{display:block;margin-bottom:5px;color:var(--panel-muted);font-size:11px;font-weight:650;letter-spacing:.03em}.panel-chooser__model-control{position:relative}.panel-chooser select,.panel-chooser input,.custom-panel-form input,.custom-panel-form select{width:100%;min-height:38px;padding:8px 10px;border:1px solid var(--panel-border);border-radius:8px;background:var(--panel-input);color:var(--panel-ink);font:inherit}.panel-chooser select option,.custom-panel-form select option{color:var(--panel-option-ink);background:var(--panel-option-background)}.panel-chooser__model-control select{padding-right:36px}.panel-chooser__clear{position:absolute;top:5px;right:5px;width:28px;height:28px;padding:0;border:0;border-radius:6px;background:transparent;color:var(--panel-muted);cursor:pointer;font-size:20px;line-height:1}.panel-chooser__clear:hover{background:var(--panel-quiet-hover);color:var(--panel-ink)}.panel-chooser__filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:14px}.panel-chooser__search{grid-column:1 / -1}.panel-chooser__search input{min-height:36px}.panel-chooser__result-meta{margin-bottom:8px;color:var(--panel-muted);font-size:11px}.panel-chooser__result-meta span:last-child{overflow:hidden;color:var(--panel-ink);text-overflow:ellipsis;white-space:nowrap}.panel-chooser__cards{display:grid;max-height:246px;gap:6px;margin-bottom:16px;overflow-y:auto;padding-right:2px}.panel-chooser__card{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;min-width:0;padding:10px;border:1px solid var(--panel-border);border-radius:9px;background:var(--panel-card-background);color:var(--panel-ink);cursor:pointer;text-align:left;transition:border-color .15s ease,background-color .15s ease}.panel-chooser__card:hover{border-color:var(--panel-card-hover-border);background:var(--panel-card-hover)}.panel-chooser__card--selected{border-color:var(--panel-card-selected-border);background:var(--panel-card-selected);box-shadow:inset 3px 0 0 var(--panel-accent)}.panel-chooser__card-swatch{display:block;width:28px;height:36px;border:2px solid var(--panel-swatch-border);border-radius:2px;background:var(--panel-swatch-background);box-shadow:var(--panel-swatch-shadow)}.panel-chooser__card-copy{display:grid;min-width:0;gap:1px}.panel-chooser__card-copy strong,.panel-chooser__card-copy span,.panel-chooser__card-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-chooser__card-copy strong{font-size:11px;font-weight:650}.panel-chooser__card-copy span{color:var(--panel-heading);font-size:13px}.panel-chooser__card-copy small{color:var(--panel-muted);font-size:10px}.panel-chooser__card-check{color:var(--panel-accent);font-size:16px}.panel-chooser__empty{margin:8px 0 16px;color:var(--panel-muted);text-align:center}.panel-chooser__actions{margin-top:14px}.panel-preview{padding:13px;border:1px solid var(--panel-border);border-radius:10px;background:var(--panel-preview-background)}.panel-preview--empty{display:grid;gap:8px;color:var(--panel-muted);font-size:12px}.panel-preview--empty p{margin:0}.panel-preview__placeholder{height:40px;border:1px dashed var(--panel-placeholder-border);border-radius:4px;background:var(--panel-placeholder-background)}.panel-preview__visual-wrap{position:relative;display:grid;place-items:center;min-height:122px;padding:13px 30px 23px}.panel-preview__visual{display:grid;grid-template-columns:repeat(6,1fr);width:min(100%,115px);aspect-ratio:var(--panel-aspect-ratio, .5);padding:3px;overflow:hidden;border:3px solid var(--panel-module-border);border-radius:3px;background:var(--panel-module-background);box-shadow:var(--panel-module-shadow);transform:perspective(280px) rotateX(7deg)}.panel-preview__cell{border:.5px solid var(--panel-cell-border);background:var(--panel-cell-background)}.panel-preview__dimension{position:absolute;color:var(--panel-muted);font-size:9px;white-space:nowrap}.panel-preview__dimension--long{top:49%;right:2px;transform:rotate(90deg) translate(50%);transform-origin:right center}.panel-preview__dimension--wide{bottom:4px;left:50%;transform:translate(-50%)}.panel-preview__heading{align-items:flex-start;margin-bottom:12px}.panel-preview__heading strong{padding:4px 7px;border:1px solid var(--panel-accent-border);border-radius:5px;color:var(--panel-accent);font-size:12px;white-space:nowrap}.panel-preview__specs{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;margin:0}.panel-preview__specs div{min-width:0}.panel-preview__specs dt{color:var(--panel-muted);font-size:10px}.panel-preview__specs dd{margin:1px 0 0;overflow:hidden;color:var(--panel-heading);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.custom-panel-form{display:grid;gap:14px}.custom-panel-form__heading{align-items:flex-start}.custom-panel-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.custom-panel-form__grid--three{grid-template-columns:repeat(3,1fr)}.custom-panel-form fieldset{min-width:0;margin:0;padding:12px;border:1px solid var(--panel-border);border-radius:9px}.custom-panel-form legend{padding:0 5px}.custom-panel-form__field{display:block;min-width:0}.custom-panel-form__field input,.custom-panel-form__field select{min-height:34px;padding:7px 8px;font-size:12px}.custom-panel-form__error{display:block;margin-top:3px;color:var(--panel-danger);font-size:10px}.custom-panel-form__summary{margin:0;padding:8px 10px;border:1px solid var(--panel-danger-border);border-radius:7px;background:var(--panel-danger-background);color:var(--panel-danger-text);font-size:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.panel-chooser{min-width:0;padding:14px}.custom-panel-form__grid,.custom-panel-form__grid--three{grid-template-columns:1fr 1fr}}@media(max-width:600px){.panel-button,.panel-chooser__card,.panel-chooser__clear,.panel-chooser select,.panel-chooser input,.custom-panel-form input,.custom-panel-form select{min-height:44px}.panel-chooser__clear{top:0;right:0;width:44px;height:44px}}@media(prefers-reduced-motion:reduce){.panel-button,.panel-chooser__card{transition:none}}.pv-viewer__canvas{touch-action:none}.pv-viewer__canvas canvas{touch-action:none!important}.pv-viewer__surface-tools{align-items:center;background:#182122f0;border:1px solid rgba(255,255,255,.2);border-radius:10px;box-shadow:0 8px 24px #00000052;display:flex;gap:6px;left:50%;padding:6px;pointer-events:auto;position:absolute;top:54px;transform:translate(-50%);z-index:8}.pv-viewer__surface-tools button{background:transparent;border:0;border-radius:7px;color:#fff;cursor:pointer;font:inherit;font-size:12px;font-weight:700;min-height:34px;padding:6px 10px}.pv-viewer__surface-tools button:hover:not(:disabled),.pv-viewer__surface-tools button:focus-visible{background:#ffd43b;color:#1c2526;outline:none}.pv-viewer__surface-tools button:disabled{cursor:not-allowed;opacity:.45}.pv-viewer__surface-edit-status{background:#182122f0;border-radius:8px;bottom:52px;color:#fff;font-size:12px;left:50%;max-width:min(420px,calc(100% - 24px));padding:8px 12px;pointer-events:none;position:absolute;text-align:center;transform:translate(-50%);z-index:8}.viewer-control-button{min-width:44px;min-height:32px}.array-canvas-handles{align-items:center;background:#182122f0;border:1px solid rgba(255,255,255,.24);border-radius:999px;box-shadow:0 6px 20px #00000052;display:flex;gap:4px;padding:4px;pointer-events:auto;white-space:nowrap}.array-canvas-handle{align-items:center;background:transparent;border:0;border-radius:999px;color:#fff;cursor:grab;display:inline-flex;font:inherit;font-weight:700;gap:5px;min-height:28px;padding:4px 8px;touch-action:none;-webkit-user-select:none;user-select:none}.array-canvas-handle:active{cursor:grabbing}.array-canvas-handle:hover,.array-canvas-handle:focus-visible{background:#ffd43b;color:#1c2526;outline:none}.array-canvas-handle:nth-child(2){background:#ffc928;color:#252525}.array-canvas-handle:nth-child(2):hover,.array-canvas-handle:nth-child(2):focus-visible{background:#ffda57}.array-canvas-handle span{font-size:10px}@media(max-width:600px){.viewer-control-button{min-height:44px}.pv-viewer__surface-tools{top:52px}.pv-viewer__surface-tools button{min-height:42px}}@media(prefers-reduced-motion:reduce){.viewer-control-button{transition:none}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#2f3137;background:#f5f5f5;font-synthesis:none;text-rendering:optimizeLegibility;--shell-bg: #f5f5f5;--shell-panel: #ffffff;--shell-panel-strong: #ffffff;--shell-stage: #e8e8e8;--shell-line: #e2e3e5;--shell-line-strong: #c8cacf;--shell-text: #2f3137;--shell-muted: #666a72;--shell-subtle: #858991;--shell-accent: #ffc928;--shell-accent-strong: #2f3137;--shell-accent-soft: #fff5cf;--shell-focus: #3d74f6;--shell-danger: #c23d3d;--shell-shadow: 0 8px 24px rgba(30, 32, 38, .08)}[data-theme=dark]{color-scheme:dark;--shell-bg: #151b1c;--shell-panel: #1c2425;--shell-panel-strong: #202a2b;--shell-stage: #111718;--shell-line: #2e393a;--shell-line-strong: #3e4b4b;--shell-text: #e4eceb;--shell-muted: #a1afad;--shell-subtle: #9aa9a5;--shell-accent: #54c5b5;--shell-accent-strong: #7dd9cc;--shell-accent-soft: #1b3b38;--shell-focus: #78abff;--shell-danger: #e17e7e;--shell-shadow: 0 18px 50px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px;background:var(--shell-bg);color:var(--shell-text)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,[tabindex="0"]:focus-visible,a:focus-visible{outline:3px solid var(--shell-focus);outline-offset:2px}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.eyebrow{margin:0 0 3px;color:var(--shell-subtle);font-size:9px;font-weight:750;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}.button{display:inline-flex;min-height:25px;align-items:center;justify-content:center;gap:5px;border:1px solid transparent;border-radius:6px;padding:5px 8px;font-size:11px;font-weight:700;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button--primary{border-color:#e5ad00;background:var(--shell-accent);color:#25272c;box-shadow:0 3px 10px #d29b0029}.button--primary:hover:not(:disabled){background:#ffd54f}.button--quiet{border-color:var(--shell-line);background:var(--shell-panel-strong);color:var(--shell-text)}.button--quiet:hover:not(:disabled){border-color:var(--shell-line-strong);background:var(--shell-accent-soft)}.button--full{width:100%}.button:disabled{opacity:.45;box-shadow:none;transform:none}.pv-shell{display:grid;width:100%;height:100%;min-height:420px;grid-template-rows:38px minmax(0,1fr) 20px;overflow:hidden;background:var(--shell-bg);color:var(--shell-text)}.topbar{z-index:10;display:flex;min-width:0;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--shell-line);padding:0 11px;background:color-mix(in srgb,var(--shell-panel) 94%,transparent)}.topbar__brand,.topbar__actions{display:flex;min-width:0;align-items:center;gap:6px}.topbar__brand h1{margin:0;color:var(--shell-text);font-size:12px;font-weight:760;letter-spacing:-.01em}.brand-mark{display:grid;width:22px;height:22px;place-items:center;border-radius:5px;background:var(--shell-accent);color:#282a2f}.brand-divider,.statusbar-divider{width:1px;height:17px;background:var(--shell-line)}.brand-context{max-width:180px;overflow:hidden;color:var(--shell-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.topbar-action{display:inline-flex;min-height:27px;align-items:center;gap:5px;border:1px solid var(--shell-line);border-radius:6px;padding:4px 8px;background:var(--shell-panel-strong);color:var(--shell-text);font-size:10px;font-weight:700}.topbar-action:hover{border-color:var(--shell-line-strong);background:var(--shell-accent-soft)}.topbar-action--sample{border-color:#e3b51c;background:var(--shell-accent-soft);color:var(--shell-text)}.topbar-action--sample:hover:not(:disabled){border-color:var(--shell-accent);background:color-mix(in srgb,var(--shell-accent-soft) 75%,var(--shell-panel-strong))}.icon-button,.avatar-button{display:inline-grid;width:27px;height:27px;place-items:center;flex:0 0 auto;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--shell-muted)}.icon-button:hover{border-color:var(--shell-line);background:var(--shell-accent-soft);color:var(--shell-text)}.icon-button--small{width:29px;height:29px}.avatar-button{border-color:var(--shell-line);background:var(--shell-accent-soft);color:var(--shell-accent-strong);font-size:11px;font-weight:800}.mobile-menu-button,.theme-toggle{display:none}.workspace-layout{position:relative;display:grid;min-height:0}.workspace-layout--inspector-open{grid-template-columns:62px 304px minmax(0,1fr)}.workspace-layout--inspector-closed{grid-template-columns:62px minmax(0,1fr)}.tool-rail{z-index:5;grid-column:1;grid-row:1;display:flex;min-height:0;flex-direction:column;justify-content:space-between;border-right:1px solid var(--shell-line);padding:10px 6px 8px;background:#fafafa}.tool-rail__label{margin:0 0 6px;color:var(--shell-subtle);font-size:8px;font-weight:800;letter-spacing:.1em;text-align:center;text-transform:uppercase}.tool-nav{display:grid;gap:4px}.tool-button{display:flex;width:100%;min-height:49px;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:1px solid transparent;border-radius:7px;padding:4px 2px;background:transparent;color:var(--shell-muted);font-size:8px;font-weight:650}.tool-button:hover{border-color:var(--shell-line);background:var(--shell-accent-soft);color:var(--shell-text)}.tool-button--active{border-color:#96b1fa;background:#e9efff;color:#3568e8}.tool-button--muted{margin-top:4px;color:var(--shell-subtle)}.tool-button kbd{color:var(--shell-subtle);font-size:9px;font-weight:650}.design-stage{grid-column:3;grid-row:1;display:grid;min-width:0;min-height:0;grid-template-rows:34px minmax(0,1fr) 28px;background:var(--shell-bg)}.workspace-layout--inspector-closed .design-stage{grid-column:2}.stage-toolbar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px;border-bottom:1px solid var(--shell-line);padding:0 9px;background:var(--shell-panel)}.stage-toolbar__group{display:flex;align-items:center;gap:3px}.stage-toolbar__group--right{margin-left:auto}.view-toggle,.stage-icon-button{display:inline-flex;min-height:24px;align-items:center;justify-content:center;gap:4px;border:1px solid transparent;border-radius:5px;padding:3px 6px;background:transparent;color:var(--shell-muted);font-size:9px;font-weight:700}.view-toggle:hover,.stage-icon-button:hover:not(:disabled){border-color:var(--shell-line);background:var(--shell-accent-soft);color:var(--shell-text)}.view-toggle--active,.stage-icon-button--active{border-color:#ebbb25;background:var(--shell-accent-soft);color:var(--shell-text)}.stage-icon-button:disabled{opacity:.38}.toolbar-divider{width:1px;height:20px;margin:0 5px;background:var(--shell-line)}.icon-flip-x{transform:scaleX(-1)}.viewer-frame{position:relative;min-width:0;min-height:0;margin:0;overflow:hidden;border:0;border-radius:0;background:var(--shell-stage);box-shadow:none;isolation:isolate}.viewer-frame--grid{background-image:linear-gradient(rgba(117,147,141,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(117,147,141,.07) 1px,transparent 1px);background-position:center;background-size:32px 32px}.viewer-frame--align-preview:after{position:absolute;z-index:3;inset:0;border:2px solid rgba(119,126,127,.48);border-radius:inherit;background:#777e7f14;content:"";pointer-events:none}.viewer-frame__canvas{position:absolute;inset:0;min-height:260px}.viewer-import-status{position:absolute;z-index:8;top:50%;left:50%;display:flex;width:min(440px,calc(100% - 32px));align-items:flex-start;gap:13px;border:1px solid color-mix(in srgb,var(--shell-accent) 35%,var(--shell-line));border-radius:12px;padding:17px 18px;background:color-mix(in srgb,var(--shell-panel-strong) 96%,transparent);color:var(--shell-text);box-shadow:0 16px 48px #142d2a33;transform:translate(-50%,-50%)}.viewer-import-status--error{border-color:color-mix(in srgb,var(--shell-danger) 55%,var(--shell-line))}.viewer-import-status--interaction{top:12px;width:min(360px,calc(100% - 24px));border-radius:8px;padding:9px 11px;transform:translate(-50%)}.viewer-import-status--interaction .viewer-import-status__copy strong{font-size:11px}.viewer-import-status--interaction .viewer-import-status__copy>span{font-size:10px}.viewer-import-status--interaction .viewer-import-status__copy small{font-size:9px}.viewer-import-status--error>svg{flex:0 0 auto;color:var(--shell-danger)}.viewer-import-status__spinner{width:20px;height:20px;flex:0 0 auto;border:2px solid color-mix(in srgb,var(--shell-accent) 25%,var(--shell-line));border-top-color:var(--shell-accent);border-radius:50%;animation:import-status-spin .8s linear infinite}.viewer-import-status__copy{display:grid;min-width:0;gap:4px}.viewer-import-status__copy strong{font-size:14px}.viewer-import-status__copy>span{overflow-wrap:anywhere;color:var(--shell-text);font-size:12px;line-height:1.45}.viewer-import-status__copy small{color:var(--shell-muted);font-size:11px;line-height:1.4}@keyframes import-status-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.viewer-import-status__spinner{animation-duration:1.8s}}.viewer-overlay{position:absolute;z-index:4;pointer-events:none}.viewer-overlay--top-left{top:14px;left:14px;display:flex;align-items:center;gap:6px}.viewer-overlay--top-right{top:14px;right:14px}.viewer-overlay--bottom-left{bottom:14px;left:14px}.viewer-overlay--bottom-right{right:14px;bottom:14px;max-width:min(390px,calc(100% - 28px))}.viewer-navigation-hint{border:1px solid rgba(80,104,101,.2);border-radius:7px;padding:6px 9px;background:color-mix(in srgb,var(--shell-panel-strong) 88%,transparent);color:var(--shell-muted);font-size:10px;font-weight:650;box-shadow:0 3px 12px #142d2a0f}.obstacle-drawing-hint{border:1px solid color-mix(in srgb,#f97316 40%,var(--shell-line));border-radius:7px;padding:7px 10px;background:color-mix(in srgb,var(--shell-panel-strong) 92%,transparent);color:var(--shell-text);font-size:11px;line-height:1.4;box-shadow:0 3px 12px #142d2a14}.obstacle-drawing-hint kbd{border:1px solid var(--shell-line-strong);border-radius:4px;padding:1px 4px;background:var(--shell-panel);color:var(--shell-text);font-size:10px}.view-status{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(80,104,101,.2);border-radius:7px;padding:6px 9px;background:color-mix(in srgb,var(--shell-panel-strong) 88%,transparent);color:var(--shell-text);font-size:11px;font-weight:700;box-shadow:0 3px 12px #142d2a0f}.view-status--secondary{color:var(--shell-muted);font-weight:600}.view-status__dot,.connection-indicator>span,.surface-status>span,.status-dot{width:6px;height:6px;border-radius:50%;background:var(--shell-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--shell-accent) 15%,transparent)}.surface-chip{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(80,104,101,.22);border-radius:7px;padding:7px 10px;background:color-mix(in srgb,var(--shell-panel-strong) 90%,transparent);color:var(--shell-text);font-size:11px;font-weight:700;box-shadow:0 3px 12px #142d2a0f}.surface-chip__swatch{width:8px;height:8px;border-radius:2px;background:var(--shell-accent)}.surface-chip__muted{color:var(--shell-muted);font-weight:600}.viewer-placeholder{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#ffffffeb,#e4ece973 56%,#d8e2df59)}[data-theme=dark] .viewer-placeholder{background:radial-gradient(circle at 50% 42%,#3c5250a6,#1a2323d9 58%,#101616f2)}.viewer-placeholder__halo{position:absolute;width:min(50vw,430px);aspect-ratio:1;border:1px solid color-mix(in srgb,var(--shell-accent) 14%,transparent);border-radius:50%;box-shadow:0 0 0 36px color-mix(in srgb,var(--shell-accent) 4%,transparent),0 0 0 74px color-mix(in srgb,var(--shell-accent) 3%,transparent)}.viewer-placeholder__content{position:relative;z-index:1;display:grid;max-width:340px;justify-items:center;gap:9px;padding:20px;text-align:center}.viewer-placeholder__content h2{margin:0;font-size:clamp(20px,2.2vw,28px);letter-spacing:-.035em}.viewer-placeholder__content p:not(.eyebrow){margin:0 0 6px;color:var(--shell-muted);font-size:13px;line-height:1.55}.viewer-placeholder__sample-note{max-width:280px;color:var(--shell-subtle);font-size:10px;line-height:1.45}.viewer-placeholder__icon,.slot-empty__icon,.webgl-fallback__mark{display:grid;width:40px;height:40px;place-items:center;border:1px solid color-mix(in srgb,var(--shell-accent) 28%,var(--shell-line));border-radius:11px;background:var(--shell-accent-soft);color:var(--shell-accent-strong)}.viewer-placeholder__hint{color:var(--shell-subtle);font-size:10px;letter-spacing:.08em}.webgl-fallback{display:flex;max-width:520px;align-items:flex-start;gap:15px;margin:auto;padding:24px;color:var(--shell-text)}.webgl-fallback__copy h2{margin:0 0 8px;font-size:20px;letter-spacing:-.025em}.webgl-fallback__copy p:not(.eyebrow){margin:0 0 12px;color:var(--shell-muted);font-size:13px;line-height:1.55}.webgl-fallback__copy a{display:inline-flex;align-items:center;gap:6px;color:var(--shell-accent-strong);font-size:12px;font-weight:750}.viewer-onboarding{position:absolute;z-index:4;top:50%;left:50%;display:grid;width:min(320px,calc(100% - 32px));gap:8px;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--shell-accent) 28%,var(--shell-line));border-radius:11px;padding:15px;background:color-mix(in srgb,var(--shell-panel-strong) 94%,transparent);box-shadow:0 12px 35px #142d2a26;text-align:center}.viewer-onboarding p:not(.eyebrow){margin:0;color:var(--shell-muted);font-size:12px;line-height:1.5}.viewer-onboarding .button{width:100%}.align-modal{position:absolute;z-index:4;inset:0;display:flex;align-items:flex-end;padding:18px;background:#1a262633;pointer-events:auto}.align-banner{position:relative;z-index:5;display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;border:1px solid rgba(93,101,101,.38);border-radius:9px;padding:12px 14px;background:#5c6364f0;color:#fff;box-shadow:0 8px 24px #23272838}.align-banner__label{font-size:12px;font-weight:800}.align-banner__copy p{margin:3px 0 0;color:#ffffffc7;font-size:11px}.align-banner__actions{display:flex;flex:0 0 auto;gap:7px}.align-banner .button--quiet{border-color:#ffffff40;background:transparent;color:#fff}.align-banner .button--primary{background:#fff;color:#4f5657;box-shadow:none}.align-banner .button--primary:hover:not(:disabled){background:#eef1f1}.stage-footer{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:6px;padding:0 10px;color:var(--shell-muted);font-size:9px}.stage-footer__hint,.stage-footer__actions,.stage-footer__action{display:flex;align-items:center;gap:6px}.stage-footer__actions{gap:3px}.stage-footer__action{min-height:23px;border:1px solid transparent;border-radius:5px;padding:3px 5px;background:transparent;color:var(--shell-muted);font-size:9px;font-weight:650}.stage-footer__action:hover:not(:disabled){border-color:var(--shell-line);background:var(--shell-accent-soft);color:var(--shell-text)}.stage-footer__action--danger{color:var(--shell-danger)}.stage-footer kbd{border:1px solid var(--shell-line-strong);border-radius:4px;padding:1px 4px;background:var(--shell-panel);color:var(--shell-text);font-size:10px}.inspector-backdrop{display:none}.inspector-panel{grid-column:2;grid-row:1;display:flex;min-width:0;min-height:0;flex-direction:column;border-right:1px solid var(--shell-line-strong);background:var(--shell-panel);box-shadow:3px 0 10px #1e20260a}.workspace-layout--inspector-closed .inspector-panel{display:none}.inspector-tabs{display:flex;min-height:42px;align-items:stretch;border-bottom:1px solid var(--shell-line);padding:0 7px}.inspector-tab{display:inline-flex;min-width:0;align-items:center;gap:4px;border:0;border-bottom:2px solid transparent;padding:0 6px;background:transparent;color:var(--shell-muted);font-size:10px;font-weight:700}.inspector-tab:hover{color:var(--shell-text)}.inspector-tab--active{border-bottom-color:#3568e8;color:#3568e8}.inspector-close{margin:auto 0 auto auto}.inspector-add-panel{align-self:center;display:inline-flex;align-items:center;gap:3px;margin-left:auto;min-height:28px;padding:4px 8px;border:1px solid #dda900;border-radius:5px;background:#ffc928;color:#20242a;font-size:10px;font-weight:800;cursor:pointer}.inspector-add-panel+.inspector-close{margin-left:4px}.inspector-panel__body{min-height:0;flex:1;overflow:auto;padding:0;scrollbar-color:var(--shell-line-strong) transparent}.inspector-panel__body>[role=tabpanel]{min-height:100%}.inspector-content{display:grid;gap:9px;padding:10px}.inspector-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.inspector-heading{padding:2px 2px 0}.inspector-heading h2{margin:0;font-size:15px;letter-spacing:-.025em}.surface-status{display:inline-flex;align-items:center;gap:6px;color:#3770eb;font-size:10px;font-weight:750;white-space:nowrap}.inspector-card{border:1px solid var(--shell-line);border-radius:5px;padding:10px;background:var(--shell-panel-strong)}.inspector-card--surface{border-color:var(--shell-line)}.inspector-card__title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.inspector-card h3{margin:0;font-size:11px;font-weight:750;letter-spacing:.01em;text-transform:none}.metric-grid{display:grid;margin:7px 0 0;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 7px}.metric-grid--two{margin-top:11px}.metric-grid div{min-width:0}.metric-grid dt{margin-bottom:3px;color:var(--shell-subtle);font-size:10px}.metric-grid dd{margin:0;color:var(--shell-text);font-size:13px;font-weight:750}.panel-summary__name{margin:10px 0 0;overflow:hidden;color:var(--shell-muted);font-size:12px;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.setting-row{display:flex;min-height:33px;align-items:center;justify-content:space-between;gap:7px;border-bottom:1px solid var(--shell-line);color:var(--shell-muted);font-size:10px}.setting-row:last-of-type{border-bottom:0}.setting-row select,.setting-row input{width:112px;min-height:27px;border:1px solid var(--shell-line-strong);border-radius:4px;padding:3px 6px;background:var(--shell-panel);color:var(--shell-text);font-size:10px;text-align:right}.setting-row select{text-align:left}.setting-row input:disabled,.setting-row select:disabled{opacity:.68}.input-with-unit{display:inline-flex;align-items:center;gap:5px}.input-with-unit input{width:84px}.input-with-unit small{width:12px;color:var(--shell-subtle);font-size:10px}.inspector-subheading{margin:12px 0 2px;color:var(--shell-subtle);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.inspector-note{display:flex;align-items:center;gap:6px;margin:10px 0 0;color:var(--shell-subtle);font-size:10px;line-height:1.45}.array-action-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:9px}.array-action{display:grid;min-width:0;min-height:48px;place-items:center;gap:2px;border:1px solid var(--shell-line);border-radius:5px;padding:5px 2px;background:#f8f8f9;color:var(--shell-text);font-size:8px;font-weight:650}.array-action:hover:not(:disabled){border-color:#efbb1d;background:var(--shell-accent-soft)}.array-action:disabled{opacity:.42}.array-action--danger{color:var(--shell-danger)}.mounting-mode{display:grid;margin:8px 0 3px;grid-template-columns:minmax(0,1fr)}.mounting-mode__option{min-height:34px;border:1px solid #8ba9fa;border-radius:5px;background:#edf2ff;color:#3568e8;font-size:10px;font-weight:750}.system-summary{position:sticky;z-index:3;top:0;margin:-10px -10px 0;border-bottom:1px solid var(--shell-line-strong);padding:12px 12px 10px;background:#fff;box-shadow:0 3px 8px #1f22270f}.system-summary__heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.system-summary__heading h2{margin:0;color:var(--shell-text);font-size:18px;font-weight:600;letter-spacing:-.025em}.system-summary__metrics{display:flex;flex-wrap:wrap;gap:5px 12px;margin-top:6px;color:var(--shell-muted);font-size:9px}.array-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.array-list .button{width:auto;min-height:28px;border:0;background:#f0f0f1;color:var(--shell-muted);font-weight:500}.array-list .button strong{font-weight:600}.array-list .button.is-selected{box-shadow:inset 0 0 0 2px #ffc928;background:#fff7d7;color:var(--shell-text)}.obstacle-list{display:grid;gap:10px;margin:10px 0 0;padding:0;list-style:none}.obstacle-list__item{display:grid;gap:8px;padding:0 0 10px;border-bottom:1px solid var(--shell-line);color:var(--shell-muted);font-size:11px}.obstacle-list__item:last-child{border-bottom:0}.obstacle-list__item .icon-button{flex:0 0 auto}.obstacle-list__header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px}.obstacle-list__header strong{color:var(--shell-text);font-size:12px}.obstacle-list__header>span{white-space:nowrap}.obstacle-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.obstacle-field{display:grid;gap:4px;min-width:0}.obstacle-field>span:first-child{overflow:hidden;color:var(--shell-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.obstacle-field .input-with-unit{width:100%}.obstacle-field .input-with-unit input{width:100%;min-width:0}.status-dot{display:inline-block}.inline-icon{color:var(--shell-accent-strong);font-size:12px}.panel-status-slot{margin-top:13px}.slot-empty{display:grid;justify-items:center;gap:9px;border:1px dashed var(--shell-line-strong);border-radius:10px;padding:25px 16px;color:var(--shell-muted);text-align:center}.slot-empty strong{color:var(--shell-text);font-size:13px}.slot-empty>span{max-width:220px;font-size:11px;line-height:1.5}.slot-empty .button{margin-top:5px}.reopen-inspector{position:absolute;z-index:7;left:76px;top:46px;display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid #dda900;border-radius:6px;padding:7px 10px;background:#ffc928;color:#26282d;font-size:11px;font-weight:700;box-shadow:var(--shell-shadow)}.statusbar{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid var(--shell-line);padding:0 9px;background:var(--shell-panel);color:var(--shell-muted);font-size:8px}.statusbar__left,.statusbar__right,.connection-indicator,.statusbar__right button{display:flex;min-width:0;align-items:center;gap:7px}.connection-indicator{color:var(--shell-text);font-weight:650;white-space:nowrap}.statusbar__left{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.statusbar__right button{border:0;padding:2px;background:transparent;color:var(--shell-muted);font-size:10px}.statusbar__right button:hover{color:var(--shell-text)}.shortcuts-popover{position:absolute;z-index:20;right:16px;bottom:44px;width:min(310px,calc(100vw - 32px));border:1px solid var(--shell-line-strong);border-radius:10px;padding:13px;background:var(--shell-panel-strong);box-shadow:0 16px 46px #152b292e}.shortcuts-popover__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.shortcuts-popover__header h2{display:inline-flex;align-items:center;gap:7px;margin:0;font-size:13px}.shortcut-list{display:grid;gap:2px;margin-top:10px}.shortcut-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 4px;color:var(--shell-muted);font-size:11px}.shortcut-row kbd{border:1px solid var(--shell-line-strong);border-radius:4px;padding:2px 5px;background:var(--shell-panel);color:var(--shell-text);font-size:10px;font-weight:700;white-space:nowrap}.shell-error{display:flex;align-items:flex-start;gap:11px;margin:auto;padding:18px;color:var(--shell-text)}.shell-error__icon{display:grid;width:32px;height:32px;flex:0 0 auto;place-items:center;border-radius:8px;background:#f8e8e5;color:var(--shell-danger)}.shell-error h2{margin:0 0 5px;font-size:14px}.shell-error p{margin:0 0 10px;color:var(--shell-muted);font-size:11px;line-height:1.5}@media(max-width:1100px){.workspace-layout--inspector-open{grid-template-columns:58px 276px minmax(0,1fr)}.workspace-layout--inspector-closed{grid-template-columns:58px minmax(0,1fr)}.tool-rail{padding-inline:5px}.tool-button{min-height:46px}.brand-context{max-width:140px}}@media(max-width:820px){.pv-shell{grid-template-rows:56px minmax(0,1fr) 30px}.topbar{padding-inline:10px}.mobile-menu-button{display:inline-grid;width:44px;height:44px}.workspace-layout{position:relative;display:block}.tool-rail{position:absolute;z-index:8;top:0;bottom:0;left:0;width:170px;transform:translate(-102%);transition:transform .18s ease;box-shadow:12px 0 30px #142a2821}.tool-rail--mobile-open{transform:translate(0)}.tool-rail__label{text-align:left}.tool-button{min-height:44px;flex-direction:row;justify-content:flex-start;gap:9px;padding-inline:10px;font-size:11px}.view-toggle,.stage-icon-button{min-width:44px;min-height:44px}.inspector-tab{min-height:44px}.inspector-close{width:44px;height:44px}.reopen-inspector,.stage-footer__action{min-height:44px}.tool-button kbd{margin-left:auto}.design-stage{height:100%}.inspector-backdrop{position:absolute;z-index:6;inset:0;display:block;border:0;background:#12242361}.workspace-layout--inspector-closed .inspector-panel{display:flex}.inspector-panel{position:absolute;z-index:7;top:0;bottom:0;left:0;width:min(340px,calc(100% - 40px));transform:translate(-102%);border-right:1px solid var(--shell-line);box-shadow:12px 0 30px #142a2821;transition:transform .18s ease}.inspector-panel--open{transform:translate(0)}.brand-divider,.brand-context{display:none}.topbar__actions{gap:4px}.topbar-action span{display:none}}@media(max-width:560px){.topbar{gap:4px;padding-inline:8px}.topbar__brand h1{font-size:13px}.brand-mark{width:25px;height:25px}.topbar-action{width:44px;min-height:44px;justify-content:center;padding:7px}.topbar__actions .icon-button{width:44px;height:44px}.design-stage{grid-template-rows:auto minmax(0,1fr) 45px}.stage-toolbar{flex-wrap:wrap;min-height:50px;height:auto;align-content:center;row-gap:4px;padding:6px 10px}.stage-toolbar__group--right{margin-left:0}.view-toggle{padding-inline:7px}.viewer-frame{margin:0}.viewer-overlay--top-left{top:9px;left:9px}.viewer-overlay--top-right{top:9px;right:9px}.viewer-navigation-hint{display:none}.viewer-overlay--bottom-left{bottom:9px;left:9px}.viewer-overlay--bottom-right{right:9px;bottom:9px;max-width:calc(100% - 18px)}.align-modal{padding:9px}.align-banner{flex-direction:column;align-items:stretch;gap:9px}.align-banner__actions{justify-content:flex-end}.stage-footer{padding-inline:10px}.stage-footer__hint,.statusbar__right{display:none}.shortcuts-popover{right:9px;bottom:38px}}@media(max-width:380px){.viewer-onboarding{width:min(280px,calc(100% - 20px));padding:12px}.stage-toolbar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:4px}.stage-toolbar__group{min-width:0}.stage-toolbar__group--right{grid-column:1 / -1;justify-content:flex-end;margin-left:0}.view-toggle,.stage-icon-button{padding-inline:6px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.panel-context-menu{position:fixed;z-index:1000;display:grid;min-width:11rem;padding:.35rem;border:1px solid rgba(148,163,184,.42);border-radius:.55rem;background:#17201f;box-shadow:0 14px 34px #00000061}.panel-context-menu button{border:0;border-radius:.35rem;padding:.58rem .7rem;color:#eef7f4;background:transparent;text-align:left;cursor:pointer}.panel-context-menu button:hover,.panel-context-menu button:focus-visible{background:#5eead424;outline:none}