:root{color-scheme:light;font-family:IBM Plex Sans,Aptos,Trebuchet MS,sans-serif;--bg-0: #d4d4d4;--bg-1: #cdcdcd;--bg-2: #c7c7c7;--surface-0: rgba(245, 245, 245, .96);--surface-1: rgba(234, 234, 234, .98);--surface-line: rgba(18, 18, 18, .12);--ink-0: #1f1f1f;--ink-1: #3a3a3a;--ink-2: #6f6f6f;--tech-accent: #4c8fcb;--selected-rgb: 201 26 9;--selected-color: #c91a09;--selected-soft: rgba(201, 26, 9, .14);--shadow-soft: 0 1px 2px rgba(0, 0, 0, .08);--shadow-strong: 0 3px 10px rgba(0, 0, 0, .12);--app-height: 100vh;--frame-padding: .42rem;--header-height: 3.7rem;--header-gap: .72rem;--shell-gap: .28rem;--color-tile-size: 2.9rem;--library-width: 26rem;--part-card-height: 5.6rem;--part-card-width: 7.25rem;--side-rail-width: 20rem;--side-rail-tree-height: 19rem;--splitter-width: .72rem}:root[data-theme=dark]{color-scheme:dark;--bg-0: #1c1c1c;--bg-1: #232323;--bg-2: #282828;--surface-0: rgba(49, 49, 49, .98);--surface-1: rgba(42, 42, 42, .98);--surface-line: rgba(255, 255, 255, .08);--ink-0: #f2f2f2;--ink-1: #d0d0d0;--ink-2: #9a9a9a;--shadow-soft: 0 1px 2px rgba(0, 0, 0, .28);--shadow-strong: 0 4px 14px rgba(0, 0, 0, .34)}*{box-sizing:border-box}html,body{margin:0;height:100%}body,#app{height:100vh}body{color:var(--ink-0);background:linear-gradient(180deg,var(--bg-0) 0%,var(--bg-1) 48%,var(--bg-2) 100%)}body:before,body:after{content:"";position:fixed;inset:0;pointer-events:none}body:before{background:none;-webkit-mask-image:none;mask-image:none}body:after{display:none}.app-shell{position:relative;z-index:1;min-height:0;display:grid;grid-template-columns:minmax(17rem,var(--library-width)) var(--splitter-width) minmax(0,1fr) var(--splitter-width) minmax(15.5rem,var(--side-rail-width));grid-template-rows:minmax(0,1fr);gap:var(--shell-gap);align-items:stretch}.app-frame{position:relative;z-index:1;height:var(--app-height);box-sizing:border-box;display:grid;grid-template-rows:auto minmax(0,1fr);row-gap:var(--header-gap);column-gap:var(--shell-gap);padding:var(--frame-padding)}.app-header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:.65rem;min-height:var(--header-height);padding:.62rem .96rem;overflow:hidden}.app-header-copy{display:flex;align-items:center;gap:.68rem;flex:1 1 auto;min-width:0}.app-header-title-row{display:flex;align-items:center;gap:.54rem;min-width:0}.app-header-eyebrow{margin:0;color:var(--ink-2);letter-spacing:.12em}.app-header-tag{display:inline-flex;align-items:center;min-height:1.5rem;padding:.18rem .46rem;border:1px solid var(--surface-line);border-radius:.32rem;font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.app-header-tag{background:#00000005;color:var(--tech-accent)}.app-header-actions{display:flex;align-items:center;gap:.36rem;flex:none}.header-menubar{display:flex;align-items:center}.app-header-project-name{min-width:0;overflow:hidden;color:var(--ink-1);font-size:.8rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.app-header-project-name[hidden]{display:none}.header-menu{position:relative}.header-menu-trigger{appearance:none;display:inline-flex;align-items:center;min-height:1.7rem;padding:.18rem .42rem;border:0;border-radius:.24rem;background:transparent;color:var(--ink-0);font:inherit;font-size:.78rem;line-height:1;cursor:pointer;transition:background .16s ease,color .16s ease}.header-menu-trigger:hover,.header-menu[data-open=true] .header-menu-trigger{background:#4c8fcb1a;color:var(--ink-0)}.header-menu-panel,.selection-context-menu{min-width:14rem;display:grid;gap:0;padding:.26rem 0;border:1px solid rgba(61,81,106,.12);border-radius:.42rem;background:linear-gradient(180deg,var(--surface-0),var(--surface-1));box-shadow:var(--shadow-strong)}.header-menu-panel{position:absolute;top:100%;left:0;z-index:30;overflow:hidden}.selection-context-menu{position:fixed;z-index:70}.header-menu-panel[hidden],.selection-context-menu[hidden]{display:none}.header-menu-item,.selection-context-menu-item{appearance:none;width:100%;display:flex;align-items:center;gap:.62rem;padding:.58rem .72rem;border:0;border-radius:0;background:transparent;color:var(--ink-0);font:inherit;font-size:.8rem;text-align:left;cursor:pointer;transition:background .16s ease,color .16s ease,opacity .16s ease}.header-menu-divider,.selection-context-menu-divider{height:1px;margin:.22rem 0;background:var(--surface-line)}.header-menu-item-icon,.selection-context-menu-icon{width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2);flex:none}.header-menu-item-icon svg,.selection-context-menu-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.header-menu-item-label,.selection-context-menu-label{min-width:0}.header-menu-item:hover,.selection-context-menu-item:hover{background:#4c8fcb1f}.header-menu-item:disabled,.selection-context-menu-item:disabled{cursor:default;opacity:.42}.selection-context-menu-item.is-danger{color:#9f3131}.selection-context-menu-item.is-danger .selection-context-menu-icon{color:currentColor}body.is-project-dialog-open{overflow:hidden}.project-dialog-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:1.2rem;background:#12121257}.project-dialog-backdrop[hidden]{display:none}.project-dialog{width:min(43rem,100%);max-height:min(38rem,calc(100vh - 2.4rem));display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.88rem;padding:1rem;border:1px solid var(--surface-line);border-radius:.5rem;background:linear-gradient(180deg,var(--surface-0),var(--surface-1));box-shadow:var(--shadow-strong);overflow:hidden}.project-overwrite-dialog-backdrop,.project-new-dialog-backdrop,.project-import-dialog-backdrop,.project-rename-dialog-backdrop,.project-delete-dialog-backdrop{z-index:90;background:#1212123d}.project-overwrite-dialog{width:min(28rem,100%);max-height:min(24rem,calc(100vh - 2.4rem))}.project-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.project-dialog-close{appearance:none;width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--surface-line);border-radius:.32rem;background:#00000008;color:var(--ink-1);cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.project-dialog-close:hover{border-color:#4c8fcb66;background:#4c8fcb1a;color:var(--ink-0)}.project-dialog-close span{transform:rotate(45deg);font-size:1.3rem;line-height:1}.project-dialog-description,.project-dialog-hint{margin:0;font-size:.82rem;line-height:1.45;color:var(--ink-1)}.project-dialog-layout{min-height:0;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(15rem,.9fr);gap:.72rem}.project-dialog-panel{min-height:0;display:grid;align-content:start;gap:.75rem;padding:.85rem;border:1px solid var(--surface-line);border-radius:.42rem;background:#ffffff38}.project-list-toolbar{display:grid;gap:.35rem}.project-list-toolbar[hidden]{display:none}.project-list-action{appearance:none;width:100%;min-height:2rem;padding:.4rem .62rem;border:1px solid var(--surface-line);border-radius:.32rem;background:#00000008;color:var(--ink-1);font:inherit;font-size:.75rem;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease}.project-list-action:hover{border-color:#4c8fcb5c;background:#4c8fcb1a;color:var(--ink-0)}.project-list-action.is-danger,.project-dialog-button.is-danger{border-color:#b8414138;background:#b8414114;color:var(--ink-0)}.project-list-action.is-danger:hover,.project-dialog-button.is-danger:hover,.project-list-row-action.is-danger:hover{border-color:#b8414161;background:#b8414124}.project-list{min-height:14rem;display:grid;align-content:start;gap:.28rem;overflow:auto;padding-right:.12rem}.project-list-empty{margin:0;padding:.92rem .3rem;color:var(--ink-2);font-size:.82rem;line-height:1.45}.project-list-row{position:relative}.project-list-item{appearance:none;width:100%;display:grid;gap:.18rem;padding:.68rem 6rem .68rem .74rem;border:1px solid transparent;border-radius:.34rem;background:transparent;color:var(--ink-0);text-align:left;cursor:pointer;transition:background .16s ease,border-color .16s ease}.project-list-item:hover{border-color:#4c8fcb38;background:#4c8fcb14}.project-list-item.is-selected{border-color:#4c8fcb5c;background:#4c8fcb24}.project-list-row-actions{position:absolute;top:.5rem;right:.5rem;bottom:.5rem;display:grid;grid-template-columns:repeat(2,2.35rem);gap:.38rem;opacity:0;pointer-events:none;transform:translateY(-.1rem);transition:opacity .16s ease,transform .16s ease}.project-list-row-action{appearance:none;width:2.35rem;min-width:2.35rem;padding:0;border:1px solid var(--surface-line);border-radius:.34rem;background:#00000008;color:var(--ink-1);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.project-list-row-action svg{width:1.08rem;height:1.08rem;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.project-list-row-action:hover{border-color:#4c8fcb5c;background:#4c8fcb1a;color:var(--ink-0)}.project-list-row:hover .project-list-row-actions,.project-list-row:focus-within .project-list-row-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.project-list-row-action:disabled{cursor:default;opacity:.48}.project-list-item-title{font-size:.84rem;font-weight:700}.project-list-item-meta{color:var(--ink-2);font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.66rem;letter-spacing:.04em}.project-form-field{display:grid;gap:.38rem}.project-form-field[hidden]{display:none}.project-name-input{width:100%;min-height:2.45rem;padding:.58rem .72rem;border:1px solid var(--surface-line);border-radius:.34rem;background:#ffffff61;color:var(--ink-0);font:inherit;font-size:.88rem}.project-name-input::placeholder{color:var(--ink-2)}.project-name-input[readonly]{background:#00000008;color:var(--ink-1)}.project-detail-list{margin:0;display:grid;gap:.55rem}.project-detail-row{display:grid;gap:.12rem}.project-detail-row dt{color:var(--ink-2);font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.project-detail-row dd{margin:0;font-size:.86rem;line-height:1.35}.project-dialog-actions{display:flex;justify-content:flex-end;gap:.48rem}.project-dialog-button{appearance:none;min-height:2.4rem;padding:.56rem .88rem;border:1px solid var(--surface-line);border-radius:.34rem;font:inherit;font-size:.8rem;cursor:pointer;transition:background .16s ease,border-color .16s ease,color .16s ease,opacity .16s ease}.project-dialog-button.is-secondary{background:#00000008;color:var(--ink-1)}.project-dialog-button.is-primary{background:#4c8fcb24;color:var(--ink-0)}.project-dialog-button:hover{border-color:#4c8fcb5c;background:#4c8fcb1a}.project-dialog-button.is-primary:hover{background:#4c8fcb2e}.project-dialog-button:disabled,.project-dialog-close:disabled{cursor:default;opacity:.48}.theme-toggle{appearance:none;border:0;padding:0;background:transparent;cursor:pointer}.theme-toggle-track{position:relative;display:inline-flex;align-items:center;justify-content:flex-end;min-width:5.6rem;min-height:1.95rem;padding:.16rem .66rem;border:1px solid var(--surface-line);border-radius:999px;background:#0000000a;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.theme-toggle:hover .theme-toggle-track{border-color:#4c8fcb66}.theme-toggle-label{font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-1);margin-left:2rem}.theme-toggle-thumb{position:absolute;top:.14rem;left:.14rem;width:1.62rem;height:1.62rem;border-radius:999px;background:#4f4f4f;box-shadow:none;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}:root[data-theme=dark] .theme-toggle-track{justify-content:flex-start;background:#00000038}:root[data-theme=dark] .theme-toggle-label{margin-left:0;margin-right:2rem}:root[data-theme=dark] .theme-toggle-thumb{transform:translate(3.48rem);background:var(--tech-accent)}.app-header,.panel,.workspace,.side-card{position:relative;border:1px solid var(--surface-line);border-radius:.45rem;background:linear-gradient(180deg,var(--surface-0),var(--surface-1));box-shadow:var(--shadow-soft);overflow:hidden}.app-header{overflow:visible}.app-header:before,.panel:before,.workspace:before,.side-card:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:1px;background:linear-gradient(90deg,#ffffff2e,#fff0);pointer-events:none}.panel-resizer{appearance:none;align-self:stretch;width:var(--splitter-width);min-width:var(--splitter-width);padding:0;border:0;border-radius:999px;background:transparent;cursor:col-resize;position:relative}.side-rail-resizer{grid-column:4}.panel-resizer:before{content:"";position:absolute;inset:.22rem .16rem;border-radius:999px;background:#0000000d;transition:background .16s ease}.panel-resizer:hover:before,.panel-resizer:focus-visible:before{background:#4c8fcb24}.panel-resizer-grip{position:absolute;inset:50% 50% auto auto;transform:translate(50%,-50%);width:.18rem;height:2.6rem;border-radius:999px;background:#7a7a7a;box-shadow:-.22rem 0 #0000002e,.22rem 0 #0000002e;pointer-events:none}body.is-resizing-panels{-webkit-user-select:none;user-select:none}body.is-resizing-panels[data-resize-axis=col]{cursor:col-resize}body.is-resizing-panels[data-resize-axis=row]{cursor:row-resize}body.is-resizing-panels .app-header,body.is-resizing-panels .panel,body.is-resizing-panels .workspace,body.is-resizing-panels .side-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.panel{display:grid;grid-template-rows:auto auto minmax(0,1fr);align-content:start;gap:.95rem;padding:.95rem;height:calc(var(--app-height) - var(--header-height) - var(--header-gap) - var(--frame-padding) * 2);min-height:0}.library-panel-stack{position:relative;z-index:1;height:calc(var(--app-height) - var(--header-height) - var(--header-gap) - var(--frame-padding) * 2);min-height:0;display:grid;grid-template-rows:var(--library-color-height, auto) var(--splitter-width) var(--library-part-height, minmax(0, 1fr)) var(--splitter-width) minmax(0,1fr) auto;gap:var(--shell-gap)}.eyebrow,.section-label,.statusbar-label,.next-label{font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.73rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}.section-head{display:grid;gap:.16rem}.section-head strong{font-size:.9rem;line-height:1.35}.color-section,.part-section{display:grid;align-content:start;gap:.55rem;min-height:0}.library-panel-stack>.panel{height:100%;overflow:hidden}.library-panel-stack>.side-card{min-height:0}.color-panel{grid-template-rows:auto auto}.part-panel{grid-template-rows:auto minmax(0,1fr)}.part-section{grid-template-rows:auto minmax(0,1fr);overflow:hidden}.color-list{display:grid;grid-template-columns:repeat(auto-fill,36px);gap:.45rem;justify-content:start}.color-button{appearance:none;position:relative;width:36px;aspect-ratio:1 / 1;padding:0;border:0;border-radius:0;background:transparent;justify-self:start;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.color-button.is-active{box-shadow:none}.color-button.is-active:after{content:"";position:absolute;inset:-.18rem;border:2px solid rgb(var(--selected-rgb) / .56);border-radius:.44rem;pointer-events:none}.color-swatch{display:block;width:100%;height:100%;border-radius:.36rem;background:var(--swatch-color);box-shadow:inset 0 0 0 1px #0000002e}.color-button[data-color-button=white] .color-swatch{box-shadow:inset 0 0 0 1px #00000038}.part-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.45rem;align-content:start;min-height:0;overflow-y:auto;padding-right:.12rem}.part-button{appearance:none;display:grid;gap:.4rem;width:100%;max-width:200px;padding:.28rem;border:1px solid rgba(61,81,106,.14);border-radius:.45rem;background:#00000005;color:var(--ink-0);text-align:left;justify-self:start;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.part-button:hover{border-color:#4c8fcb47;background:#0000000a}.part-button.is-active{border-color:#4c8fcb7a;background:#4c8fcb14;box-shadow:inset 0 0 0 1px #4c8fcb14}.part-button.is-drag-source{border-color:#4c8fcb75;background:#4c8fcb1f;box-shadow:inset 0 0 0 1px #4c8fcb14,0 0 0 1px #4c8fcb1f;opacity:.78}.part-preview-frame{display:block;aspect-ratio:4 / 3;padding:.1rem;border-radius:.32rem;overflow:hidden;border:1px solid rgba(0,0,0,.16);background:linear-gradient(180deg,#f4f4f4,#e6e6e6)}.part-preview,.part-tooltip-preview{display:block;width:100%;height:100%}.part-preview canvas,.part-tooltip-preview canvas{display:block;width:100%;height:100%}.part-button-copy{display:flex;align-items:center;gap:.4rem;min-width:0;padding:0 .06rem .02rem}.part-button-copy .library-drag-overlay-badge{flex:none}.part-button-copy .library-drag-overlay-label{flex:1 1 auto}.library-drag-overlay{position:fixed;left:0;top:0;z-index:90;display:inline-flex;align-items:center;gap:.45rem;min-height:2rem;max-width:min(18rem,calc(100vw - 1.5rem));padding:.34rem .56rem;border:1px solid rgba(61,81,106,.14);border-radius:.42rem;background:linear-gradient(180deg,var(--surface-0),var(--surface-1));color:var(--ink-0);box-shadow:var(--shadow-strong);pointer-events:none}.library-drag-overlay[hidden]{display:none}.library-drag-overlay-badge{display:inline-flex;align-items:center;min-height:1.2rem;padding:.08rem .34rem;border-radius:999px;background:#4c8fcb1f;color:var(--tech-accent);font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.62rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.library-drag-overlay-label{min-width:0;overflow:hidden;font-size:.82rem;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}.panel-resizer-horizontal{align-self:auto;width:100%;min-width:0;height:var(--splitter-width);min-height:var(--splitter-width);cursor:row-resize}.panel-resizer-horizontal:before{inset:.16rem .22rem}.panel-resizer-horizontal .panel-resizer-grip{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:2.6rem;height:.18rem;box-shadow:0 -.22rem #0000002e,0 .22rem #0000002e}.workspace-head-copy strong,.metric-pill strong,.workflow-card strong,.workspace-statusbar strong{display:block}.part-tooltip{position:fixed;top:0;left:0;z-index:40;width:13.5rem;padding:.62rem;border:1px solid rgba(61,81,106,.12);border-radius:.42rem;background:linear-gradient(180deg,var(--surface-0),var(--surface-1));box-shadow:var(--shadow-strong);pointer-events:none;opacity:0;visibility:hidden;will-change:transform,opacity}.part-tooltip.is-visible{opacity:1;visibility:visible}.part-tooltip-preview-frame{display:block;aspect-ratio:4 / 3;padding:.5rem;border:1px solid rgba(61,81,106,.1);border-radius:.32rem;overflow:hidden;background:linear-gradient(180deg,#f4f4f4,#e6e6e6)}.part-tooltip-copy{display:grid;gap:.14rem;margin-top:.5rem}.part-tooltip-copy strong{font-size:.84rem;line-height:1.25}.part-tooltip-copy span{font-size:.72rem;color:var(--ink-2)}.workspace{height:calc(var(--app-height) - var(--header-height) - var(--header-gap) - var(--frame-padding) * 2);min-height:0;display:grid;grid-template-rows:auto 1fr auto}.workspace-head{display:flex;align-items:start;justify-content:space-between;gap:.75rem;padding:.8rem .85rem .65rem}.workspace-head-copy{display:grid;gap:.18rem}.workspace-head-copy strong{font-size:1rem;line-height:1.2}.workspace-head-metrics{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.36rem}.metric-pill{display:grid;gap:.08rem;min-width:6.5rem;padding:.42rem .54rem;border:1px solid rgba(61,81,106,.12);border-radius:.32rem;background:#00000008}.metric-pill span{font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.62rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2)}.metric-pill strong{font-size:.8rem;line-height:1.2}.workspace-body{min-height:0;display:grid;grid-template-columns:auto 1fr;gap:.55rem;padding:0 .55rem .55rem}.tool-rail{display:grid;grid-auto-rows:max-content;gap:.35rem;padding-top:.08rem}.tool-button{appearance:none;width:2.55rem;height:2.55rem;padding:0;border:1px solid rgba(61,81,106,.14);border-radius:.45rem;background:#00000005;color:var(--ink-0);display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.tool-button svg{width:1.05rem;height:1.05rem;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;fill:none}.tool-button:hover{border-color:#4c8fcb47;background:#0000000a}.tool-button:focus-visible{outline:none;border-color:#4c8fcb57;box-shadow:0 0 0 2px #4c8fcb29,inset 0 0 0 1px #4c8fcb14}.tool-button.is-active{border-color:#4c8fcb70;background:#4c8fcb14;color:var(--ink-0);box-shadow:inset 0 0 0 1px #4c8fcb14}.viewport-frame{min-height:0;display:grid;grid-template-rows:auto 1fr;gap:.45rem}.viewport-chrome{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.badge,.hud-chip{display:inline-flex;align-items:center;min-height:1.65rem;padding:.22rem .56rem;border:1px solid var(--surface-line);border-radius:.28rem;background:#00000008;color:var(--ink-2);font-size:.68rem;font-weight:700}.badge{color:var(--tech-accent)}.hud-chip-list{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.32rem}.viewport{position:relative;min-height:34rem;overflow:hidden;border:1px solid rgba(0,0,0,.14);border-radius:.42rem;background:linear-gradient(180deg,#f0f0f0,#dbdbdb);box-shadow:inset 0 1px #ffffff8c}.viewport-selection-marquee{position:absolute;z-index:12;border:1px solid rgba(76,143,203,.7);background:#4c8fcb24;pointer-events:none}:root[data-theme=dark] .panel,:root[data-theme=dark] .workspace,:root[data-theme=dark] .side-card,:root[data-theme=dark] .app-header{background:linear-gradient(180deg,var(--surface-0),var(--surface-1))}:root[data-theme=dark] .panel-resizer:before{background:#ffffff0d}:root[data-theme=dark] .panel-resizer:hover:before,:root[data-theme=dark] .panel-resizer:focus-visible:before{background:#4c8fcb1f}:root[data-theme=dark] .metric-pill,:root[data-theme=dark] .badge,:root[data-theme=dark] .hud-chip,:root[data-theme=dark] .workspace-statusbar{background:#ffffff08}:root[data-theme=dark] .color-button,:root[data-theme=dark] .part-button,:root[data-theme=dark] .tool-button,:root[data-theme=dark] .history-button,:root[data-theme=dark] .project-tree-toggle,:root[data-theme=dark] .project-dialog-panel,:root[data-theme=dark] .project-list-action,:root[data-theme=dark] .project-dialog-button,:root[data-theme=dark] .project-dialog-close,:root[data-theme=dark] .project-name-input,:root[data-theme=dark] .project-list-item{border-color:#ffffff14;background:#ffffff05;color:var(--ink-0)}:root[data-theme=dark] .header-menu-panel,:root[data-theme=dark] .selection-context-menu{border-color:#ffffff14;background:linear-gradient(180deg,#313131,#2a2a2a);color:var(--ink-0)}:root[data-theme=dark] .library-drag-overlay{border-color:#ffffff14;background:linear-gradient(180deg,#313131,#2a2a2a)}:root[data-theme=dark] .header-menu-divider,:root[data-theme=dark] .selection-context-menu-divider{background:#ffffff14}:root[data-theme=dark] .project-tree-entry,:root[data-theme=dark] .project-tree-summary{border-color:transparent;background:transparent;color:var(--ink-0)}:root[data-theme=dark] .project-tree-entry.is-selected{border-color:#4c8fcb6b;background:#4c8fcb2e;box-shadow:inset 0 0 0 1px #4c8fcb14}:root[data-theme=dark] .project-tree-children{border-left-color:#ffffff14}:root[data-theme=dark] .color-button:hover,:root[data-theme=dark] .part-button:hover,:root[data-theme=dark] .tool-button:hover,:root[data-theme=dark] .history-button:hover,:root[data-theme=dark] .project-tree-entry:hover,:root[data-theme=dark] .project-tree-toggle:hover,:root[data-theme=dark] .project-list-action:hover,:root[data-theme=dark] .project-dialog-button:hover,:root[data-theme=dark] .project-dialog-close:hover,:root[data-theme=dark] .project-list-item:hover,:root[data-theme=dark] .header-menu-trigger:hover,:root[data-theme=dark] .header-menu[data-open=true] .header-menu-trigger,:root[data-theme=dark] .header-menu-item:hover,:root[data-theme=dark] .selection-context-menu-item:hover{background:#ffffff0a;box-shadow:none}:root[data-theme=dark] .selection-context-menu-item.is-danger{color:#d77b7b}:root[data-theme=dark] .project-dialog-backdrop{background:#0000007a}:root[data-theme=dark] .project-overwrite-dialog-backdrop{background:#0000009e}:root[data-theme=dark] .project-rename-dialog-backdrop{background:#0000009e}:root[data-theme=dark] .project-delete-dialog-backdrop{background:#0000009e}:root[data-theme=dark] .project-list-item.is-selected,:root[data-theme=dark] .project-dialog-button.is-primary{background:#4c8fcb2e}:root[data-theme=dark] .project-list-row-action{border-color:#ffffff14;background:#ffffff05;color:var(--ink-0)}:root[data-theme=dark] .group-library-entry{border-color:#ffffff14;background:#ffffff05}:root[data-theme=dark] .group-library-entry:hover{background:#ffffff0a}:root[data-theme=dark] .part-button.is-active{border-color:#4c8fcb6b;background:#4c8fcb2e;box-shadow:inset 0 0 0 1px #4c8fcb14}:root[data-theme=dark] .tool-button.is-active{border-color:#4c8fcb6b;background:#4c8fcb2e;box-shadow:inset 0 0 0 1px #4c8fcb14}:root[data-theme=dark] .history-button.is-current{border-color:#4c8fcb6b;background:#4c8fcb2e;box-shadow:inset 0 0 0 1px #4c8fcb14}:root[data-theme=dark] .group-library-entry.is-active{border-color:#4c8fcb6b;background:#4c8fcb2e;box-shadow:inset 0 0 0 1px #4c8fcb14}:root[data-theme=dark] .group-library-entry-preview-frame{border-color:#ffffff14;background:linear-gradient(180deg,#2a2a2a,#212121)}:root[data-theme=dark] .project-list-row-action:hover{background:#ffffff0a}:root[data-theme=dark] .project-list-action.is-danger,:root[data-theme=dark] .project-dialog-button.is-danger,:root[data-theme=dark] .project-list-row-action.is-danger{background:#b8414129}:root[data-theme=dark] .project-list-action.is-danger:hover,:root[data-theme=dark] .project-dialog-button.is-danger:hover,:root[data-theme=dark] .project-list-row-action.is-danger:hover{background:#b8414138}:root[data-theme=dark] .project-name-input[readonly]{background:#ffffff0a}:root[data-theme=dark] .part-preview-frame,:root[data-theme=dark] .part-tooltip-preview-frame{border-color:#ffffff14;background:linear-gradient(180deg,#2b2b2b,#1f1f1f)}:root[data-theme=dark] .viewport{border-color:#ffffff14;background:linear-gradient(180deg,#2b2b2b,#1f1f1f);box-shadow:inset 0 1px #ffffff0a}:root[data-theme=dark] .viewport-selection-marquee{border-color:#5a93c2c2;background:#5a93c229}.viewport canvas{display:block;width:100%;height:100%}.workspace-statusbar{display:flex;align-items:center;gap:.65rem;min-height:3.2rem;padding:.7rem .85rem .78rem;border-top:1px solid rgba(61,81,106,.1);background:#00000005}.statusbar-label{flex:none}.workspace-statusbar strong{font-size:.88rem;line-height:1.45}.side-rail{height:calc(var(--app-height) - var(--header-height) - var(--header-gap) - var(--frame-padding) * 2);min-height:0;display:grid;grid-template-rows:minmax(0,var(--side-rail-tree-height)) var(--splitter-width) minmax(0,1fr);gap:.55rem}.side-card{display:grid;align-content:start;gap:.62rem;padding:.82rem}.workflow-card{border-color:var(--surface-line);box-shadow:inset 2px 0 #4c8fcb85,var(--shadow-soft);color:var(--ink-0)}.library-workflow-card{min-height:0}.workflow-card strong{font-size:.94rem;line-height:1.45}.workflow-card p{margin:0;color:var(--ink-2);font-size:.82rem;line-height:1.45}.history-card{min-height:0;grid-template-rows:auto 1fr}.side-rail-section-resizer{width:100%}.project-tree-card,.group-library-card{min-height:0;grid-template-rows:auto 1fr}.project-tree{min-height:0;overflow:auto;padding-right:.06rem}.group-library{min-height:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-content:start;gap:.56rem;overflow:auto;padding-right:.06rem}.project-tree-empty{margin:0;padding:.2rem 0 .2rem 2rem;color:var(--ink-2);font-size:.8rem;line-height:1.45}.group-library-empty{margin:0;padding:.2rem 0;color:var(--ink-2);font-size:.8rem;line-height:1.45}.group-library-row{width:100%;max-width:400px;position:relative}.group-library-entry{position:relative;display:block;width:100%;border:1px solid rgba(61,81,106,.12);border-radius:.42rem;background:#00000005;justify-self:start;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.group-library-entry-main{appearance:none;display:grid;width:100%;gap:.48rem;padding:.46rem;border:0;background:transparent;color:var(--ink-0);font:inherit;text-align:left;cursor:pointer}.group-library-entry-main:focus-visible{outline:none}.group-library-entry:hover{border-color:#4c8fcb47;background:#0000000a}.group-library-entry:focus-within{outline:none;border-color:#4c8fcb57;box-shadow:0 0 0 2px #4c8fcb29,inset 0 0 0 1px #4c8fcb14}.group-library-entry.is-active{border-color:#4c8fcb70;background:#4c8fcb14;box-shadow:inset 0 0 0 1px #4c8fcb14}.group-library-entry.is-drag-source{border-color:#4c8fcb75;background:#4c8fcb1f;box-shadow:inset 0 0 0 1px #4c8fcb14,0 0 0 1px #4c8fcb1f;opacity:.78}.group-library-entry-preview-frame{position:relative;display:block;aspect-ratio:4 / 3;border:1px solid rgba(0,0,0,.16);border-radius:.34rem;overflow:hidden;background:linear-gradient(180deg,#f4f4f4,#e6e6e6)}.group-library-entry-preview{display:block;width:100%;height:100%}.group-library-entry-preview canvas{display:block;width:100%;height:100%}.group-library-entry-copy{display:grid;gap:.14rem}.group-library-entry-title{min-width:0;overflow:hidden;color:var(--ink-0);font-size:.82rem;font-weight:700;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.group-library-entry-meta{min-width:0;overflow:hidden;color:var(--ink-2);font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.66rem;line-height:1.45;letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap}.group-library-entry-actions{position:absolute;top:.8rem;right:.8rem;z-index:2;display:inline-flex;gap:.26rem;align-items:center;transition:opacity .16s ease,transform .16s ease}.group-library-entry-action{width:1.74rem;min-width:1.74rem;height:1.74rem;border-radius:.3rem;border-color:#ffffff47;background:#ffffffc7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media(hover:hover){.group-library-entry-actions{opacity:0;pointer-events:none;transform:translateY(-.12rem)}.group-library-row:hover .group-library-entry-actions,.group-library-row:focus-within .group-library-entry-actions{opacity:1;pointer-events:auto;transform:translateY(0)}}.group-library-entry-action svg{width:.86rem;height:.86rem}.project-tree-node{display:grid;gap:.14rem}.project-tree-row{--tree-depth: 0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.34rem;align-items:start;padding-left:calc(var(--tree-depth) * .92rem)}.project-tree-row.is-leaf-root{grid-template-columns:minmax(0,1fr)}.project-tree-toggle,.project-tree-toggle-spacer{width:1.6rem;height:1.6rem;flex:none}.project-tree-toggle{appearance:none;display:inline-flex;align-items:center;justify-content:center;align-self:center;margin-top:.08rem;padding:0;border:1px solid rgba(61,81,106,.12);border-radius:.4rem;background:#00000005;color:var(--ink-2);cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.project-tree-toggle:hover,.project-tree-toggle:focus-visible{border-color:#4c8fcb47;background:#4c8fcb14;color:var(--ink-0)}.project-tree-toggle svg{width:.8rem;height:.8rem;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.9;fill:none;transition:transform .16s ease}.project-tree-toggle[aria-expanded=true] svg{transform:rotate(90deg)}.project-tree-summary,.project-tree-entry{width:100%;min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:.46rem;align-items:center;padding:.28rem .34rem;border:0;border-radius:.34rem;background:transparent}.project-tree-entry{appearance:none;border:1px solid transparent;color:var(--ink-0);text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.project-tree-entry:hover,.project-tree-entry:focus-visible{outline:none;border-color:#4c8fcb47;background:#0000000a}.project-tree-entry.is-selected{border-color:#4c8fcb70;background:#4c8fcb14;box-shadow:inset 0 0 0 1px #4c8fcb14}.project-tree-icon{width:1.1rem;height:1.1rem;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-2)}.project-tree-icon svg{width:100%;height:100%;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7;fill:none}.project-tree-copy{min-width:0;display:block}.project-tree-title{min-width:0;overflow:hidden;color:var(--ink-0);font-size:.8rem;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.project-tree-children{display:grid;gap:.14rem;margin-left:.82rem;padding-left:1.12rem;border-left:1px solid rgba(61,81,106,.12)}.project-tree-children[hidden]{display:none}.history-list{min-height:0;display:grid;align-content:start;gap:.18rem;overflow:auto;padding-right:.06rem}.history-button{appearance:none;width:100%;display:grid;grid-template-columns:auto 1fr;gap:.46rem;align-items:center;padding:.28rem .34rem;border:1px solid transparent;border-radius:.34rem;background:transparent;color:var(--ink-0);text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,opacity .16s ease}.history-button:hover,.history-button:focus-visible{outline:none;border-color:#4c8fcb47;background:#0000000a}.history-button.is-current{border-color:#4c8fcb70;background:#4c8fcb14;color:var(--ink-0);box-shadow:inset 0 0 0 1px #4c8fcb14}.history-button.is-future{opacity:.5}.history-button.is-future:hover,.history-button.is-future:focus-visible{opacity:.74}.history-step{width:1.3rem;height:1.3rem;display:grid;place-items:center;border-radius:.28rem;background:#4c8fcb1f;color:var(--tech-accent);font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.62rem;font-weight:700}.history-button.is-current .history-step{background:#4c8fcb33;color:var(--tech-accent)}.history-copy{min-width:0;overflow:hidden;font-size:.8rem;font-weight:600;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}@media(max-width:1180px){.app-shell{grid-template-columns:minmax(17rem,var(--library-width)) var(--splitter-width) minmax(0,1fr)}.side-rail-resizer,.side-rail-section-resizer{display:none}.panel{height:calc(var(--app-height) - var(--header-height) - var(--header-gap) - var(--frame-padding) * 2)}.side-rail{grid-column:1 / -1;height:auto;grid-template-columns:1fr 1fr;grid-template-rows:none}}@media(max-width:920px){:root{--header-height: auto}.app-shell{grid-template-columns:1fr;grid-template-rows:none}.panel-resizer,.library-section-resizer{display:none}.workspace,.side-rail,.panel{height:auto}.library-panel-stack{height:auto;grid-template-rows:none}.part-list{overflow:visible;padding-right:0}.app-header{flex-direction:column;align-items:stretch}.app-header-actions{justify-content:space-between;flex-wrap:wrap}.project-dialog-layout{grid-template-columns:1fr}.project-list{min-height:10rem}.workspace-body{grid-template-columns:1fr}.tool-rail{grid-auto-flow:column;justify-content:start;padding-top:0}.viewport{min-height:24rem}}@media(max-width:640px){:root{--frame-padding: .8rem;--shell-gap: .8rem}.panel,.side-card{padding:.8rem}.app-header{padding:.72rem .9rem}.app-header-title-row{flex-direction:column;align-items:flex-start;gap:.45rem}.app-header-actions{width:100%}.project-dialog-backdrop{padding:.7rem}.project-dialog{max-height:calc(100vh - 1.4rem);padding:.82rem}.project-dialog-actions{flex-direction:column-reverse}.project-dialog-button{width:100%}.theme-toggle{margin-left:auto}.workspace-head{flex-direction:column;padding:.75rem .75rem .6rem}.workspace-head-metrics{width:100%;justify-content:stretch}.metric-pill{min-width:0;flex:1 1 9rem}.workspace-body{padding:0 .5rem .5rem}.side-rail{display:grid;gap:.5rem}}@media(max-width:440px){.workspace-statusbar{flex-direction:column;align-items:flex-start;gap:.45rem}}