:root{--stage: #151515;--shell: #1f1f1f;--panel: #1a1a1a;--surface: #262626;--surface-up: #303030;--surface-down: #121212;--line: #313131;--line-strong: #434343;--t-hi: #ededed;--t-mid: #c4c4c4;--t-lo: #ababab;--t-dim: #969696;--amber: #e0a526;--amber-ink: #f0c060;--amber-wash: rgba(224, 165, 38, .12);--danger: #c4453c;--danger-ink: #f0b4ae;--r-panel: 10px;--r-ctl: 6px;--dur: .14s}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--panel);color:var(--t-hi);font-family:Archivo,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;font-size:13px;line-height:1.45;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select{font:inherit;color:inherit}:where(button,input,[tabindex]):focus-visible{outline:2px solid var(--amber);outline-offset:2px;border-radius:var(--r-ctl)}.mono{font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.app{height:100%;display:flex;flex-direction:column;overflow:hidden;background:var(--panel)}.topbar{flex:none;height:56px;display:flex;align-items:center;gap:20px;padding:0 16px 0 18px;background:var(--shell);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;flex:none;width:302px;color:var(--t-hi)}.brand svg{color:var(--t-mid);flex:none}.brand h1{font-size:17px;font-weight:600;letter-spacing:-.018em}.brand .tagline{font-size:11.5px;color:var(--t-dim);letter-spacing:0;padding-left:9px;margin-left:2px;border-left:1px solid var(--line-strong);line-height:1.2}.topbar-context{flex:1;min-width:0;display:flex;align-items:baseline;gap:12px}.context-ident{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:20px;font-weight:600;letter-spacing:.01em;color:var(--t-hi);flex:none}.context-name{font-size:13px;color:var(--t-lo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.context-size{flex:none;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;color:var(--t-dim);padding:2px 7px;border:1px solid var(--line);border-radius:4px}.topbar-actions{flex:none;display:flex;align-items:center;gap:10px}.seg{display:flex;gap:2px;padding:2px;background:var(--surface-down);border:1px solid var(--line);border-radius:8px}.seg button{position:relative;padding:5px 14px;border:none;border-radius:var(--r-ctl);background:transparent;color:var(--t-lo);font-size:12.5px;font-weight:500;cursor:pointer;transition:background var(--dur),color var(--dur)}.seg button:hover:not(.active){color:var(--t-hi);background:var(--surface)}.seg button.active{background:var(--surface-up);color:var(--t-hi);box-shadow:inset 0 -2px 0 var(--amber)}.workspace{display:flex;flex:1;min-height:0;overflow:hidden}.sidebar{width:320px;min-width:320px;display:flex;flex-direction:column;min-height:0;background:var(--panel);border-right:1px solid var(--line)}.sidebar-head{flex:none;padding:14px 16px;border-bottom:1px solid var(--line)}.sidebar-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:4px 16px 20px;scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.sidebar-scroll::-webkit-scrollbar{width:10px}.sidebar-scroll::-webkit-scrollbar-thumb{background:#333;border:3px solid var(--panel);border-radius:6px}.sidebar-scroll::-webkit-scrollbar-thumb:hover{background:#4a4a4a}.preview-area{flex:1;min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px 32px 30px;background:var(--stage)}.preview-stage{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;height:100%;min-height:0}.preview-status{flex:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:54px}.card-preview-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;filter:drop-shadow(0 10px 30px rgba(0,0,0,.55))}.card-preview-wrapper>svg{max-width:100%;max-height:100%;width:auto;height:auto}.search-container,.search-input-wrap{position:relative}.search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--t-dim);pointer-events:none;transition:color var(--dur)}.search-input-wrap:focus-within .search-icon{color:var(--amber)}.search-input{width:100%;padding:10px 12px 10px 36px;background:var(--surface-down);border:1px solid var(--line-strong);border-radius:8px;color:var(--t-hi);font-size:13.5px;outline:none;transition:border-color var(--dur),background var(--dur)}.search-input:focus{border-color:var(--amber);background:#0d0d0d}.search-input::placeholder{color:var(--t-dim)}.search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;max-height:320px;overflow-y:auto;z-index:100;list-style:none;padding:4px;box-shadow:0 18px 40px #0009}.search-result{padding:7px 9px;border-radius:var(--r-ctl);cursor:pointer;display:flex;align-items:baseline;gap:10px}.search-result.highlighted{background:var(--surface-up)}.search-result.selected .result-id{color:var(--amber-ink)}.result-id{font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:600;font-size:13px;color:var(--t-hi);min-width:46px}.result-name{font-size:12.5px;color:var(--t-mid);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-location{font-size:11.5px;color:var(--t-lo);white-space:nowrap}.selected-badge{display:flex;align-items:center;gap:9px;margin-top:10px;padding:8px 11px;background:var(--surface);border:1px solid var(--line);border-left:2px solid var(--amber);border-radius:var(--r-ctl)}.badge-id{font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:600;font-size:13px;color:var(--t-hi);flex:none}.badge-name{font-size:12px;color:var(--t-lo);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-panel{display:flex;flex-direction:column}.editor-section{border-bottom:1px solid var(--line)}.editor-section:last-child{border-bottom:none}.section-toggle{width:100%;display:flex;align-items:center;gap:8px;padding:13px 0 11px;background:none;border:none;cursor:pointer;text-align:left;color:var(--t-mid)}.section-toggle:hover{color:var(--t-hi)}.section-toggle h3{flex:1;font-size:12.5px;font-weight:600;letter-spacing:-.005em;color:inherit}.section-value{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;color:var(--t-dim);flex:none}.chevron{flex:none;width:9px;height:9px;border-right:1.6px solid currentColor;border-bottom:1.6px solid currentColor;transform:rotate(45deg) translate(-2px,-2px);opacity:.6;transition:transform var(--dur)}.section-toggle[aria-expanded=false] .chevron{transform:rotate(-45deg) translate(-1px,1px)}.section-body{padding:0 0 14px}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.section-note{font-size:11.5px;color:var(--t-dim);margin:-2px 0 10px;line-height:1.45}.link-btn{background:none;border:none;padding:0;font-size:11.5px;color:var(--t-lo);cursor:pointer;text-decoration:underline;text-underline-offset:2px;text-decoration-color:var(--line-strong)}.link-btn:hover{color:var(--amber-ink);text-decoration-color:currentColor}.size-grid{display:grid;gap:4px}.size-btn{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:7px 10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-ctl);color:var(--t-mid);cursor:pointer;transition:background var(--dur),border-color var(--dur),color var(--dur)}.size-btn:hover{background:var(--surface-up);color:var(--t-hi)}.size-btn.active{background:var(--surface-up);border-color:var(--amber);color:var(--t-hi)}.size-name{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:500}.size-desc{font-size:10.5px;color:var(--t-lo)}.size-btn.active .size-desc{color:var(--t-lo)}.theme-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.theme-btn{display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid;border-radius:var(--r-ctl);cursor:pointer}.theme-btn.active{outline:2px solid var(--amber);outline-offset:1px}.theme-swatch{width:13px;height:13px;border-radius:50%;flex-shrink:0}.theme-name{font-size:12px;font-weight:500}.color-list{display:grid;gap:2px}.filament-row{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:6px;margin:0 -6px;border-radius:var(--r-ctl);cursor:pointer}.filament-row:hover{background:var(--surface)}.filament-text{display:flex;flex-direction:column;gap:1px;min-width:0}.filament-label{font-size:12.5px;font-weight:500;color:var(--t-hi)}.filament-hint{font-size:10.5px;color:var(--t-dim);line-height:1.35}.filament-row.overridden .filament-label:after{content:"";display:inline-block;width:5px;height:5px;margin-left:6px;border-radius:50%;background:var(--amber);vertical-align:1px}.filament-row input[type=color],.color-row input[type=color]{width:28px;height:28px;padding:0;border:1px solid var(--line-strong);border-radius:5px;background:none;cursor:pointer}.color-row input[type=color]{width:22px;height:18px}.color-label{font-size:12px}.color-hex{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10.5px;color:var(--t-dim)}.toggle-label{display:flex;align-items:center;gap:9px;padding:5px 0;font-size:12.5px;color:var(--t-mid);cursor:pointer}.toggle-label:hover{color:var(--t-hi)}.toggle-label input[type=checkbox]{accent-color:#cfcfcf;width:15px;height:15px;flex:none;cursor:pointer}.toggle-label.sub-toggle{margin-left:7px;padding-left:16px;border-left:1px solid var(--line-strong);font-size:12px;color:var(--t-lo)}.toggle-label input:disabled{cursor:not-allowed}.toggle-label:has(input:disabled){opacity:.45;cursor:not-allowed}.height-slider{margin-bottom:10px}.height-slider label{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.slider-label{font-size:12px;color:var(--t-mid)}.slider-value{font-size:11px;font-family:IBM Plex Mono,ui-monospace,monospace;font-variant-numeric:tabular-nums;color:var(--t-dim)}.height-slider input[type=range]{width:100%;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--line-strong);border-radius:2px;outline:none;cursor:pointer}.height-slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:13px;height:13px;border-radius:50%;background:var(--t-hi);border:1px solid #000;cursor:pointer}.height-slider input[type=range]::-moz-range-thumb{width:13px;height:13px;border-radius:50%;background:var(--t-hi);border:1px solid #000;cursor:pointer}.save-row{display:flex;gap:6px}.save-name-input{flex:1;min-width:0;padding:7px 9px;font-size:12.5px;border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--surface-down);color:var(--t-hi);outline:none}.save-name-input:focus{border-color:var(--amber)}.save-name-input::placeholder{color:var(--t-dim)}.btn-quiet{flex:none;padding:7px 14px;font-size:12.5px;font-weight:500;border-radius:var(--r-ctl);border:1px solid var(--line-strong);background:var(--surface);color:var(--t-hi);cursor:pointer;transition:background var(--dur)}.btn-quiet:hover:not(:disabled){background:var(--surface-up)}.btn-quiet:disabled{opacity:.4;cursor:not-allowed}.save-empty{font-size:11.5px;color:var(--t-dim);margin:10px 0 0}.save-list{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:4px}.save-item{display:flex;align-items:stretch;gap:4px}.save-load{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 9px;text-align:left;border-radius:var(--r-ctl);border:1px solid var(--line);background:var(--surface);color:inherit;cursor:pointer}.save-load:hover{background:var(--surface-up)}.save-item-name{font-size:12px;font-weight:500;color:var(--t-hi)}.save-item-meta{display:flex;align-items:center;gap:7px;font-size:10.5px;color:var(--t-lo);font-family:IBM Plex Mono,ui-monospace,monospace}.meta-sep{width:1px;height:9px;background:var(--line-strong)}.save-delete{width:28px;border-radius:var(--r-ctl);border:1px solid var(--line);background:none;color:var(--t-dim);font-size:15px;line-height:1;cursor:pointer}.save-delete:hover{color:var(--danger-ink);border-color:var(--danger)}.export-dock{flex:none;padding:12px 16px 14px;background:var(--surface-down);border-top:1px solid var(--line);box-shadow:0 -14px 22px -14px #000000e6}.dock-label{margin-bottom:9px;font-size:12.5px;font-weight:600;color:var(--t-mid)}.export-buttons{display:flex;align-items:stretch;gap:10px}.export-group{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.export-group+.export-group{padding-left:10px;border-left:1px solid var(--line)}.export-group-label{font-size:10.5px;color:var(--t-dim)}.export-group-row{display:flex;gap:6px}.export-btn{flex:1;padding:9px 4px;border:1px solid var(--line-strong);border-radius:var(--r-ctl);background:var(--surface);color:var(--t-hi);font-size:12.5px;font-weight:500;letter-spacing:.01em;cursor:pointer;transition:background var(--dur),border-color var(--dur)}.export-btn:hover:not(:disabled){background:var(--surface-up);border-color:#585858}.export-btn.primary{background:var(--t-hi);border-color:var(--t-hi);color:#141414;font-weight:600}.export-btn.primary:hover:not(:disabled){background:#fff;border-color:#fff}.export-btn:disabled{opacity:.38;cursor:not-allowed}.spinner{display:inline-block;width:13px;height:13px;flex:none;border:2px solid rgba(255,255,255,.16);border-top-color:var(--amber);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-banner{position:relative;display:flex;align-items:center;gap:11px;max-width:calc(100% - 24px);padding:8px 14px;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;box-shadow:0 8px 22px #00000080;font-size:12px;color:var(--t-lo);animation:banner-in .2s ease-out}@keyframes banner-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.load-banner-text{display:flex;flex-direction:column;gap:1px;min-width:0}.load-banner-text strong{font-size:12px;font-weight:600;color:var(--t-hi)}.load-banner-sub{font-size:11.5px;line-height:1.35;color:var(--t-lo)}.load-banner-clock{flex:none;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px;font-variant-numeric:tabular-nums;padding:2px 6px;border-radius:4px;background:var(--amber-wash);color:var(--amber-ink)}.load-bar{position:absolute;left:0;right:0;bottom:0;height:2px;overflow:hidden;border-radius:0 0 8px 8px;background:#ffffff0f}.load-bar-fill{position:absolute;top:0;bottom:0;width:38%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--amber),transparent);animation:load-sweep 1.4s ease-in-out infinite}@keyframes load-sweep{0%{left:-40%}to{left:100%}}.diagram-skeleton{position:absolute;z-index:8;overflow:hidden;border-radius:4px;background:#12121294;border:1px solid rgba(255,255,255,.14);display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.diagram-skeleton-label{position:relative;z-index:1;display:flex;align-items:center;gap:7px;margin-bottom:10px;padding:4px 11px;border-radius:999px;background:#141414eb;border:1px solid var(--line-strong);font-size:11px;font-weight:500;color:var(--t-hi);white-space:nowrap}.diagram-skeleton-label .spinner{width:11px;height:11px;border-width:2px}.skeleton-shimmer{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.09) 50%,transparent 65%);background-size:260% 100%;animation:shimmer 1.6s linear infinite}@keyframes shimmer{0%{background-position:150% 0}to{background-position:-150% 0}}.viewer-skeleton{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;width:100%;height:100%}.viewer-skeleton-card{position:relative;overflow:hidden;max-width:100%;max-height:100%;height:min(100%,70vh);border-radius:8px;background:var(--surface);border:1px solid var(--line)}.viewer-skeleton-bars{display:flex;flex-direction:column;gap:10px;padding:18px;height:100%}.viewer-skeleton-bars span{height:12px;width:100%;border-radius:4px;background:#ffffff12}.viewer-skeleton-bars span.tall{flex:1;height:auto;min-height:60px}.viewer-skeleton-label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--t-lo)}.geo-note{padding:6px 12px;border-radius:var(--r-ctl);font-size:11.5px;color:var(--t-lo);background:var(--surface);border:1px solid var(--line)}.geo-note.done{background:none;border-color:transparent;color:var(--t-dim)}.geo-error{display:flex;align-items:center;gap:12px;max-width:calc(100% - 24px);padding:8px 14px;border-radius:var(--r-ctl);font-size:12px;color:var(--danger-ink);background:var(--surface);border:1px solid var(--line-strong);border-left:2px solid var(--danger)}.geo-error-text{display:flex;flex-direction:column;gap:1px;min-width:0}.geo-error-text strong{font-size:12px;font-weight:600;color:#f7d6d2}.geo-error-text span{font-size:11.5px;line-height:1.35;color:var(--t-lo)}.geo-error button{flex:none;padding:4px 11px;font-size:11.5px;border-radius:4px;border:1px solid var(--line-strong);background:none;color:var(--t-hi);cursor:pointer}.geo-error button:hover{background:var(--surface-up)}.badge-status{margin-left:auto;display:flex;align-items:center;gap:5px;flex:none;font-size:10.5px;font-weight:500;color:var(--t-dim)}.badge-status .spinner{width:11px;height:11px;border-width:2px}.badge-status.failed{color:var(--danger-ink)}.pending-note{display:flex;align-items:center;gap:7px;margin:8px 0 0;font-size:11.5px;line-height:1.35;color:var(--t-dim)}.pending-note .spinner{width:11px;height:11px;border-width:2px}.pending-note.failed{color:var(--danger-ink)}.dock-pending{display:flex;align-items:center;gap:7px;margin:0 0 9px;font-size:11.5px;color:var(--t-dim)}.dock-pending .spinner{width:11px;height:11px;border-width:2px}.sidebar-empty{margin:18px 2px;font-size:12px;line-height:1.5;color:var(--t-dim)}.empty-state{max-width:420px;text-align:center;color:var(--t-lo)}.empty-plate{width:112px;height:148px;margin:0 auto 22px;border:1px solid var(--line-strong);border-radius:6px;background:repeating-linear-gradient(90deg,transparent 0 15px,rgba(255,255,255,.06) 15px 16px),repeating-linear-gradient(0deg,transparent 0 15px,rgba(255,255,255,.06) 15px 16px),var(--surface-down);position:relative}.empty-plate:before,.empty-plate:after{content:"";position:absolute;left:50%;top:50%;width:70px;height:5px;margin:-2.5px 0 0 -35px;border-radius:1px;background:#565656}.empty-plate:before{transform:rotate(-32deg)}.empty-plate:after{transform:rotate(58deg);width:52px;margin-left:-26px}.empty-state h2{font-size:19px;font-weight:600;letter-spacing:-.015em;color:var(--t-hi);margin-bottom:7px}.empty-state p{font-size:13px;color:var(--t-lo)}.empty-suggest{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:7px;margin-top:20px}.empty-suggest-label{font-size:11.5px;color:var(--t-dim)}.suggest-chip{font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;font-weight:500;padding:5px 11px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--t-mid);cursor:pointer;transition:color var(--dur),border-color var(--dur),background var(--dur)}.suggest-chip:hover{color:var(--t-hi);background:var(--surface-up);border-color:var(--amber)}.preview-3d{width:100%;height:100%;min-height:0;border-radius:8px;overflow:hidden}@media(prefers-reduced-motion:reduce){.spinner,.load-bar-fill,.skeleton-shimmer,.load-banner,.chevron{animation:none;transition:none}.spinner{border-top-color:var(--amber);opacity:.8}.skeleton-shimmer{background:#ffffff0f}.load-bar-fill{left:0;width:100%;opacity:.5}}@media(max-width:900px){.brand{width:auto}.brand .tagline,.context-name{display:none}}@media(max-width:768px){.workspace{flex-direction:column}.sidebar{width:100%;min-width:0;border-right:none;border-bottom:1px solid var(--line);max-height:55vh}.preview-area{padding:16px}}