/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.grid{display:grid}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--ui-bg:#f5f4f1;--ui-panel:#faf9f6;--ui-surface:#fff;--ui-canvas:#e9e9e7;--ui-hover:#f0f0ed;--ui-ink:#1c1c1c;--ui-muted:#747474;--ui-subtle:#9a9a98;--ui-line:#dfdfdc;--ui-line-strong:#c6c6c2;--ui-error:#ae423d;--ui-warning:#89662a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{background:var(--ui-bg);color:var(--ui-ink);margin:0;font-family:Inter,PingFang SC,Noto Sans SC,system-ui,sans-serif}button,input,select{font:inherit}button{color:inherit}:is(button:focus-visible,input:focus-visible,select:focus-visible){outline:2px solid var(--ui-ink);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.4}svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.app-shell{background:var(--ui-bg);grid-template-rows:minmax(0,1fr) 42px;min-width:0;height:100dvh;display:grid}.site-header{background:var(--ui-panel);border-bottom:1px solid var(--ui-line);z-index:30;justify-content:space-between;align-items:center;gap:20px;min-width:0;padding:0 18px;display:none}.site-brand{align-items:center;gap:14px;min-width:0;display:flex}.site-brand img{object-fit:contain;object-position:left center;width:150px;height:42px;display:block}.site-brand span{border-left:1px solid var(--ui-line);color:var(--ui-muted);white-space:nowrap;padding-left:14px;font-size:13px}.header-project{align-items:center;gap:12px;min-width:0;margin-left:auto;display:flex}.header-project strong{text-overflow:ellipsis;white-space:nowrap;max-width:260px;font-size:12px;font-weight:600;overflow:hidden}.sync-status{color:var(--ui-muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.sync-status:before{content:"";border:1px solid;border-radius:50%;width:6px;height:6px}.sync-status.synced:before{background:var(--ui-ink);border-color:var(--ui-ink)}.sync-status.offline{color:var(--ui-warning)}.header-actions{align-items:center;gap:10px;display:flex}.header-project-button{border:1px solid var(--ui-line);background:var(--ui-surface);cursor:pointer;border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:12px;display:inline-flex}.header-project-button:hover{background:var(--ui-hover)}.header-menu-button{display:none!important}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .16s,color .16s;display:inline-flex}.icon-button:hover:not(:disabled){background:var(--ui-hover)}.editor-body{grid-template-columns:64px 300px minmax(0,1fr);min-width:0;min-height:0;transition:grid-template-columns .32s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.editor-body.panel-closed{grid-template-columns:64px minmax(0,1fr)}.editor-body.has-inspector{grid-template-columns:64px 300px minmax(0,1fr)}.editor-body.panel-closed.has-inspector{grid-template-columns:64px minmax(0,1fr)}.category-rail{background:var(--ui-panel);border-right:1px solid var(--ui-line);flex-direction:column;align-items:center;gap:8px;padding:0 8px 16px;display:flex}.rail-logo{border-bottom:1px solid var(--ui-line);flex:0 0 56px;justify-content:flex-start;align-items:center;width:64px;height:56px;margin:0 -8px 8px;padding-left:11px;display:flex;overflow:hidden}.rail-logo:before{content:"";background:url(/trigram-logo.png) 0/contain no-repeat;flex:0 0 150px;width:150px;height:42px;display:block}.category-rail button{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;align-content:center;justify-items:center;gap:5px;width:48px;min-height:64px;font-size:11px;display:grid}.category-rail button:hover{background:var(--ui-hover)}.category-rail button.selected{background:var(--ui-ink);color:#fff}.tool-panel{background:var(--ui-panel);border-right:1px solid var(--ui-line);min-width:0;min-height:0;padding:22px 16px 24px;overflow-y:auto}.panel-closed>.tool-panel{display:none}.panel-heading{justify-content:space-between;align-items:baseline;gap:9px;display:flex}.panel-heading>div,.inspector-heading>div,.sheet-heading>div{align-items:baseline;gap:9px;display:flex}.panel-heading h2,.inspector-heading h2,.sheet-heading h2{letter-spacing:-.02em;margin:0;font-size:19px;font-weight:600}.panel-heading span,.inspector-heading span,.sheet-heading span{color:var(--ui-muted);white-space:nowrap;font-size:11px;font-weight:500}.panel-description{color:var(--ui-muted);margin:9px 0 22px;font-size:12px;line-height:1.5}.rod-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.rod-option{border:1px solid var(--ui-line);background:var(--ui-surface);cursor:grab;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;min-height:112px;transition:background .16s,border-color .16s,transform .16s;display:flex}.rod-option:hover{background:var(--ui-hover);border-color:var(--ui-line-strong)}.rod-option.selected{background:var(--ui-ink);color:#fff;border-color:var(--ui-ink)}.rod-option:active{cursor:grabbing}.rod-option.dragging{opacity:.6}.rod-option strong{white-space:nowrap;font-size:15px;font-weight:600}.rod-option small{font-size:11px;font-weight:400}.rod-preview{justify-content:center;align-items:center;width:74px;height:24px;display:flex}.rod-preview>span{background:linear-gradient(#f9f9f7,#8b8e8b 45%,#e6e8e6 65%,#747875);border:1px solid #6f7472;border-radius:5px;flex:none;min-width:1px;height:5px;display:block}.rod-option.selected .rod-preview>span{background:linear-gradient(#fff,#b2b2b2 50%,#fff);border-color:#a8a8a8}.material-block{margin-top:24px}.material-block h3{margin:0 0 14px;font-size:13px;font-weight:600}.material-options{align-items:flex-start;gap:16px;display:flex}.material-option{min-width:66px;min-height:72px;color:var(--ui-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-items:center;gap:6px;padding:3px 6px 5px;font-size:12px;display:grid}.material-option.selected{border-color:var(--ui-ink);color:var(--ui-ink);font-weight:600}.material-option:focus-visible{outline:2px solid var(--ui-ink);outline-offset:2px}.material-sphere{border:1px solid #c2c4c3;border-radius:50%;flex:none;width:42px;height:42px}.material-sphere.metal{background:radial-gradient(circle at 35% 25%,#fff 0 6%,#777d7b 24%,#f3f4f3 49%,#59605f 68%,#d9dcdc 83%,#555 100%);box-shadow:inset -4px -5px 7px #0002}.material-sphere.white{background:radial-gradient(circle at 35% 25%,#fff 0 10%,#f5f5f2 30%,#dfdfdc 72%,#bcbcb8 100%);box-shadow:inset -3px -4px 5px #0001}.appearance-block{margin-top:22px}.appearance-block h3{margin:0 0 10px;font-size:13px;font-weight:600}.background-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.background-option{border:1px solid var(--ui-line);cursor:pointer;white-space:nowrap;background:#fff;border-radius:6px;justify-items:center;gap:5px;min-width:0;padding:8px 3px 7px;font-size:10px;display:grid}.background-option:hover:not(:disabled),.lighting-options button:hover{background:var(--ui-hover)}.background-option.selected,.lighting-options button.selected{border-color:var(--ui-ink);box-shadow:inset 0 0 0 1px var(--ui-ink);font-weight:600}.background-swatch{border:1px solid #bbb;border-radius:50%;width:27px;height:27px}.background-swatch.hdri{background:linear-gradient(135deg,#c9d7e5 0%,#e5d7bd 52%,#616a63 100%)}.appearance-note{color:var(--ui-muted);margin:7px 0 0;font-size:10px;line-height:1.4}.lighting-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.lighting-options button{border:1px solid var(--ui-line);cursor:pointer;background:#fff;border-radius:6px;min-height:44px;padding:5px 3px;font-size:11px;line-height:1.25}.panel-footnote{color:var(--ui-muted);margin:30px 0 0;font-size:12px;line-height:1.55}.object-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.object-option{border:1px solid var(--ui-line);background:var(--ui-surface);cursor:grab;border-radius:6px;align-content:center;justify-items:center;gap:7px;min-width:0;height:138px;padding:10px;display:grid}.object-option:hover{background:var(--ui-hover);border-color:var(--ui-line-strong)}.object-option.selected{background:var(--ui-ink);color:#fff;border-color:var(--ui-ink)}.object-option strong{text-align:center;gap:1px;font-size:14px;font-weight:600;display:grid}.object-option small{opacity:.7;font-size:11px;font-weight:400}.object-art{stroke-width:1.8px;width:72px;height:70px;display:block}.tool-guidance{border-top:1px solid var(--ui-line);color:var(--ui-muted);margin-top:18px;padding:13px 0;font-size:12px;line-height:1.5}.tool-empty,.candidate-count{color:var(--ui-muted);margin:8px 0;font-size:12px;line-height:1.5}.placement-size{border:1px solid var(--ui-line);background:#fff;border-radius:6px;gap:7px;margin-top:12px;padding:12px;display:grid}.placement-size strong{font-size:14px}.placement-size>span:last-child{color:var(--ui-muted);font-size:12px}.section-kicker{color:var(--ui-muted);letter-spacing:.06em;font-size:11px;font-weight:600}.text-button{cursor:pointer;background:0 0;border:0;height:38px;padding:0;font-size:12px;text-decoration:underline}.project-browser{flex-direction:column;gap:16px;min-height:100%;display:flex}.current-project{border:1px solid var(--ui-line);background:#fff;border-radius:6px;gap:8px;margin-top:7px;padding:14px;display:grid}.current-project input{border:0;border-bottom:1px solid var(--ui-line);background:0 0;width:100%;padding:4px 0;font-size:15px;font-weight:600}.project-storage-note{color:var(--ui-muted);font-size:11px}.project-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.primary-button,.outline-button{cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-height:40px;padding:5px 9px;font-size:12px;font-weight:600;display:inline-flex}.primary-button{border:1px solid var(--ui-ink);background:var(--ui-ink);color:#fff}.primary-button:hover{background:#333}.outline-button{border:1px solid var(--ui-line-strong);background:#fff}.outline-button:hover{background:var(--ui-hover)}.primary-button svg,.outline-button svg{width:16px;height:16px}.project-list-title{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.project-list{align-content:start;gap:6px;min-height:80px;display:grid;overflow-y:auto}.project-row{border:1px solid var(--ui-line);background:#fff;border-radius:6px;min-width:0;display:grid}.project-row.current{border-left:3px solid var(--ui-ink);background:var(--ui-hover)}.project-open{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:1fr auto;gap:4px 8px;min-width:0;min-height:68px;padding:12px;display:grid}.project-open strong{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;font-size:13px;overflow:hidden}.project-open span,.project-open time{color:var(--ui-muted);font-size:11px}.project-open time{text-align:right;white-space:nowrap}.project-row-actions{justify-content:space-between;align-items:center;gap:8px;padding:0 9px 7px 12px;display:flex}.project-row-actions>button:first-child{border:1px solid var(--ui-line-strong);cursor:pointer;background:#fff;border-radius:4px;min-height:30px;padding:0 6px;font-size:11px}.project-row-actions>button:first-child:hover{background:var(--ui-hover)}.project-delete{cursor:pointer;background:0 0;border:0;width:30px;height:30px}.project-delete svg{width:17px;height:17px}.project-delete:hover:not(:disabled){color:var(--ui-error)}.project-share-form{border-top:1px solid var(--ui-line);gap:7px;padding:11px 12px 12px;display:grid}.project-share-form label{font-size:12px;font-weight:600}.project-share-form input{border:1px solid var(--ui-line-strong);background:#fff;border-radius:5px;width:100%;min-height:38px;padding:7px 9px;font-size:13px}.project-share-form p{color:var(--ui-muted);margin:0;font-size:11px;line-height:1.45}.project-share-form .share-error{color:var(--ui-error)}.project-share-form>div{gap:7px;margin-top:3px;display:flex}.viewport-wrap{background:var(--ui-canvas);min-width:0;min-height:0;position:relative;overflow:hidden}.scene{position:absolute;inset:0}.scene canvas{cursor:grab;touch-action:none;width:100%;height:100%;display:block}.scene canvas:active{cursor:grabbing}.floating-toolbar{z-index:12;border:1px solid var(--ui-line);background:#faf9f6f5;border-radius:7px;align-items:center;gap:2px;padding:4px;transition:right .32s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;top:16px;right:16px;box-shadow:0 5px 18px #00000010}.floating-toolbar .icon-button{width:34px;height:36px}.toolbar-divider{background:var(--ui-line);width:1px;height:23px;margin:0 4px}.export-button{background:var(--ui-ink);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:5px;align-items:center;gap:8px;height:36px;padding:0 13px;font-size:12px;font-weight:600;display:inline-flex}.export-button:hover{background:#333}.delete-object{color:var(--ui-error)}.placement-banner,.active-tool-banner{z-index:9;border:1px solid var(--ui-line);background:var(--ui-panel);text-align:center;pointer-events:none;white-space:nowrap;border-radius:6px;max-width:calc(100% - 32px);padding:8px 12px;font-size:12px;position:absolute;top:70px;left:50%;transform:translate(-50%)}.canvas-dimensions{z-index:8;border:1px solid var(--ui-line);background:var(--ui-panel);color:var(--ui-muted);pointer-events:none;border-radius:6px;gap:3px;padding:9px 12px;font-size:11px;display:grid;position:absolute;bottom:16px;left:16px}.canvas-dimensions strong{color:var(--ui-ink);font-size:13px}.selection-toolbar{z-index:9;border:1px solid var(--ui-line);background:var(--ui-panel);white-space:nowrap;border-radius:6px;align-items:center;gap:10px;padding:6px 8px 6px 13px;font-size:12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.selection-toolbar button{border:1px solid var(--ui-line);cursor:pointer;background:#fff;border-radius:4px;align-items:center;gap:4px;min-height:32px;display:inline-flex}.selection-toolbar svg{width:16px;height:16px}.node-inspector{z-index:14;visibility:hidden;opacity:0;pointer-events:none;background:var(--ui-panel);flex-direction:column;width:296px;min-width:0;height:100%;min-height:0;padding:0;transition:opacity .24s,transform .32s cubic-bezier(.22,1,.36,1),visibility .32s;display:flex;position:absolute;top:0;right:0;overflow:hidden;transform:translate(100%);box-shadow:-8px 0 22px #00000012}.node-inspector.is-open{visibility:visible;opacity:1;pointer-events:auto;border-left:1px solid var(--ui-line);padding:0 16px 20px;overflow-y:auto;transform:translate(0)}.inspector-heading{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;min-height:64px;display:flex}.inspector-heading h2{font-size:17px}.node-identity{gap:5px;padding:19px 0 13px;display:grid}.node-identity strong{overflow-wrap:anywhere;font:600 12px/1.4 ui-monospace,monospace}.coordinate-grid{border:1px solid var(--ui-line);background:#fff;border-radius:6px;grid-template-columns:repeat(3,1fr);display:grid}.coordinate-grid>div{border-right:1px solid var(--ui-line);justify-content:center;align-items:center;gap:7px;min-height:48px;font-size:12px;display:flex}.coordinate-grid>div:last-child{border-right:0}.coordinate-grid span{color:var(--ui-muted)}.inspector-subtitle{margin:24px 0 12px;font-size:13px}.port-list{border:1px solid var(--ui-line);background:#fff;border-radius:6px}.port-row{border-bottom:1px solid var(--ui-line);grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:49px;padding:0 10px;display:grid}.port-row:last-child{border-bottom:0}.port-marker{border:1px solid var(--ui-subtle);border-radius:50%;width:9px;height:9px}.port-marker.occupied{background:var(--ui-ink);border-color:var(--ui-ink)}.port-marker.head{background:var(--ui-muted)}.port-row strong{white-space:nowrap;font-size:12px;font-weight:600}.port-row small{color:var(--ui-muted);margin-left:3px;font-size:11px;font-weight:400}.port-row select{max-width:87px;color:var(--ui-ink);cursor:pointer;background:0 0;border:0;padding:4px;font-size:11px}.port-readonly{color:var(--ui-muted);white-space:nowrap;font-size:10px}.status-bar{border-top:1px solid var(--ui-line);background:var(--ui-panel);align-items:center;min-width:0;display:flex}.view-control{border-right:1px solid var(--ui-line);white-space:nowrap;align-items:center;gap:10px;height:100%;padding:0 12px 0 18px;font-size:12px;font-weight:600;display:flex}.view-segment{border:1px solid var(--ui-line);background:var(--ui-hover);border-radius:6px;gap:2px;padding:3px;display:flex}.view-segment button{cursor:pointer;min-width:44px;height:28px;color:var(--ui-muted);background:0 0;border:0;border-radius:4px;font-size:11px}.view-segment button.selected{background:var(--ui-ink);color:#fff}.status-toggles{border-right:1px solid var(--ui-line);align-items:center;gap:12px;height:100%;padding:0 14px;display:flex}.status-toggle{cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:3px 0;font-size:11px;display:inline-flex}.status-toggle i{background:#d4d4d1;border-radius:12px;width:30px;height:16px;display:block;position:relative}.status-toggle i:after{content:"";background:#fff;border-radius:50%;width:12px;height:12px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.status-toggle i.on{background:var(--ui-ink)}.status-toggle i.on:after{transform:translate(14px)}.status-counts{border:0;border-right:1px solid var(--ui-line);cursor:pointer;white-space:nowrap;background:0 0;flex:1;justify-content:space-around;align-self:stretch;align-items:center;gap:12px;min-width:0;padding:0 12px;font-size:11px;display:flex}.status-counts b{margin-left:4px;font-weight:600}.status-overall{cursor:pointer;white-space:nowrap;background:0 0;border:0;align-self:stretch;align-items:center;gap:8px;min-width:0;padding:0 18px;display:flex}.status-overall span{color:var(--ui-muted);font-size:11px}.status-overall strong{font-size:12px;font-weight:600}.status-overall small{color:var(--ui-muted);font-size:10px}.status-counts:hover,.status-overall:hover{background:var(--ui-hover)}.bom-panel{z-index:25;border:1px solid var(--ui-line);background:var(--ui-panel);border-radius:10px;width:380px;max-height:min(78dvh,680px);padding:0 18px 18px;display:none;position:fixed;bottom:52px;right:16px;overflow-y:auto;box-shadow:0 14px 40px #0002}.bom-panel.desktop-visible{display:block}.sheet-heading{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;min-height:64px;display:flex}.sheet-heading h2{font-size:17px}.bom-section{border-bottom:1px solid var(--ui-line);padding:16px 0}.bom-section h3{margin:0 0 10px;font-size:13px}.bom-line{justify-content:space-between;gap:12px;padding:5px 0;font-size:12px;display:flex}.bom-line strong{white-space:nowrap}.empty-copy{color:var(--ui-muted);font-size:12px;line-height:1.5}.bom-overall{justify-content:space-between;gap:12px;padding:18px 0;font-size:12px;display:flex}.bom-overall span{color:var(--ui-muted)}.bom-export{width:100%}.toast{z-index:50;background:var(--ui-ink);color:#fff;white-space:nowrap;border-radius:6px;max-width:calc(100vw - 24px);padding:10px 14px;font-size:12px;animation:.2s ease-out toast-in;position:fixed;bottom:64px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0002}.toast.error{background:var(--ui-error)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}.mobile-tabs,.mobile-menu,.mobile-sheet-grip,.mobile-sheet-close,.collapsed-tool{display:none}@media (min-width:1360px){.editor-body.has-inspector .floating-toolbar{right:312px}}@media (max-width:1359px){.editor-body,.editor-body.has-inspector{grid-template-columns:64px 280px minmax(0,1fr)}.editor-body.panel-closed.has-inspector{grid-template-columns:64px minmax(0,1fr)}.node-inspector{border-radius:9px;width:280px;height:auto;max-height:calc(100% - 84px);top:72px;right:12px;box-shadow:0 12px 30px #0002}.node-inspector.is-open{border:1px solid var(--ui-line)}.editor-body{position:relative}.status-counts{gap:6px;padding:0 8px}.status-toggles{gap:8px;padding:0 8px}.status-overall{padding:0 10px}}@media (max-width:1050px){.editor-body,.editor-body.has-inspector{grid-template-columns:64px 260px minmax(0,1fr)}.editor-body.panel-closed,.editor-body.panel-closed.has-inspector{grid-template-columns:64px minmax(0,1fr)}.status-counts span:nth-child(n+3){display:none}.status-overall strong{font-size:11px}}@media (max-width:768px),(max-height:440px) and (max-width:900px){.app-shell{grid-template-rows:calc(56px + env(safe-area-inset-top)) minmax(0, 1fr) calc(60px + env(safe-area-inset-bottom))}.site-header{padding:env(safe-area-inset-top) 16px 0;display:flex}.site-brand img{width:116px;height:38px}.site-brand span,.header-project,.header-project-button{display:none}.header-menu-button{width:44px;height:44px;display:inline-flex!important}.editor-body,.editor-body.has-inspector,.editor-body.panel-closed,.editor-body.panel-closed.has-inspector{display:block;position:relative}.category-rail,.status-bar{display:none}.viewport-wrap{position:absolute;inset:0}.floating-toolbar{box-shadow:none;background:0 0;border:0;gap:7px;padding:0;display:grid;top:12px;right:12px}.floating-toolbar>*{display:none!important}.floating-toolbar>:nth-child(5),.floating-toolbar>:nth-child(8),.floating-toolbar>:nth-child(9),.floating-toolbar>:last-child.delete-object{display:inline-flex!important}.floating-toolbar .icon-button{background:var(--ui-panel);border-radius:12px;width:44px;height:44px;box-shadow:0 4px 12px #0002}.placement-banner,.active-tool-banner{white-space:normal;text-align:left;max-width:calc(100% - 82px);top:14px;left:12px;transform:none}.canvas-dimensions,.selection-toolbar{bottom:14px}.mobile-tabs{min-width:0;padding-bottom:env(safe-area-inset-bottom);background:var(--ui-panel);border-top:1px solid var(--ui-line);z-index:24;grid-template-columns:repeat(4,1fr);display:grid}.mobile-tabs button{cursor:pointer;background:0 0;border:0;border-radius:7px;align-content:center;justify-items:center;gap:3px;min-width:0;margin:5px 3px;font-size:12px;display:grid}.mobile-tabs button.selected{background:var(--ui-ink);color:#fff}.mobile-tabs svg{width:20px;height:20px}.tool-panel{z-index:22;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));border:1px solid var(--ui-line);visibility:hidden;pointer-events:none;border-bottom:0;border-radius:20px 20px 0 0;max-height:min(56dvh,470px);padding:17px 16px 20px;transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s,height .26s;display:block;position:fixed;transform:translateY(calc(100% + 24px));box-shadow:0 -10px 30px #0002}.panel-closed>.tool-panel{display:block}.tool-panel.mobile-visible,.panel-closed>.tool-panel.mobile-visible{visibility:visible;pointer-events:auto;transform:translateY(0)}.mobile-sheet-grip{touch-action:none;width:64px;height:24px;margin:-12px auto 3px;display:block;position:relative}.mobile-sheet-grip:before{content:"";background:var(--ui-line-strong);border-radius:6px;width:44px;height:5px;position:absolute;top:8px;left:10px}.mobile-sheet-close{width:44px;height:44px;display:inline-flex;position:absolute;top:24px;right:16px}.tool-panel .panel-heading{padding-right:42px}.tool-panel .panel-heading h2{font-size:17px}.panel-description{margin:6px 0 14px}.rod-option{min-height:94px}.rod-picker{gap:8px}.material-block{margin-top:16px}.panel-footnote{display:none}.object-option{height:132px}.tool-panel.mobile-collapsed{height:86px;max-height:86px;padding:12px 16px}.tool-panel.mobile-collapsed>:not(.collapsed-tool){display:none}.collapsed-tool{justify-content:space-between;align-items:center;height:100%;display:none}.mobile-collapsed .collapsed-tool{display:flex}.collapsed-tool button{cursor:pointer;background:0 0;border:0}.collapsed-tool button:first-child{text-align:left;gap:4px;display:grid}.collapsed-tool strong{font-size:14px}.collapsed-tool span{color:var(--ui-muted);font-size:12px}.tool-panel.mobile-project{z-index:27;top:calc(56px + env(safe-area-inset-top));max-height:none;padding:20px 16px calc(24px + env(safe-area-inset-bottom));border:0;border-radius:0;bottom:0}.tool-panel.mobile-project .mobile-sheet-grip{display:none}.tool-panel.mobile-project .project-browser{min-height:0}.project-actions .primary-button,.project-actions .outline-button{min-height:44px}.project-list{overflow:visible}.node-inspector,.node-inspector.is-open{display:none}.bom-panel{z-index:23;top:auto;left:0;right:0;bottom:calc(60px + env(safe-area-inset-bottom));visibility:hidden;pointer-events:none;border-bottom:0;border-radius:20px 20px 0 0;width:auto;max-height:min(70dvh,660px);transition:transform .32s cubic-bezier(.22,1,.36,1),visibility .32s;display:block;transform:translateY(calc(100% + 24px))}.bom-panel.desktop-visible{display:none}.bom-panel.mobile-visible{visibility:visible;pointer-events:auto;display:block;transform:translateY(0)}.mobile-menu{z-index:28;top:calc(56px + env(safe-area-inset-top));border:1px solid var(--ui-line);background:var(--ui-panel);border-radius:10px;width:min(340px,100vw - 20px);max-height:calc(100dvh - 130px);padding:8px;display:block;position:fixed;right:10px;overflow-y:auto;box-shadow:0 12px 36px #0003}.mobile-menu-heading{border-bottom:1px solid var(--ui-line);justify-content:space-between;align-items:center;padding:4px 8px 8px;display:flex}.mobile-menu>button{border:0;border-bottom:1px solid var(--ui-line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px;font-size:13px;display:flex}.mobile-menu>button:hover{background:var(--ui-hover)}.mobile-menu-subtitle{color:var(--ui-muted);padding:13px 9px 6px;font-size:11px}.mobile-view-options{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.mobile-view-options button{border:1px solid var(--ui-line);background:#fff;border-radius:5px;min-height:38px;font-size:12px}.mobile-view-options button.selected{background:var(--ui-ink);color:#fff}.toast{bottom:calc(72px + env(safe-area-inset-bottom))}}@media (max-width:380px){.rod-option{min-height:88px}.rod-option strong{font-size:13px}.rod-preview{width:70px}.object-option{height:120px}}@media (max-height:440px) and (max-width:900px){.tool-panel{max-height:calc(100dvh - 125px)}.tool-panel.mobile-project{max-height:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}
