.header-tool{justify-content:space-between;align-items:center;gap:var(--header-tool-row-gap);width:100%;min-height:var(--header-tool-row-min-height);padding:var(--header-tool-row-padding-block) var(--header-tool-row-padding-inline);border:var(--header-tool-row-border-width) solid var(--header-tool-row-border-color);border-radius:var(--header-tool-row-radius);background:var(--header-tool-row-background);flex-wrap:wrap;min-width:0;display:flex}.header-tool-leading{align-items:center;gap:var(--header-tool-leading-gap);min-width:0;display:flex}.header-tool-leading>img{width:var(--header-tool-logo-width);flex:none;height:auto}.header-tool-title-group{gap:var(--header-tool-title-group-gap);flex-direction:column;min-width:0;display:flex}.header-tool-title-group>strong{font-size:var(--type-tool-title-size);font-weight:var(--type-tool-title-weight);line-height:var(--type-tool-title-line-height);letter-spacing:var(--type-tool-title-tracking);color:var(--text-primary)}.header-tool-title-group>span{font-size:var(--type-micro-label-size);letter-spacing:.02em;color:var(--text-secondary);font-weight:600;line-height:1.2}.header-tool>.segmented-control{margin-inline-start:auto}.header-tool-actions{align-items:center;gap:var(--header-tool-actions-gap);flex-wrap:wrap;flex:none;display:flex}.header-tool-status{color:var(--text-secondary);font-size:var(--type-micro-label-size);font-weight:700;line-height:var(--type-micro-label-line-height);letter-spacing:.02em}.header-tool-button{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-panel);min-height:28px;color:var(--text-primary);font-family:var(--font-family-body);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:.78rem;font-weight:700;text-decoration:none;display:inline-flex}.header-tool-button:hover{background:var(--surface-panel-muted);text-decoration:none}.status-strip{align-items:center;gap:var(--status-strip-gap);padding:var(--status-strip-padding-block) var(--status-strip-padding-inline);border:var(--status-strip-border-width) solid var(--status-strip-border-color);border-radius:var(--status-strip-radius);background:var(--status-strip-background);flex-wrap:wrap;display:flex}.status-strip-item{align-items:center;gap:6px;min-width:0;display:inline-flex}.status-strip-item>strong{font-size:var(--type-metric-size);line-height:var(--type-metric-line-height)}.status-strip-label{color:var(--text-muted);font-size:var(--type-micro-label-size);font-weight:var(--type-micro-label-weight);line-height:var(--type-micro-label-line-height);letter-spacing:var(--type-micro-label-tracking);text-transform:uppercase}.status-strip-good{color:var(--text-success)}.workbench-shell{gap:var(--layout-workbench-shell-gap);padding:var(--layout-workbench-shell-padding);border-radius:var(--layout-workbench-shell-radius);background:var(--layout-workbench-shell-background);flex-direction:column;min-width:0;display:flex;container-type:inline-size}.workbench-grid{grid-template-columns:var(--layout-workbench-grid-columns);gap:var(--layout-workbench-grid-gap);align-items:stretch;min-width:0;min-height:0;display:grid}.workbench-grid>*{min-width:0;min-height:0}.stage{gap:var(--surface-stage-gap);min-height:var(--surface-stage-min-height);padding:var(--surface-stage-padding);border:var(--surface-stage-border-width) solid var(--surface-stage-border-color);border-radius:var(--surface-stage-radius);background:var(--surface-stage-background);flex-direction:column;min-width:0;display:flex;overflow:hidden}.stage-toolbar,.stage-footer{justify-content:space-between;align-items:center;gap:var(--surface-stage-toolbar-gap);min-height:var(--surface-stage-toolbar-min-height);padding-inline:var(--surface-stage-toolbar-padding-inline);flex-wrap:wrap;display:flex}.stage-footer{gap:var(--surface-stage-footer-gap);min-height:var(--surface-stage-footer-min-height);padding-inline:var(--surface-stage-footer-padding-inline)}.stage-canvas{min-height:var(--surface-stage-canvas-min-height);border-radius:var(--surface-stage-canvas-radius);background:var(--surface-stage-canvas-background);min-width:0}.pane{border:var(--pane-border-width) solid var(--pane-border-color);border-radius:var(--pane-radius);background:var(--pane-background);box-shadow:var(--pane-shadow);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.pane-head{gap:var(--pane-head-gap);padding:var(--pane-head-padding-block) var(--pane-head-padding-inline);border-bottom:1px solid var(--pane-head-border-color);flex-direction:column;display:flex}.pane-body{gap:var(--pane-body-gap);padding:var(--pane-body-padding-block) var(--pane-body-padding-inline);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:auto}.pane-head>strong{font-size:var(--type-panel-title-size);font-weight:var(--type-panel-title-weight);line-height:var(--type-panel-title-line-height);letter-spacing:var(--type-panel-title-tracking);color:var(--text-primary)}.segmented-control{align-items:stretch;gap:var(--control-segmented-track-gap);white-space:nowrap;width:fit-content;padding:var(--control-segmented-track-padding);border:var(--control-segmented-track-border-width) solid var(--control-segmented-track-border-color);border-radius:var(--control-segmented-track-radius);background:var(--control-segmented-track-background);display:inline-flex;overflow:hidden}.segmented-control>button{appearance:none;min-height:var(--control-segmented-segment-min-height);padding-inline:var(--control-segmented-segment-padding-inline);border:0;border-left:var(--control-segmented-track-border-width) solid var(--control-segmented-track-border-color);background:var(--control-segmented-segment-background);color:var(--control-segmented-segment-text-color);font-family:var(--control-segmented-segment-text-family);font-size:var(--control-segmented-segment-text-size);font-weight:var(--control-segmented-segment-text-weight);box-shadow:none;cursor:pointer;border-radius:0;margin:0;line-height:1;position:relative}.segmented-control>button:first-child{border-top-left-radius:var(--control-segmented-segment-radius);border-bottom-left-radius:var(--control-segmented-segment-radius);border-left:0}.segmented-control>button:last-child{border-top-right-radius:var(--control-segmented-segment-radius);border-bottom-right-radius:var(--control-segmented-segment-radius)}.segmented-control>button:hover{background:var(--control-segmented-segment-background-hover)}.segmented-control>button[aria-selected=true]{background:var(--control-segmented-segment-background-selected);box-shadow:inset 0 0 0 1px var(--control-segmented-segment-border-color-selected)}.property-list{gap:var(--control-property-list-gap);flex-direction:column;display:flex}.property-row{gap:var(--control-property-row-gap);flex-direction:column;display:flex}.property-row+.property-row{padding-top:var(--space-control-gap);border-top:1px solid var(--control-property-row-divider-color)}.property-row-head{justify-content:space-between;align-items:baseline;gap:var(--control-property-row-head-gap);display:flex}.property-row-head>label{color:var(--control-property-row-label-color);font-size:var(--control-property-row-label-size);font-weight:var(--control-property-row-label-weight)}.property-row-head>output{color:var(--control-property-row-value-color);font-size:var(--control-property-row-value-size);font-weight:var(--control-property-row-value-weight);font-family:var(--control-property-row-value-family)}.property-row input[type=range]{appearance:none;width:100%;accent-color:var(--accent-brand);background:0 0;margin:0}.property-row input[type=range]::-webkit-slider-runnable-track{height:var(--control-slider-track-height);border-radius:var(--control-slider-track-radius);background:var(--control-slider-track-background)}.property-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:var(--control-slider-thumb-size);height:var(--control-slider-thumb-size);margin-top:calc((var(--control-slider-track-height) - var(--control-slider-thumb-size)) / 2);border-radius:var(--control-slider-thumb-radius);border:var(--control-slider-thumb-border);background:var(--control-slider-thumb-background);box-shadow:var(--control-slider-thumb-shadow)}.property-row input[type=range]::-moz-range-track{height:var(--control-slider-track-height);border-radius:var(--control-slider-track-radius);background:var(--control-slider-track-background);border:0}.property-row input[type=range]::-moz-range-thumb{width:var(--control-slider-thumb-size);height:var(--control-slider-thumb-size);border-radius:var(--control-slider-thumb-radius);border:var(--control-slider-thumb-border);background:var(--control-slider-thumb-background);box-shadow:var(--control-slider-thumb-shadow)}.check-row{align-items:center;gap:var(--control-check-row-gap);grid-template-columns:minmax(0,1fr) auto;display:grid}.check-row>label{color:var(--text-secondary);font-size:var(--type-label-size);font-weight:400}.check-row>input[type=checkbox]{width:var(--control-check-box-size);height:var(--control-check-box-size);accent-color:var(--accent-brand-deep);border-radius:var(--control-check-box-radius);margin:0}.color-row{align-items:center;gap:var(--control-color-row-gap);grid-template-columns:minmax(0,1fr) auto;display:grid}.color-row>label{color:var(--text-secondary);font-size:var(--type-label-size);font-weight:400}.color-field{align-items:center;gap:8px;display:inline-flex;position:relative}.color-field-button{min-height:var(--control-color-input-min-height);border:1px solid var(--control-color-input-border-color);border-radius:var(--control-color-input-radius);background:var(--control-color-input-background);color:var(--text-primary);font-family:var(--font-family-code);font-size:var(--type-micro-label-size);cursor:pointer;white-space:nowrap;align-items:center;gap:8px;padding:0 8px;font-weight:500;display:inline-flex}.color-swatch{width:var(--control-color-swatch-size);height:var(--control-color-swatch-size);border:1px solid var(--control-color-swatch-border-color);border-radius:var(--control-color-swatch-radius);background:#fff;flex:none;padding:0}.color-popover{z-index:20;width:min(250px,100vw - 32px);padding:var(--control-color-popover-padding);border:1px solid var(--control-color-popover-border-color);border-radius:var(--control-color-popover-radius);background:var(--control-color-popover-background);box-shadow:var(--shadow-panel);gap:var(--control-color-popover-gap);display:none;position:absolute;top:calc(100% + 8px);right:0}.color-field[data-open=true] .color-popover{display:grid}.color-popover-row{gap:6px;display:grid}.color-popover-row>label{color:var(--text-secondary);font-size:var(--type-micro-label-size);font-weight:600;line-height:var(--type-micro-label-line-height);letter-spacing:.02em;text-transform:uppercase}.color-popover-inline{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.color-popover-picker{border:1px solid var(--control-color-swatch-border-color);border-radius:calc(var(--control-color-swatch-radius) + 1px);appearance:none;cursor:pointer;background:#fff;width:40px;height:28px;padding:0;overflow:hidden}.color-popover-picker::-webkit-color-swatch-wrapper{padding:0}.color-popover-picker::-webkit-color-swatch{border-radius:calc(var(--control-color-swatch-radius));border:0}.color-popover-picker::-moz-color-swatch{border-radius:calc(var(--control-color-swatch-radius));border:0}.color-input{min-height:var(--control-color-input-min-height);padding-inline:var(--control-color-input-padding-inline);border:1px solid var(--control-color-input-border-color);border-radius:var(--control-color-input-radius);background:var(--control-color-input-background);color:var(--text-primary);font-family:var(--font-family-code);font-size:var(--type-micro-label-size);width:8.5ch;font-weight:500}.color-popover .property-row+.property-row{border-top:0;padding-top:0}.tag-list{gap:var(--tag-gap);flex-wrap:wrap;display:flex}.tag{min-height:var(--tag-min-height);padding:0 var(--tag-padding-inline);border:1px solid var(--tag-border-color);border-radius:var(--tag-radius);background:var(--tag-background);color:var(--tag-text-color);font-size:var(--tag-text-size);font-weight:var(--tag-text-weight);white-space:nowrap;align-items:center;gap:6px;line-height:1;text-decoration:none;display:inline-flex;overflow:hidden}.tag>svg{opacity:.75;flex:none}.tag--brand{background:color-mix(in srgb, var(--accent-brand) 18%, white);border-color:color-mix(in srgb, var(--accent-brand) 30%, var(--border-subtle));color:color-mix(in srgb, var(--accent-brand-deep) 68%, var(--text-primary))}.tag--success{color:#2a5f91;background:#63b4ff24;border-color:#63b4ff47}.tag--warning{color:#8a540c;background:#ff9c111f;border-color:#ff9c113d}.tag--secondary{color:var(--text-secondary);background:#64646414;border-color:#3232322e}.tag-segmented{gap:0;padding:0}.tag-segmented-label,.tag-segmented-meta{min-height:inherit;padding:0 var(--tag-padding-inline);align-items:center;display:inline-flex}.tag-segmented-label{gap:6px}.tag-segmented-meta{border-left:1px solid var(--tag-split-divider-color);font-family:var(--font-family-code);background:#0000000a}.list{gap:var(--list-gap);flex-direction:column;display:flex}.list-row{justify-content:space-between;align-items:center;gap:var(--list-row-gap);padding:var(--list-row-padding-block) var(--list-row-padding-inline);border:var(--list-row-border-width) solid var(--list-row-border-color);border-radius:var(--list-row-radius);background:var(--list-row-background);display:flex}.user-profile{align-items:center;gap:var(--user-profile-shell-gap);width:max-content;max-width:100%;min-height:var(--user-profile-shell-min-height);padding:var(--user-profile-shell-padding-block) var(--user-profile-shell-padding-inline);border:var(--user-profile-shell-border-width) solid var(--user-profile-shell-border-color);border-radius:var(--user-profile-shell-radius);background:var(--user-profile-shell-background);box-shadow:var(--shadow-subtle);color:var(--text-primary);font-family:var(--font-family-body);min-width:0;text-decoration:none;display:inline-flex}button.user-profile{appearance:none;cursor:pointer}.user-profile:hover{text-decoration:none}.user-profile-logo{width:var(--user-profile-logo-width);flex:none;height:auto;display:block}.user-profile-identity{gap:var(--user-profile-identity-gap);text-align:left;flex:auto;min-width:0;display:grid}.user-profile-name{color:var(--text-primary);font-size:var(--user-profile-name-size);font-weight:var(--user-profile-name-weight);line-height:var(--user-profile-name-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-profile-meta{color:var(--text-secondary);font-size:var(--user-profile-meta-size);font-weight:var(--user-profile-meta-weight);line-height:var(--user-profile-meta-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-profile-avatar{width:var(--user-profile-avatar-size);height:var(--user-profile-avatar-size);border:var(--user-profile-avatar-border-width) solid var(--user-profile-avatar-border-color);border-radius:var(--radius-pill);background:var(--user-profile-avatar-background);color:var(--text-primary);font-size:var(--user-profile-avatar-text-size);flex:none;place-items:center;font-weight:800;line-height:1;display:grid;overflow:hidden}.user-profile-avatar>img{object-fit:cover;width:100%;height:100%;display:block}.user-profile-card{gap:var(--user-profile-card-gap);padding:var(--user-profile-card-padding);border:var(--user-profile-card-border-width) solid var(--user-profile-card-border-color);border-radius:var(--user-profile-card-radius);background:var(--user-profile-card-background);box-shadow:var(--shadow-panel);min-width:0;display:grid}.user-profile-card-head{align-items:center;gap:var(--user-profile-card-head-gap);min-width:0;display:flex}.user-profile-card-head .user-profile-avatar{width:var(--user-profile-card-avatar-size);height:var(--user-profile-card-avatar-size)}.user-profile-card-body{gap:var(--user-profile-card-body-gap);display:grid}.user-profile-card-row{justify-content:space-between;align-items:baseline;gap:var(--space-cluster-gap);padding-top:var(--user-profile-card-row-padding-block);border-top:1px solid var(--user-profile-card-row-border-color);min-width:0;display:flex}.user-profile-card-row>span:first-child{color:var(--text-muted);font-size:var(--type-micro-label-size);font-weight:var(--type-micro-label-weight);letter-spacing:var(--type-micro-label-tracking);text-transform:uppercase}.user-profile-card-row>span:last-child{color:var(--text-primary);font-size:var(--type-label-size);text-align:right;overflow-wrap:anywhere;font-weight:700}.user-profile-card-actions{align-items:center;gap:var(--user-profile-card-actions-gap);flex-wrap:wrap;display:flex}.header-pill-shell{justify-content:center;max-width:100%;padding-top:8px;display:flex;overflow:visible;container-type:inline-size}.header-pill{justify-content:space-between;align-items:center;gap:var(--header-pill-shell-gap);min-height:var(--header-pill-shell-min-height);padding:var(--header-pill-shell-padding-block) var(--header-pill-shell-padding-inline);border:var(--header-pill-shell-border-width) solid var(--header-pill-shell-border-color);border-radius:var(--header-pill-shell-radius);background:var(--header-pill-shell-background);box-shadow:var(--shadow-subtle);width:fit-content;max-width:100%;display:flex;position:relative;overflow:visible}.header-pill-brand{flex:none;align-items:center;gap:.4em;min-width:0;display:flex}.header-pill-logo{width:var(--header-pill-logo-width);max-width:100%;display:block}.header-pill-brand-label{font-family:var(--font-family-display);font-size:var(--header-pill-brand-size);letter-spacing:0;color:var(--text-primary);font-weight:200}.header-pill-nav{justify-content:center;gap:var(--header-pill-nav-gap);flex-wrap:nowrap;min-width:0;display:flex}.header-pill-link{color:var(--text-primary);font-family:var(--font-family-body);font-size:1.05rem;font-weight:500;text-decoration:none;transition:color .12s,font-weight .12s}.header-pill-link:hover{color:var(--text-primary);font-weight:700;text-decoration:none}.header-pill-actions{align-items:center;gap:var(--header-pill-actions-gap);flex:none;justify-content:flex-end;display:flex}.header-pill-button{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--surface-panel);min-height:40px;color:var(--text-primary);font-family:var(--font-family-body);cursor:pointer;justify-content:center;align-items:center;padding:0 1rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:background .16s,border-color .16s,color .16s,filter .16s;display:inline-flex}.header-pill-button:hover{background:var(--surface-panel-muted);border-color:var(--border-strong);text-decoration:none}.header-pill-button-primary{background:var(--gradient-cta);color:var(--text-inverse);border-color:#0000}.header-pill-button-primary:hover{background:var(--gradient-cta);color:var(--text-inverse);filter:brightness(1.03)saturate(1.02);border-color:#0000;text-decoration:none}.header-pill-hamburger{border-radius:var(--radius-pill);width:40px;height:40px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:none}.header-pill-hamburger svg{overflow:visible}.header-pill-hamburger .hamburger-top,.header-pill-hamburger .hamburger-mid,.header-pill-hamburger .hamburger-bot{transform-box:fill-box;transform-origin:50%;transition:transform .18s,opacity .16s}.header-pill[data-menu-open=true] .header-pill-hamburger .hamburger-top{transform:translateY(5px)rotate(45deg)}.header-pill[data-menu-open=true] .header-pill-hamburger .hamburger-mid{opacity:0}.header-pill[data-menu-open=true] .header-pill-hamburger .hamburger-bot{transform:translateY(-5px)rotate(-45deg)}.header-pill-dropdown{display:none}.header-pill-dropdown-nav{flex-direction:column;gap:4px;display:flex}.header-pill-dropdown .header-pill-link{border-radius:10px;padding:6px 8px;display:block}.header-pill-dropdown .header-pill-link:hover{background:var(--surface-panel-muted)}.header-pill-dropdown-actions{border-top:1px solid var(--border-subtle);gap:8px;padding-top:8px;display:flex}.footer-area{gap:var(--footer-marketing-shell-gap);padding:var(--footer-marketing-shell-padding-block) var(--footer-marketing-shell-padding-inline);border:var(--footer-marketing-shell-border-width) solid var(--footer-marketing-shell-border-color);border-radius:var(--footer-marketing-shell-radius);background:var(--footer-marketing-shell-background);flex-direction:column;display:flex}.footer-area-main{grid-template-columns:var(--footer-marketing-main-columns);gap:var(--footer-marketing-main-gap);display:grid}.footer-area-column{gap:var(--footer-marketing-column-gap);flex-direction:column;display:flex}.footer-area-brand{gap:18px;display:grid}.footer-area-brand>img{width:150px;max-width:100%;display:block}.footer-area-summary{color:var(--text-secondary);line-height:var(--type-body-line-height);margin:0}.footer-area-column-title{color:var(--text-primary);font-size:.98rem;font-weight:700}.footer-area a{color:var(--text-secondary);text-decoration:none}.footer-area a:hover{color:var(--text-primary);font-weight:700;text-decoration:none}.footer-area-legal{color:var(--text-muted);justify-content:center;font-size:.96rem;display:flex}@media (width<=980px){.footer-area-main{grid-template-columns:1fr}}@container (width<=920px){.workbench-grid{grid-template-columns:minmax(180px,.88fr) minmax(0,1.24fr);grid-template-areas:"left center""right center"}.workbench-grid>:first-child{grid-area:left}.workbench-grid>:nth-child(2){grid-area:center}.workbench-grid>:nth-child(3){grid-area:right}}@container (width<=720px){.workbench-grid{grid-template-columns:1fr;grid-template-areas:"center""left""right"}.header-tool{align-items:flex-start}.header-tool>.segmented-control{margin-inline-start:0}}@container (width<=1080px){.header-pill{gap:0;position:relative}.header-pill-hamburger{display:inline-flex}.header-pill-nav,.header-pill-actions{display:none}.header-pill-dropdown{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-panel);min-width:220px;max-width:min(320px,100vw - 32px);box-shadow:var(--shadow-panel);z-index:10;flex-direction:column;gap:8px;padding:12px;display:none;position:absolute;top:calc(100% + 8px);left:auto;right:0}.header-pill[data-menu-open=true] .header-pill-dropdown{display:flex}.header-pill-dropdown .header-pill-link,.header-pill-dropdown .header-pill-button{justify-content:flex-start;width:100%}.header-pill-dropdown-actions{flex-direction:column}}@media (width<=720px){.status-strip,.header-tool-actions{justify-content:flex-start}.header-pill{padding:var(--header-pill-shell-padding-block) 14px;gap:12px}.user-profile{--user-profile-logo-width:88px;--user-profile-avatar-size:32px;--user-profile-shell-gap:8px;--user-profile-shell-padding-inline:10px}}:where(.header-tool,.segmented-control>button,.property-row input,.check-row input,.color-input,.color-field-button,.color-popover-picker,.tag,.user-profile,.header-pill a,.footer-area a):focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@font-face{font-family:NunitoSans;src:url(/assets/NunitoSans-Variable-DD6HJfH_.ttf)format("truetype")}@font-face{font-family:Oblique;src:url(/assets/Oblique-SemiBold-CW4ka0aj.ttf)format("truetype")}@font-face{font-family:IBMPlexSerif;font-style:italic;src:url(/assets/IBMPlexSerif-Italic-Variable-GKHqPTuz.ttf)format("truetype")}@font-face{font-family:Monaspace Neon;src:url(/assets/MonaspaceNeonVar-BLN028Fz.woff2)format("woff2")}:root{--surface-page:#f0f4ef;--surface-page-elevated:#eff5ec;--surface-panel:#fff;--surface-panel-muted:#f7f9f4;--surface-panel-strong:#f3f6ee;--surface-callout-success:#dbebe1;--surface-callout-info:#eaf5ff;--surface-code:#fff;--text-primary:#1a1a1a;--text-secondary:#4a4e4a;--text-muted:#767a76;--text-link:#826aed;--text-success:#27835c;--text-inverse:#fff;--accent-brand:#9c3;--accent-brand-deep:#74af52;--accent-secondary:#0ba398;--accent-highlight:#d7db0a;--accent-tertiary:#826aed;--border-subtle:#d9e2d7;--border-strong:#c6d0c4;--border-focus:#74af52;--gradient-brand:linear-gradient(90deg, #d7db0a 0%, #62d399 100%);--gradient-cta:linear-gradient(90deg, #3eb127 0%, #add616 100%);--radius-panel:18px;--radius-card:14px;--radius-control:12px;--radius-pill:999px;--radius-callout:16px;--space-page-padding:20px;--space-section-gap:18px;--space-panel-padding:16px;--space-control-gap:8px;--space-cluster-gap:12px;--space-scroll-margin-top:96px;--shadow-panel:0 10px 26px #222c2012;--shadow-floating:0 14px 34px #222c2017;--shadow-subtle:0 2px 8px #222c2012;--font-family-display:"NunitoSans", sans-serif;--font-family-body:"NunitoSans", sans-serif;--font-family-wordmark:"Oblique", sans-serif;--font-family-accent-serif:"IBMPlexSerif", serif;--font-family-code:"Monaspace Neon", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--type-display-size:clamp(2.8rem, 6vw, 4.6rem);--type-display-weight:800;--type-display-line-height:.95;--type-display-tracking:-.05em;--type-page-title-size:clamp(1.8rem, 3.6vw, 2.6rem);--type-page-title-weight:720;--type-page-title-line-height:1.02;--type-page-title-tracking:-.04em;--type-section-title-size:1.35rem;--type-section-title-weight:700;--type-section-title-line-height:1.12;--type-section-title-tracking:-.025em;--type-tool-title-size:1.2rem;--type-tool-title-weight:700;--type-tool-title-line-height:1.1;--type-tool-title-tracking:-.02em;--type-panel-title-size:.98rem;--type-panel-title-weight:700;--type-panel-title-line-height:1.25;--type-panel-title-tracking:0em;--type-micro-label-size:.74rem;--type-micro-label-weight:700;--type-micro-label-line-height:1.15;--type-micro-label-tracking:.08em;--type-metric-size:.95rem;--type-metric-weight:650;--type-metric-line-height:1.2;--type-metric-tracking:0em;--type-body-size:1rem;--type-body-weight:400;--type-body-line-height:1.55;--type-body-tracking:0em;--type-body-muted-size:1rem;--type-body-muted-weight:400;--type-body-muted-line-height:1.55;--type-body-muted-tracking:0em;--type-label-size:.9rem;--type-label-weight:500;--type-label-line-height:1.25;--type-label-tracking:.01em;--type-link-size:1rem;--type-link-weight:500;--type-link-line-height:1.45;--type-link-tracking:0em;--type-code-inline-size:.84em;--type-code-inline-weight:400;--type-code-inline-line-height:1.4;--type-code-inline-tracking:0em;--type-code-block-size:.9rem;--type-code-block-weight:400;--type-code-block-line-height:1.65;--type-code-block-tracking:0em;--header-tool-row-background:transparent;--header-tool-row-border-color:transparent;--header-tool-row-border-width:0px;--header-tool-row-radius:0px;--header-tool-row-min-height:40px;--header-tool-row-padding-block:0px;--header-tool-row-padding-inline:0px;--header-tool-row-gap:12px;--header-tool-leading-gap:12px;--header-tool-title-group-gap:2px;--header-tool-actions-gap:6px;--header-tool-logo-width:82px;--status-strip-background:var(--surface-panel);--status-strip-border-color:var(--border-subtle);--status-strip-border-width:1px;--status-strip-radius:var(--radius-card);--status-strip-padding-block:8px;--status-strip-padding-inline:12px;--status-strip-gap:var(--space-control-gap);--status-strip-item-gap:3px;--status-strip-item-min-width:120px;--layout-workbench-shell-background:var(--surface-page-elevated);--layout-workbench-shell-radius:var(--radius-card);--layout-workbench-shell-padding:12px;--layout-workbench-shell-gap:10px;--layout-workbench-grid-columns:minmax(180px, .82fr) minmax(0, 1.55fr) minmax(240px, 1fr);--layout-workbench-grid-gap:10px;--surface-stage-background:var(--surface-panel);--surface-stage-border-color:var(--border-subtle);--surface-stage-border-width:1px;--surface-stage-radius:var(--radius-card);--surface-stage-padding:12px;--surface-stage-gap:10px;--surface-stage-min-height:320px;--surface-stage-toolbar-gap:var(--space-control-gap);--surface-stage-toolbar-padding-inline:0px;--surface-stage-toolbar-min-height:28px;--surface-stage-canvas-background:linear-gradient(180deg, #232826 0%, #181b1a 100%);--surface-stage-canvas-radius:12px;--surface-stage-canvas-min-height:220px;--surface-stage-footer-gap:var(--space-control-gap);--surface-stage-footer-padding-inline:0px;--surface-stage-footer-min-height:28px;--pane-background:var(--surface-panel);--pane-border-color:var(--border-subtle);--pane-border-width:1px;--pane-radius:var(--radius-panel);--pane-shadow:var(--shadow-panel);--pane-head-gap:4px;--pane-head-padding-block:var(--space-panel-padding);--pane-head-padding-inline:var(--space-panel-padding);--pane-head-border-color:var(--border-subtle);--pane-body-gap:var(--space-control-gap);--pane-body-padding-block:var(--space-panel-padding);--pane-body-padding-inline:var(--space-panel-padding);--header-pill-shell-background:var(--surface-panel);--header-pill-shell-border-color:var(--border-subtle);--header-pill-shell-border-width:1px;--header-pill-shell-radius:var(--radius-pill);--header-pill-shell-min-height:48px;--header-pill-shell-padding-block:6px;--header-pill-shell-padding-inline:16px;--header-pill-shell-gap:24px;--header-pill-nav-gap:1.5rem;--header-pill-actions-gap:.75rem;--header-pill-logo-width:120px;--header-pill-brand-size:1.75rem;--footer-marketing-shell-background:transparent;--footer-marketing-shell-border-color:transparent;--footer-marketing-shell-border-width:0px;--footer-marketing-shell-radius:0px;--footer-marketing-shell-padding-block:24px;--footer-marketing-shell-padding-inline:0px;--footer-marketing-shell-gap:30px;--footer-marketing-main-columns:1.1fr 1fr 1fr 1fr;--footer-marketing-main-gap:28px;--footer-marketing-column-gap:12px;--control-segmented-track-background:var(--surface-panel);--control-segmented-track-border-color:var(--border-subtle);--control-segmented-track-border-width:1px;--control-segmented-track-gap:0px;--control-segmented-track-padding:0px;--control-segmented-track-radius:var(--radius-pill);--control-segmented-segment-min-height:30px;--control-segmented-segment-padding-inline:10px;--control-segmented-segment-radius:var(--radius-pill);--control-segmented-segment-background:var(--surface-panel);--control-segmented-segment-background-hover:#ddf97c80;--control-segmented-segment-background-selected:color-mix(in srgb, var(--accent-brand) 18%, white);--control-segmented-segment-border-color-selected:var(--text-primary);--control-segmented-segment-text-color:var(--text-primary);--control-segmented-segment-text-size:var(--type-micro-label-size);--control-segmented-segment-text-weight:500;--control-segmented-segment-text-family:var(--font-family-code);--control-property-list-gap:var(--space-control-gap);--control-property-row-gap:6px;--control-property-row-head-gap:var(--space-cluster-gap);--control-property-row-label-color:var(--text-secondary);--control-property-row-label-size:var(--type-label-size);--control-property-row-label-weight:400;--control-property-row-value-color:var(--text-primary);--control-property-row-value-size:var(--type-metric-size);--control-property-row-value-weight:650;--control-property-row-value-family:var(--font-family-code);--control-property-row-divider-color:var(--border-subtle);--control-slider-track-background:color-mix(in srgb, var(--accent-brand) 18%, var(--border-subtle));--control-slider-track-height:4px;--control-slider-track-radius:var(--radius-pill);--control-slider-thumb-size:12px;--control-slider-thumb-radius:var(--radius-pill);--control-slider-thumb-background:var(--accent-brand);--control-slider-thumb-border:2px solid white;--control-slider-thumb-shadow:0 0 0 1px color-mix(in srgb, var(--accent-brand-deep) 45%, var(--border-subtle));--control-check-row-gap:var(--space-cluster-gap);--control-check-box-size:14px;--control-check-box-radius:4px;--control-check-box-border-width:1px;--control-check-box-border-color:var(--border-strong);--control-check-box-background:var(--surface-panel);--control-check-box-background-selected:color-mix(in srgb, var(--accent-brand) 18%, white);--control-check-box-border-color-selected:color-mix(in srgb, var(--accent-brand) 35%, var(--border-subtle));--control-check-box-foreground-selected:color-mix(in srgb, var(--accent-brand-deep) 78%, var(--text-primary));--control-color-row-gap:var(--space-cluster-gap);--control-color-swatch-size:18px;--control-color-swatch-radius:6px;--control-color-swatch-border-color:var(--border-strong);--control-color-input-min-height:28px;--control-color-input-padding-inline:10px;--control-color-input-background:var(--surface-panel);--control-color-input-border-color:var(--border-subtle);--control-color-input-radius:var(--radius-control);--control-color-popover-background:var(--surface-panel);--control-color-popover-border-color:var(--border-subtle);--control-color-popover-radius:var(--radius-card);--control-color-popover-padding:12px;--control-color-popover-gap:10px;--tag-min-height:22px;--tag-padding-inline:8px;--tag-gap:6px;--tag-radius:var(--radius-pill);--tag-background:#6464640d;--tag-border-color:#32323233;--tag-text-color:var(--text-secondary);--tag-text-size:.76rem;--tag-text-weight:600;--tag-split-divider-color:#0000001f;--list-gap:var(--space-control-gap);--list-row-background:var(--surface-panel);--list-row-border-color:var(--border-subtle);--list-row-border-width:1px;--list-row-radius:var(--radius-card);--list-row-padding-block:10px;--list-row-padding-inline:12px;--list-row-gap:var(--space-control-gap);--user-profile-shell-background:var(--surface-panel);--user-profile-shell-border-color:var(--border-subtle);--user-profile-shell-border-width:1px;--user-profile-shell-radius:var(--radius-pill);--user-profile-shell-min-height:48px;--user-profile-shell-padding-block:6px;--user-profile-shell-padding-inline:12px;--user-profile-shell-gap:12px;--user-profile-logo-width:118px;--user-profile-identity-gap:2px;--user-profile-name-size:.92rem;--user-profile-name-weight:750;--user-profile-name-line-height:1.05;--user-profile-meta-size:.8rem;--user-profile-meta-weight:500;--user-profile-meta-line-height:1.1;--user-profile-avatar-size:36px;--user-profile-avatar-border-width:2px;--user-profile-avatar-border-color:color-mix(in srgb, var(--border-subtle) 74%, white);--user-profile-avatar-background:color-mix(in srgb, var(--accent-brand) 24%, white);--user-profile-avatar-text-size:.78rem;--user-profile-card-background:var(--surface-panel);--user-profile-card-border-color:var(--border-subtle);--user-profile-card-border-width:1px;--user-profile-card-radius:var(--radius-card);--user-profile-card-padding:16px;--user-profile-card-gap:14px;--user-profile-card-head-gap:12px;--user-profile-card-avatar-size:48px;--user-profile-card-body-gap:8px;--user-profile-card-row-padding-block:8px;--user-profile-card-row-border-color:var(--border-subtle);--user-profile-card-actions-gap:8px}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{width:100%;height:100%}body{background:var(--surface-page);min-width:320px;color:var(--text-primary);font-family:var(--font-family-body);font-size:14px;overflow:hidden}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--surface-page:#151816;--surface-page-elevated:#191d1a;--surface-panel:#202521;--surface-panel-muted:#272d28;--surface-panel-strong:#303730;--surface-callout-success:#24362a;--surface-callout-info:#202f35;--surface-code:#171a18;--text-primary:#f4f6f1;--text-secondary:#c3c9c1;--text-muted:#929a91;--text-inverse:#171a18;--border-subtle:#3a433b;--border-strong:#566057;--border-focus:#9c3;--pane-background:var(--surface-panel);--pane-border-color:var(--border-subtle);--pane-head-border-color:var(--border-subtle);--control-segmented-track-background:#171a18;--control-segmented-track-border-color:var(--border-strong);--control-segmented-segment-background:#171a18;--control-segmented-segment-background-hover:#303730;--control-segmented-segment-background-selected:#3a4930;--control-segmented-segment-border-color-selected:#9c3;--control-slider-track-background:#525a53;--control-slider-thumb-background:#9c3}.needle-logo-dark,:root[data-theme=dark] .needle-logo-light{display:none}:root[data-theme=dark] .needle-logo-dark{display:block}button,input,select{font:inherit}.app-shell{border-radius:0;width:100vw;height:100vh;overflow:hidden}.app-header{flex:none;min-height:34px;padding-block:6px}.theme-control>button{gap:5px}.app-header>.header-tool-actions{margin-inline-start:auto}.app-header .header-tool-button:disabled{cursor:default;opacity:.45}.preset-gallery{position:relative}.preset-gallery .rotated{transform:rotate(180deg)}.preset-gallery-popover{z-index:20;border:1px solid var(--border-strong);background:var(--surface-page-elevated);border-radius:6px;width:min(640px,100vw - 24px);max-height:min(720px,100vh - 64px);padding:12px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 16px 40px #00000052}.preset-gallery-heading{border-bottom:1px solid var(--border-subtle);align-items:baseline;gap:8px;padding:2px 2px 10px;display:flex}.preset-gallery-heading>strong{font-size:.92rem}.preset-gallery-heading>span,.preset-card-copy>span{color:var(--text-muted);font-size:.72rem;font-weight:600}.preset-gallery-error{border:1px solid var(--accent-danger,#dc5252);color:var(--text-primary);margin-top:10px;padding:8px;font-size:.75rem}.preset-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:10px;display:grid}button.preset-card{border-color:var(--border-subtle);background:var(--surface-panel);text-align:left;border-radius:5px;grid-template-columns:84px minmax(0,1fr);min-height:84px;padding:0;display:grid;position:relative;overflow:hidden}button.preset-card:hover{border-color:var(--accent-brand);background:var(--surface-panel-muted)}.preset-card>img{object-fit:cover;background:#777;width:84px;height:84px}.preset-card-copy{flex-direction:column;justify-content:center;gap:3px;min-width:0;height:84px;padding:8px 10px;display:flex}.preset-card-copy>strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.preset-card-copy>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.preset-card-copy>.preset-card-tags{color:var(--accent-brand);text-transform:uppercase;-webkit-line-clamp:1;font-size:.63rem}.preset-card-spinner{animation:.8s linear infinite preset-spin;position:absolute;bottom:8px;right:8px}@keyframes preset-spin{to{transform:rotate(360deg)}}@media (width<=680px){.app-header>.header-tool-actions{flex-wrap:nowrap;flex:100%;justify-content:space-between;width:100%}.app-header .header-tool-button>span{display:none}.preset-gallery-grid{grid-template-columns:1fr}}.material-alpha-mode{width:100%;min-width:0}.material-alpha-mode>button{flex:1 1 0;min-width:0;padding-inline:8px}.app-workbench-grid{flex:1;grid-template-columns:minmax(0,1fr) minmax(360px,420px);min-height:0}.app-stage{background:0 0;border:0;min-height:0;padding:0}.app-header .header-tool-leading{gap:12px}.app-header .header-tool-leading>img{width:auto;height:25px}.app-header .header-tool-title-group{flex-direction:row;align-items:baseline;gap:8px;min-width:0;display:flex}.app-header .header-tool-title-group>strong{color:#1a1a1a;font-family:NunitoSans,sans-serif;font-size:18.304px;font-weight:300;line-height:1}:root[data-theme=dark] .app-header .header-tool-title-group>strong{color:var(--text-primary)}.app-header .header-tool-title-group>span{color:var(--text-muted);letter-spacing:0;font-size:.68rem;font-weight:700;line-height:1}.viewport-container{border-radius:0;flex:1;min-height:0;position:relative;overflow:hidden}.app-stage .stage-canvas{border-radius:0}.viewport-container canvas{max-width:100%;max-height:100%;display:block}.sidebar{z-index:2;max-height:100%;position:relative}.sidebar .pane-body{padding:0 var(--pane-body-padding-inline) 18px;overflow-y:auto}h2,h3,h4{color:var(--text-primary);letter-spacing:0}h2{font-size:var(--type-section-title-size);font-weight:var(--type-section-title-weight);line-height:var(--type-section-title-line-height)}h3{font-size:var(--type-panel-title-size);font-weight:var(--type-panel-title-weight);line-height:var(--type-panel-title-line-height);margin-bottom:8px}h4{border-top:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--type-micro-label-size);font-weight:var(--type-micro-label-weight);letter-spacing:var(--type-micro-label-tracking);line-height:var(--type-micro-label-line-height);text-transform:uppercase;margin-top:8px;padding-top:8px}.section{border-bottom:1px solid var(--border-subtle);padding-bottom:14px}.section:last-child{border-bottom:0}.section-header{margin-bottom:8px}.collapsible-section{border-bottom:1px solid var(--border-subtle);padding-bottom:14px}.collapsible-section:last-child{border-bottom:0}.collapsible-section-header{width:100%;min-height:28px;color:var(--text-primary);font-size:var(--type-panel-title-size);font-weight:var(--type-panel-title-weight);line-height:var(--type-panel-title-line-height);text-align:left;background:0 0;border:0;border-radius:0;justify-content:flex-start;gap:7px;padding:0}.collapsible-section-header:hover{background:0 0;border-color:#0000}.collapsible-section-header>svg{color:var(--text-primary);flex:none}.collapsible-section-header>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.collapsible-section-body{margin-top:8px}.collapsible-subsection{border-bottom:0;padding:0}.collapsible-subsection+.collapsible-subsection{border-top:1px solid var(--border-subtle);padding-top:8px}.collapsible-subsection .collapsible-section-header{min-height:24px;color:var(--text-secondary);font-size:var(--type-micro-label-size);font-weight:var(--type-micro-label-weight);letter-spacing:var(--type-micro-label-tracking);line-height:var(--type-micro-label-line-height);text-transform:uppercase}.collapsible-subsection .collapsible-section-header>svg{color:var(--text-secondary)}.collapsible-subsection .collapsible-section-body{margin-top:6px}label,.text-sm,.param-grid>span,.control-row>label{color:var(--text-secondary);font-size:var(--type-label-size);font-weight:var(--type-label-weight);line-height:var(--type-label-line-height)}.text-xs{color:var(--text-muted);font-size:var(--type-micro-label-size);font-weight:650}select,input[type=text]{border:1px solid var(--border-subtle);background:var(--surface-panel);width:100%;min-height:30px;color:var(--text-primary);border-radius:8px;outline:none;padding:4px 10px}select:hover,input[type=text]:hover{border-color:var(--border-strong)}select:focus,input[type=text]:focus,input[type=range]:focus-visible,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible,button:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}input[type=range]{min-width:0;accent-color:var(--accent-brand-deep);flex:1}input[type=checkbox],input[type=radio]{accent-color:var(--accent-brand-deep)}input[type=radio]{margin-right:8px}button{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-panel);min-height:30px;color:var(--text-primary);cursor:pointer;font-size:var(--type-label-size);justify-content:center;align-items:center;padding:6px 10px;font-weight:800;transition:background-color .12s,border-color .12s,color .12s;display:inline-flex}button:hover{background:var(--surface-panel-muted);border-color:var(--border-strong)}.btn-primary,.btn-success,.physics-btn{background:var(--accent-brand);border-color:color-mix(in srgb, var(--accent-brand) 72%, black);color:var(--text-primary)}.btn-primary:hover,.btn-success:hover,.physics-btn:hover{background:var(--accent-brand-deep);color:var(--text-inverse)}.btn-purple{background:var(--accent-tertiary);border-color:var(--accent-tertiary);color:var(--text-inverse)}.btn-purple:hover{background:color-mix(in srgb, var(--accent-tertiary) 82%, black)}.physics-btn.secondary{background:var(--surface-panel-strong);border-color:var(--border-strong);color:var(--text-secondary)}.physics-btn.secondary:hover{background:var(--surface-callout-success);color:var(--text-primary)}.btn-full{width:100%}.export-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.nested-material-control{align-items:center;gap:6px;min-width:0;display:flex}.field-error{color:var(--color-danger,#d92d20);font-size:.75rem;line-height:1.3}.nested-material-button{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.button-label{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-panel);min-height:30px;color:var(--text-primary);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:6px 10px;font-weight:800;display:inline-flex}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sim-status{color:var(--text-muted);font-family:var(--font-family-code);font-size:var(--type-micro-label-size)}.grid{gap:8px;display:grid}.grid-cols-2{grid-template-columns:minmax(130px,.76fr) minmax(0,1fr)}.param-grid{grid-template-columns:minmax(130px,.78fr) minmax(0,1fr);align-items:center;gap:8px 10px;display:grid}.param-grid>.span-two{grid-column:1/-1}.brush-source-row{grid-template-columns:minmax(0,1fr);align-items:center;gap:8px;margin-bottom:10px;display:grid}.brush-picker{min-width:0;position:relative}.brush-picker-trigger{text-align:left;grid-template-columns:38px minmax(0,1fr) 16px;align-items:center;gap:9px;width:100%;min-width:0;padding:4px 8px 4px 4px;display:grid}.brush-picker-trigger img{object-fit:contain;background:#090a09;border-radius:4px;width:38px;height:38px}.brush-picker-trigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brush-picker-popover{top:var(--picker-top);left:var(--picker-left);z-index:40;width:var(--picker-width);height:var(--picker-height);border:1px solid var(--text-primary);border-radius:var(--radius-panel);background:var(--surface-panel);grid-template-columns:132px minmax(0,1fr);margin:0;padding:0;position:fixed;overflow:visible;box-shadow:0 12px 30px #00000047}.brush-picker-popover:popover-open{display:grid}.brush-collection-list{border-right:1px solid var(--border-subtle);min-height:0;padding:6px;overflow-y:auto}.brush-collection-list>button{text-align:left;border-color:#0000;flex-direction:column;align-items:flex-start;width:100%;min-height:34px;padding:6px 8px;display:flex}.brush-collection-list>button[aria-selected=true]{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.brush-collection-list small{color:var(--text-secondary);font-size:10px}.brush-thumbnail-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:6px;min-height:0;padding:8px;display:grid;overflow-y:auto;container-type:inline-size}.brush-thumbnail-grid>button{border-color:var(--border-subtle);background:#090a09;width:100%;min-width:0;height:calc(25cqi - 4.5px);min-height:0;padding:2px;position:relative;overflow:hidden}.brush-thumbnail-grid>button:hover,.brush-thumbnail-grid>button.selected{border-color:var(--accent)}.brush-thumbnail-grid img{object-fit:contain;width:100%;height:100%;display:block}.brush-hover-preview{pointer-events:none;width:var(--picker-height);height:var(--picker-height);border:1px solid var(--text-primary);border-radius:var(--radius-panel);background:#090a09;place-items:center;padding:10px;display:grid;position:absolute;top:0;right:calc(100% + 10px);overflow:hidden;box-shadow:0 12px 30px #00000047}.brush-hover-preview img{object-fit:contain;width:100%;height:100%;display:block}.brush-selected-mark{color:#111;background:var(--accent);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:3px;right:3px}.brush-import-btn{width:100%;min-width:0;min-height:var(--control-height);padding-inline:10px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.numeric-property-control{grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:6px;min-width:0;display:grid}.control-row>.numeric-property-control{flex:1}.numeric-property-control input[type=range]{width:100%}.numeric-property-control output{color:var(--text-muted);font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.params-container{flex-direction:column;gap:12px;display:flex}.layer-panel{border:1px solid var(--border-subtle);border-radius:var(--radius-card);background:var(--surface-panel-muted);overflow:hidden}.layer-panel>.params-container{padding:10px}.inheritance-row{grid-template-columns:minmax(130px,.78fr) minmax(0,1fr);align-items:center;gap:10px;display:grid}[data-inherited=true]{opacity:.56}.property-context-menu{z-index:1000;border:1px solid var(--border-strong);border-radius:var(--radius-control);background:var(--surface-panel);min-width:170px;box-shadow:var(--shadow-panel);padding:4px;display:grid;position:fixed}.property-context-menu>button{background:0 0;border:0;justify-content:flex-start;font-weight:700}.layer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.layer-header-main{align-items:center;gap:6px;min-width:0;display:flex}.layer-fold-btn,.fold-btn{background:0 0;border:0;justify-content:flex-start;gap:8px;min-width:0;padding:0}.layer-fold-btn:hover,.fold-btn:hover{background:0 0}.fold-btn h3{margin:0}.fold-icon{width:18px;color:var(--text-muted);font-size:12px}.layer-type-select{min-width:160px}.layer-buttons{flex:none;align-items:center;gap:4px;display:flex}.icon-btn{width:30px;height:30px;color:var(--text-primary);stroke:currentColor;padding:0}.toggle-layer-btn:not(.active){color:var(--text-muted)}.preview-canvas{aspect-ratio:1;border:1px solid var(--border-subtle);border-radius:var(--radius-control);background-color:var(--surface-panel-strong);background-image:linear-gradient(45deg,#1a1a1a14 25%,#0000 25%),linear-gradient(-45deg,#1a1a1a14 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#1a1a1a14 75%),linear-gradient(-45deg,#0000 75%,#1a1a1a14 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;width:100%}.preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.preview-group-title{color:var(--text-primary);font-size:var(--type-micro-label-size);text-transform:uppercase;margin:14px 0 8px;font-weight:800}.preview-item{text-align:center}.preview-item label{color:var(--text-muted);font-size:var(--type-micro-label-size);margin-bottom:4px;font-weight:700;display:block}.preview-open{border-radius:var(--radius-control);background:0 0;border:0;width:100%;padding:0;display:block;overflow:hidden}.map-inspector-backdrop{z-index:50;background:#000000b8;border:0;place-items:center;width:100%;max-width:none;height:100%;max-height:none;padding:24px;display:grid;position:fixed;inset:0}.map-inspector{border:1px solid var(--border-strong);border-radius:var(--radius-panel);background:var(--surface-panel);width:min(80vmin,760px);box-shadow:var(--shadow-elevated);padding:12px}.brush-map-inspector{z-index:50;width:min(58vw,680px);max-height:calc(100vh - 112px);position:fixed;top:88px;left:24px;overflow:auto}@media (width<=800px){.brush-map-inspector{width:auto;left:16px;right:16px}}.map-inspector header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.map-inspector h3{font-size:var(--type-section-size);margin:0}.map-inspector img{aspect-ratio:1;object-fit:contain;image-rendering:auto;background:var(--surface-panel-strong);width:100%;display:block}input[type=color]{border:1px solid var(--border-subtle);border-radius:var(--radius-control);appearance:none;cursor:pointer;width:32px;height:32px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:calc(var(--radius-control) - 1px);border:0}.radio-group,.radio-item,.control-row,.flex{display:flex}.radio-group,.control-row{align-items:center;gap:12px}.radio-item,.items-center{align-items:center}.control-row{justify-content:space-between}.preview-mode-control{flex:1;width:auto;min-width:0}.preview-mode-control>button{flex:1}.mode-switcher{z-index:10;margin-inline:calc(var(--pane-body-padding-inline) * -1);padding:10px var(--pane-body-padding-inline);border-bottom:1px solid var(--text-primary);background:var(--surface-panel);position:sticky;top:0}.mode-switcher-row{align-items:center;gap:12px;min-width:0;display:flex}.mode-switcher h3{flex:none;margin:0}.mode-options{padding-top:10px}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-2{gap:8px}.space-y-2>*+*{margin-top:8px}.space-y-4>*+*{margin-top:16px}.space-x-4>*+*{margin-left:16px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-6{margin-top:18px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.font-medium{font-weight:700}.relative{position:relative}.w-6{width:24px}.w-8{width:32px}.w-12{width:48px}.h-4{height:16px}.h-12{height:48px}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.rounded{border-radius:var(--radius-control)}.border-2{border-width:2px}.border-blue-500{border-color:var(--accent-brand-deep)}.border-gray-300{border-color:var(--border-subtle)}.object-cover{object-fit:cover}.thumbnail{height:100%;display:block}button:has(.thumbnail){padding:0;overflow:hidden}.hidden,.ngon-sides:not(.visible){display:none}.export-filename-row{grid-template-columns:minmax(130px,.78fr) minmax(0,1fr);align-items:center;gap:8px 10px;margin-top:10px;display:grid}.export-filename-row input[type=text]{min-height:30px;font-size:var(--type-label-size)}@media (width<=980px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}.app-workbench-grid{grid-template-columns:1fr;grid-template-areas:"stage""inspector"}.app-workbench-grid>.app-stage{grid-area:stage}.app-workbench-grid>.sidebar{grid-area:inspector}.sidebar{max-height:none}.viewport-container{min-height:58vh}}.property-input.svelte-2xxorv input[type=range]:where(.svelte-2xxorv){width:100%}.property-input.svelte-2xxorv{display:contents}.property-label-with-action.svelte-2xxorv{align-items:center;gap:6px;min-width:0;display:inline-flex}.property-randomize-btn.svelte-2xxorv{width:22px;height:22px;min-height:22px;color:var(--text-primary);background:0 0;border-color:#0000;flex:none;padding:0}.property-randomize-btn.svelte-2xxorv:hover,.property-randomize-btn[aria-pressed=true].svelte-2xxorv{border-color:var(--border-subtle);background:var(--surface-panel-strong)}.materialx-export-control.svelte-18hbgno{position:relative}.cloud-share-button.svelte-18hbgno,.download-gate.svelte-18hbgno button:where(.svelte-18hbgno){gap:6px}.spinning{animation:.8s linear infinite svelte-18hbgno-export-spin}@keyframes svelte-18hbgno-export-spin{to{transform:rotate(360deg)}}.download-gate.svelte-18hbgno{border:1px solid var(--border-subtle);border-radius:var(--radius-control);background:var(--surface-panel-muted);color:var(--text-secondary);grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;font-size:.72rem;line-height:1.3;display:grid}.download-gate.svelte-18hbgno span:where(.svelte-18hbgno){flex-direction:column;display:flex}.download-gate.svelte-18hbgno strong:where(.svelte-18hbgno){color:var(--text-primary)}.download-gate.svelte-18hbgno button:where(.svelte-18hbgno){min-height:28px;padding:4px 8px}.export-error.svelte-18hbgno{margin-top:8px}.materialx-split-button.svelte-18hbgno{border:1px solid var(--border-subtle);border-radius:var(--radius-control);grid-template-columns:minmax(0,1fr) 38px;min-height:30px;display:grid;overflow:hidden}.materialx-split-button.svelte-18hbgno>button:where(.svelte-18hbgno){border:0;border-radius:0;min-height:30px}.materialx-export-main.svelte-18hbgno{gap:6px}.materialx-export-options.svelte-18hbgno{padding:0;border-left:1px solid var(--border-subtle)!important}.materialx-export-options.svelte-18hbgno svg{transition:transform .12s}.materialx-export-options.svelte-18hbgno .rotated{transform:rotate(180deg)}.materialx-export-menu.svelte-18hbgno{z-index:30;border:1px solid var(--border-strong);background:var(--surface-page-elevated);border-radius:6px;width:min(220px,100%);padding:4px;position:absolute;top:calc(100% + 5px);right:0;overflow:hidden;box-shadow:0 12px 28px #00000047}.materialx-export-menu.svelte-18hbgno>button:where(.svelte-18hbgno){background:0 0;border-color:#0000;justify-content:space-between;width:100%;font-weight:700}.materialx-export-menu.svelte-18hbgno>button:where(.svelte-18hbgno):hover,.materialx-export-menu.svelte-18hbgno>button[aria-checked=true]:where(.svelte-18hbgno){background:var(--surface-panel-muted)}.account-menu.svelte-57ie8w{position:relative}.account-trigger.svelte-57ie8w{justify-content:center;align-items:center;gap:4px;min-width:48px;height:30px;padding:2px 7px;display:inline-flex}.account-trigger.svelte-57ie8w>img:where(.svelte-57ie8w){object-fit:cover;border-radius:50%;width:22px;height:22px}.account-trigger.svelte-57ie8w .rotated{transform:rotate(180deg)}.account-popover.svelte-57ie8w{z-index:40;border:1px solid var(--border-strong);background:var(--surface-page-elevated);border-radius:6px;width:240px;padding:5px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 14px 34px #00000052}.account-profile.svelte-57ie8w{border-bottom:1px solid var(--border-subtle);grid-template-columns:34px minmax(0,1fr);align-items:center;gap:8px;margin-bottom:4px;padding:8px;display:grid}.account-profile.svelte-57ie8w>img:where(.svelte-57ie8w),.account-avatar.svelte-57ie8w{border:1px solid var(--border-subtle);object-fit:cover;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.account-profile.svelte-57ie8w>span:where(.svelte-57ie8w):last-child{flex-direction:column;min-width:0;display:flex}.account-profile.svelte-57ie8w strong:where(.svelte-57ie8w),.account-profile.svelte-57ie8w small:where(.svelte-57ie8w){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.account-profile.svelte-57ie8w small:where(.svelte-57ie8w){color:var(--text-muted);font-size:.68rem}.account-popover.svelte-57ie8w>a:where(.svelte-57ie8w),.account-popover.svelte-57ie8w>button:where(.svelte-57ie8w){width:100%;min-height:32px;color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:flex-start;align-items:center;gap:8px;padding:6px 9px;font-weight:800;text-decoration:none;display:flex}.account-popover.svelte-57ie8w>a:where(.svelte-57ie8w):hover,.account-popover.svelte-57ie8w>button:where(.svelte-57ie8w):hover{background:var(--surface-panel-muted)}
