:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--font-ui:"SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--color-app:#f2f1e9;--color-topbar:#faf7f0;--color-panel:#faf7f0;--color-panel-raised:#fffdf8;--color-control:#fffdf8;--color-control-hover:#ecefe7;--color-border:#e1dfd4;--color-border-strong:#c3c8bc;--color-ink:#2d332e;--color-ink-muted:#61695e;--color-ink-subtle:#697264;--color-accent:#3e7166;--color-accent-hover:#315c52;--color-accent-ink:#fffdf8;--color-accent-soft:#e7eee8;--color-canvas-bed:#eae6dc;--color-paper:#fffdf7;--color-paper-grid:#ded9cd;--color-danger:#a83c36;--color-danger-soft:#f8dfda;--color-warning-bg:#2a2315;--color-warning-border:#5b4820;--color-warning-ink:#f0cc7a;--color-focus:#3e716699;--color-shadow:#2d332e1f;--radius-sm:6px;--radius-md:6px;--radius-lg:12px;font-family:var(--font-ui)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0;overflow-x:clip}body{background:var(--color-app);color:var(--color-ink)}button,input{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[contenteditable]:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}h1,h2,p{margin-top:0}.visuallyHidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.editorShell{background:var(--color-app);grid-template-rows:56px auto minmax(0,1fr) 34px;min-width:1024px;height:100dvh;display:grid;overflow:hidden}.topBar{z-index:5;border-bottom:1px solid var(--color-border);background:var(--color-topbar);grid-template-columns:1fr auto 1fr;align-items:center;min-width:0;padding:0 14px;display:grid}.brandBlock{align-items:center;gap:10px;min-width:0;display:flex}.brandMark{border-radius:var(--radius-md);background:var(--color-accent);width:30px;height:30px;color:var(--color-accent-ink);letter-spacing:-.02em;place-items:center;font-size:.62rem;font-weight:700;display:grid}.eyebrow,.panelEyebrow{color:var(--color-ink-subtle);letter-spacing:.045em;text-transform:uppercase;margin:0 0 1px;font-size:.65rem;font-weight:600;line-height:1.2}h1{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin-bottom:0;font-size:.84rem;font-weight:550;line-height:1.2;overflow:hidden}h2{letter-spacing:-.01em;text-transform:capitalize;margin-bottom:0;font-size:.88rem;font-weight:600}.saveStatus{color:var(--color-ink-subtle);align-items:center;gap:5px;font-size:.72rem;display:flex}.headerActions,.historyActions{justify-content:flex-end;align-items:center;gap:4px;display:flex}.aiDraftButton{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.activeStylePicker{justify-content:flex-start;max-width:180px}.activeStylePicker>span{color:var(--color-ink-muted);text-transform:uppercase;font-size:.66rem}.activeStylePicker>strong{text-overflow:ellipsis;font-weight:600;overflow:hidden}.button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-control);min-height:34px;color:var(--color-ink);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:7px 10px;font-size:.78rem;font-weight:500;line-height:1;display:inline-flex}.button:hover:not(:disabled){border-color:var(--color-border-strong);background:var(--color-control-hover)}.button:disabled{cursor:not-allowed;opacity:.34}.buttonActive{background:var(--color-accent-soft);color:var(--color-accent);box-shadow:none;border-color:#0000}.aiDraftButton:hover:not(:disabled){border-color:var(--color-accent-hover);background:var(--color-accent-hover);color:var(--color-accent-ink)}.iconButton{width:34px;padding:0}.editorWarnings{z-index:4;border-bottom:1px solid var(--color-warning-border);background:var(--color-warning-bg);color:var(--color-warning-ink);grid-row:2;padding:8px 14px}.editorWarnings p{margin:0;font-size:.76rem}.editorWarnings p+p{margin-top:3px}.editorWorkspace{grid-row:3;grid-template-rows:minmax(0,1fr);grid-template-columns:154px minmax(0,1fr) 340px;min-height:0;display:grid;overflow:hidden}.toolPanel{z-index:3;border-right:1px solid var(--color-border);background:var(--color-panel);padding:10px 8px;overflow-y:auto}.toolGroup+.toolGroup{border-top:1px solid var(--color-border);margin-top:10px;padding-top:10px}.toolGroupLabel,.zoomGroupLabel{color:var(--color-ink-subtle);letter-spacing:.06em;text-transform:uppercase;margin:0 0 5px;font-size:.62rem;font-weight:700;display:block}.toolList{gap:2px;display:grid}.toolButton{background:0 0;border-color:#0000;justify-content:flex-start;width:100%;min-height:36px;padding:5px 7px;font-size:.78rem}.toolButton kbd{color:var(--color-ink-subtle);font:inherit;margin-left:auto;font-size:.62rem}.canvasPanel{background-color:var(--color-canvas-bed);background-image:radial-gradient(var(--color-paper-grid) .75px, transparent .75px);background-size:16px 16px;place-items:center;min-width:0;min-height:0;padding:28px clamp(12px,3vw,38px);display:grid;position:relative;overflow:hidden}.canvasSurface{aspect-ratio:451/301;border:1px solid var(--color-paper-grid);background:var(--color-paper);width:min(902px,100%);max-height:100%;box-shadow:0 1px 2px var(--color-shadow), 0 18px 50px var(--color-shadow);border-radius:2px;flex:none;position:relative;overflow:hidden}.canvasTool-hand,.canvasTool-hand canvas{cursor:grab}.canvasTool-hand:active,.canvasTool-hand:active canvas{cursor:grabbing}.canvasTool-line,.canvasTool-line canvas,.canvasTool-rectangle,.canvasTool-rectangle canvas,.canvasTool-circle,.canvasTool-circle canvas{cursor:crosshair}.zoomControls{z-index:7;border:1px solid var(--color-border-strong);background:var(--color-panel);width:max-content;box-shadow:0 8px 24px var(--color-shadow);border-radius:10px;align-items:center;padding:4px;display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.zoomControls .zoomGroupLabel{margin:0 5px 0 3px}.zoomControls .iconButton{background:0 0;border-color:#0000;width:30px;min-height:30px}.zoomValue{width:54px;min-height:30px;color:var(--color-ink-muted);cursor:pointer;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0 6px;font-size:.7rem}.inspectorPanel{z-index:2;border-left:1px solid var(--color-border);background:var(--color-panel);flex-direction:column;min-width:0;min-height:0;padding:16px;display:flex;overflow-y:auto}.panelHeading{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:12px;min-height:48px;margin:-16px -16px 18px;padding:13px 16px;display:flex}.itemId{max-width:96px;color:var(--color-ink-subtle);text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.64rem;overflow:hidden}.emptyInspector{min-height:180px;color:var(--color-ink-subtle);text-align:center;align-content:center;place-items:center;gap:10px;display:grid}.emptyInspector.selectionHint{text-align:left;place-items:start;min-height:0;padding:14px 0}.emptyInspector.selectionHint p{max-width:none}.emptyInspector p{max-width:22ch;margin:0;font-size:.76rem;line-height:1.5}.dimensionFields{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;margin-bottom:18px;display:grid}.dimensionField{gap:6px;min-width:0;display:grid}.dimensionField label{color:var(--color-ink-muted);font-size:.75rem;font-weight:500}.dimensionInputRow{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.metricUnit{color:var(--color-ink-muted);font-variant-numeric:tabular-nums;align-self:center;font-size:.76rem}.dimensionInputRow .button{grid-column:1/-1}.dimensionInputRow input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-control);width:100%;min-width:0;min-height:34px;color:var(--color-ink);font-variant-numeric:tabular-nums;padding:7px 9px;font-size:.76rem}.dimensionInputRow input:focus-visible{border-color:var(--color-accent)}.dimensionInputRow input[aria-invalid=true]{border-color:var(--color-danger)}.dimensionInputRow .button{min-height:30px;padding:6px 8px;font-size:.67rem}.fieldError{color:var(--color-danger);grid-column:1/-1;margin:0;font-size:.68rem;line-height:1.35}.inspectorSection,.modifyRoutes,.cadControls{border-top:1px solid var(--color-border);gap:8px;margin-top:14px;padding-top:14px;display:grid}.inspectorSection:first-of-type{border-top:0;margin-top:0;padding-top:0}.sectionSubheading{color:var(--color-ink-muted);margin:0;font-size:.75rem;font-weight:500}.routeHint,.activeColor{color:var(--color-ink-muted);margin:0;font-size:.68rem;line-height:1.4}.activeColor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.cadControls label{color:var(--color-ink-muted);gap:4px;font-size:.75rem;display:grid}.cadControls input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-paper);min-height:30px;color:var(--color-ink);padding:5px 7px}.controlRow,.palette{flex-wrap:wrap;gap:4px;display:flex}.controlRow .button{min-height:29px;padding:5px 7px;font-size:.68rem}.colorSwatch{border:2px solid var(--color-paper);width:27px;height:27px;color:var(--color-paper);cursor:pointer;text-shadow:0 1px 2px #000000b3;box-shadow:0 0 0 1px var(--color-border-strong);border-radius:50%;place-items:center;font-size:.75rem;font-weight:800;display:grid}.colorSwatch[aria-pressed=true]{outline:2px solid var(--color-accent);outline-offset:2px;box-shadow:inset 0 0 0 2px var(--color-ink)}.templateHint{color:var(--color-ink-muted);margin:0;font-size:.68rem;line-height:1.4}.statusStrip{z-index:8;border-top:1px solid var(--color-border);background:var(--color-topbar);min-height:28px;color:var(--color-ink-muted);grid-row:4;padding:7px 14px;font-size:.7rem;position:fixed;bottom:0;left:0;right:0}.destructiveActions{margin-top:auto}.deleteButton{width:100%;color:var(--color-danger);background:0 0;border-color:#0000;margin-top:0}.deleteButton:hover:not(:disabled){border-color:var(--color-danger-soft);background:var(--color-danger-soft)}.popupBackdrop{z-index:40;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#2d332e66;position:fixed;inset:0}.popupDialog{z-index:41;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.aiDialog{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);width:min(720px,100%);max-height:calc(100dvh - 48px);box-shadow:0 24px 80px var(--color-shadow);overflow:auto}.aiDialogHeader{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.aiDisclosure{border-bottom:1px solid var(--color-border);color:var(--color-ink-muted);margin:0;padding:12px 20px;font-size:.72rem;line-height:1.5}.aiStep,.aiError{gap:14px;padding:20px;display:grid}.aiStep h3{margin:0;font-size:.9rem}.aiStep label{color:var(--color-ink-muted);gap:7px;font-size:.74rem;display:grid}.aiStep input,.aiStep select{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-control);min-height:38px;color:var(--color-ink);padding:8px 10px}.filePicker{border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-topbar);padding:14px}.templateFieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.templateFieldGrid input[type=color]{width:100%;padding:4px}.aiPreview{aspect-ratio:4/3;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-canvas-bed);position:relative;overflow:hidden}.aiPreview img,.aiPreview svg{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.aiActions{gap:8px;display:flex}.aiError{color:var(--color-danger)}@media (max-height:760px){.canvasPanel{place-items:start center;padding-top:24px}.toolPanel{top:18px;transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}}.editorShell{grid-template-rows:56px auto minmax(0,1fr)}.editorWorkspace{grid-row:3;grid-template-columns:154px minmax(0,1fr) 340px}.editorWorkspace.railCompact{grid-template-columns:48px minmax(0,1fr) 340px}.editorWorkspace.inspectorCollapsed{grid-template-columns:154px minmax(0,1fr) 0}.editorWorkspace.railCompact.inspectorCollapsed{grid-template-columns:48px minmax(0,1fr) 0}.toolPanel{padding:8px}.railToggle{margin:0 0 8px}.inspectorToggle{flex:none;order:2}.inspectorEdgeControl{z-index:4;border:1px solid var(--color-border);background:var(--color-panel-raised);width:36px;min-height:36px;color:var(--color-ink);cursor:pointer;border-right:0;border-radius:6px 0 0 6px;align-self:start;margin:8px 0 0}.railCompact .toolPanel{padding:8px 6px;overflow-x:hidden}.railCompact .toolGroupLabel,.railCompact .toolButton span,.railCompact .toolButton kbd{display:none}.railCompact .toolGroup+.toolGroup{margin-top:6px;padding-top:6px}.railCompact .toolButton{justify-content:center;min-height:36px;padding:6px}.railCompact .toolPanel .button{width:36px}.panelHeading{min-height:44px;margin-bottom:12px}.inspectorPanel{padding:12px}.inspectorPanel .panelHeading{margin:-12px -12px 12px;padding:10px 12px}.canvasMessage{z-index:4;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-panel-raised);max-width:min(420px,100% - 32px);color:var(--color-ink);pointer-events:none;align-items:center;gap:8px;padding:8px 12px;font-size:.74rem;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #1f242029}.statusStrip{display:none}@media (prefers-reduced-motion:no-preference){.editorWorkspace{transition:grid-template-columns .14s ease-out}.canvasMessage{animation:.12s ease-out canvas-message-in}}@keyframes canvas-message-in{0%{opacity:0;transform:translate(-50%,-4px)}to{opacity:1;transform:translate(-50%)}}.buttonActive:hover:not(:disabled){background:var(--color-accent-soft);color:var(--color-accent-hover);border-color:#0000}.headerActions .aiDraftButton{border-color:var(--color-accent);background:var(--color-accent);color:var(--color-accent-ink)}.toolButton.buttonActive,.itemTreeRow.buttonActive,.itemTreeGroup[data-selected=true]>summary{background:var(--color-accent-soft);color:var(--color-accent)}.panelEyebrow{color:var(--color-ink);letter-spacing:0;text-transform:none;margin-bottom:10px;font-size:.78rem;font-weight:600}.panelHeading .panelEyebrow{color:var(--color-ink-subtle);margin-bottom:4px;font-size:.68rem}.inspectorPanel{scrollbar-width:thin;gap:0;padding:0 18px 18px}.inspectorPanel .panelHeading{z-index:3;background:var(--color-panel);flex-wrap:wrap;align-items:center;gap:6px 12px;margin:0 -18px;padding:16px 18px;position:sticky;top:0}.panelHeading h2{font-size:1rem}.panelHeading .itemId{flex:100%;order:1;max-width:none}.inspectorPanel .inspectorSection,.inspectorPanel .cadControls,.itemSelectionList{border-top:0;border-bottom:1px solid var(--color-border);flex:none;margin:0;padding:18px 0}.inspectorPanel details.inspectorSection,.inspectorPanel details.cadControls{display:block}.inspectorPanel details>summary{cursor:pointer;margin:0;list-style-position:inside}.inspectorPanel details[open]>summary{margin-bottom:14px}.appearanceControls .palette{gap:10px;margin-bottom:12px}.appearanceControls .activeColor{margin-bottom:12px}.appearanceControls>.button{width:100%}.dimensionFields{gap:14px 12px;margin-bottom:0}.dimensionInputRow input,.cadControls input,.aiStep input,.aiStep select{border-color:var(--color-border);border-radius:var(--radius-sm)}.dimensionInputRow .button{border-color:var(--color-border);font-size:.7rem}.modifyRoutes .controlRow{gap:8px}.modifyRoutes .controlRow .button{flex:auto;min-height:32px}.routeHint{color:var(--color-ink-subtle);font-size:.72rem}.cadControls label,.cadControls .controlRow{margin-bottom:12px}.cadControls .controlRow{gap:6px}.draftingHelp{color:var(--color-ink-muted);margin:0;font-size:.72rem;line-height:1.6}.commandPrompt{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-accent-soft);color:var(--color-ink);flex:none;gap:12px;margin:14px 0;padding:14px;font-size:.75rem;line-height:1.5;display:grid}.commandPromptHeading{color:var(--color-accent);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;font-size:.72rem;font-weight:600;display:flex}.commandPromptHeading kbd{color:var(--color-ink-muted);font:inherit;font-size:.65rem;font-weight:400}.commandPrompt p{margin:0}.commandPrompt form,.commandPrompt label{gap:8px;min-width:0;display:grid}.commandPrompt form{gap:12px}.commandPrompt input{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control);width:100%;min-width:0;min-height:34px;color:var(--color-ink);font:inherit;font-variant-numeric:tabular-nums;padding:8px 10px}.itemTreeHeading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.itemTreeHeading .panelEyebrow{margin:0}.itemCount{background:var(--color-accent-soft);color:var(--color-accent);font-variant-numeric:tabular-nums;border-radius:4px;padding:2px 6px;font-size:.68rem}.itemSearch{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control);color:var(--color-ink-subtle);align-items:center;gap:8px;padding:0 10px;display:flex}.itemSearch input{width:100%;min-width:0;min-height:36px;color:var(--color-ink);background:0 0;border:0;padding:8px 0;font-size:.75rem}.itemTreeScroll{scrollbar-width:thin;max-height:248px;margin:10px -6px;padding:2px 6px;overflow-y:auto}.itemTreeRow{background:0 0;border:0;justify-content:flex-start;gap:8px;width:100%;min-height:34px;padding:8px;font-size:.75rem}.itemTreeRow svg,.itemTreeGroup summary svg{flex:none}.itemTreeName{text-align:left;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.itemTreeGroup{margin:4px 0}.itemTreeGroup>summary{border-radius:var(--radius-sm);color:var(--color-ink);align-items:center;gap:8px;padding:8px 4px;font-size:.75rem;font-weight:500;list-style:none;display:flex}.itemTreeGroup>summary::-webkit-details-marker{display:none}.itemTreeGroup[open]>summary{margin-bottom:2px!important}.itemTreeChevron{text-align:center;width:12px}.itemTreeGroup[open] .itemTreeChevron{transform:rotate(90deg)}.itemTreeMembers{border-left:1px solid var(--color-border);margin-left:14px;padding-left:8px}.groupSelectionRow{margin-bottom:4px}.itemTreeEmpty{color:var(--color-ink-muted);margin:12px 6px;font-size:.75rem;line-height:1.5}.inspectorPanel .destructiveActions{border-bottom:0}.emptyInspector{flex:none;min-height:120px}.aiDialogHeader{z-index:1;background:var(--color-panel);align-items:center;padding:20px 24px;position:sticky;top:0}.aiStep,.aiError{padding:24px}.aiStep input,.aiStep select{font-size:.84rem}.aiStep+.aiStep{border-top:1px solid var(--color-border)}.aiDialog .panelEyebrow{color:var(--color-ink-subtle);margin-bottom:6px;font-size:.72rem}.filePicker{border-color:var(--color-border-strong);background:var(--color-control);padding:18px}.filePicker input::file-selector-button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel);color:var(--color-ink);font:inherit;cursor:pointer;margin-right:12px;padding:7px 10px}.assistantPanel,.inspectorPanel,.inspectorEdgeControl,.topBar,.toolPanel,.templateOverlay,.templateDialog,.kitDialog,.librarySaveDialog{--color-topbar:#242622;--color-panel:#242622;--color-panel-raised:#30332b;--color-control:#30332b;--color-control-hover:#33463e;--color-border:#41463b;--color-border-strong:#41463b;--color-ink:#eeeee7;--color-ink-muted:#a5ac9e;--color-ink-subtle:#a5ac9e;--color-accent:#8ac4b1;--color-accent-hover:#a3d6c6;--color-accent-ink:#242622;--color-accent-soft:#33463e;--color-danger:#e5a197;--color-danger-soft:#49342f;--color-focus:#8ac4b1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.topBar,.toolPanel{color:var(--color-ink)}.toolGroupLabel{color:var(--color-ink-muted);letter-spacing:.09em;font-weight:600}.inspectorPanel{width:340px;color:var(--color-ink);background:var(--color-panel);padding:0;transform:translate(0)}.inspectorPanel[hidden]{visibility:hidden;pointer-events:none;display:flex;transform:translate(100%)}.inspectorTabPanel[hidden]{display:none}.inspectorChrome{z-index:5;background:var(--color-panel);flex:none;position:sticky;top:0}.inspectorPanel .panelHeading{border:0;min-height:88px;margin:0;padding:20px 20px 16px;position:static}.inspectorPanel .panelHeading .panelEyebrow{color:var(--color-ink-muted);letter-spacing:.09em;text-transform:uppercase;margin-bottom:6px;font-size:.625rem;font-weight:600}.inspectorPanel .panelHeading h2{font-size:1.125rem}.inspectorToggle{color:var(--color-ink);background:0 0;border:0}.inspectorTabs{border-bottom:1px solid var(--color-border);gap:4px;padding:0 16px;display:flex}.inspectorTabs>button{min-height:44px;color:var(--color-ink-muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;border-radius:0;align-items:center;gap:8px;padding:12px 7px;font-size:.75rem;display:flex}.inspectorTabs>button[aria-selected=true]{border-bottom-color:var(--color-accent);color:var(--color-accent);font-weight:600}.inspectorTabs>button:hover:not([aria-selected=true]){color:var(--color-ink)}.inspectorSelection{border-bottom:1px solid var(--color-border);flex-wrap:wrap;align-items:center;gap:12px;padding:20px;display:flex}.selectionShape{border-radius:var(--radius-md);background:var(--color-accent-soft);width:38px;height:38px;color:var(--color-accent);flex:none;place-items:center;display:grid}.selectionIdentity{flex:1;min-width:0}.selectionIdentity h3{text-transform:capitalize;margin:0 0 3px;font-size:1rem;font-weight:600}.selectionIdentity .itemId{max-width:none;font-family:var(--font-ui);font-size:.75rem;display:block}.selectionBadge{background:var(--color-accent-soft);color:var(--color-accent);white-space:nowrap;border-radius:4px;padding:3px 7px;font-size:.6875rem}.selectionNameEditor{flex:0 0 100%;grid-template-columns:minmax(0,1fr);gap:5px;padding-top:4px;display:grid}.selectionNameEditor>label,.inspectorForm label,.frameControls label{color:var(--color-ink-muted);gap:5px;font-size:.75rem;display:grid}.compactInputAction{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.selectionNameEditor input,.inspectorForm input,.inspectorForm select,.frameControls input,.frameControls select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-control);min-width:0;min-height:35px;color:var(--color-ink);font:inherit;padding:7px 9px}.selectionNameEditor input:focus-visible,.inspectorForm input:focus-visible,.inspectorForm select:focus-visible,.frameControls input:focus-visible,.frameControls select:focus-visible{border-color:var(--color-accent);outline:2px solid var(--color-accent-soft);outline-offset:1px}.inspectorForm{gap:10px;display:grid}.appearanceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 8px;display:grid}.appearanceGrid>label:last-child:nth-child(odd){grid-column:1/-1}.appearanceColorControl{gap:5px;display:grid}.appearanceColorField{grid-template-columns:35px minmax(0,1fr);gap:6px;display:grid}.appearanceColorPicker{display:grid;position:relative}.appearanceColorPicker input[type=color]{cursor:pointer;width:35px;height:35px;padding:3px}.appearanceColorPicker input[type=color]::-webkit-color-swatch-wrapper{padding:0}.appearanceColorPicker input[type=color]::-webkit-color-swatch{border:0;border-radius:2px}.appearanceColorPicker[data-no-fill=true]:after{background:repeating-conic-gradient(var(--color-control) 0% 25%, var(--color-border-strong) 0% 50%) 50% / 10px 10px;content:"";pointer-events:none;border-radius:2px;position:absolute;inset:4px}.appearanceColorPicker input:disabled{cursor:default;opacity:.5}.frameExportControls .controlRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.frameExportControls .button{justify-content:center}.frameExportControls .secondaryActions{padding-top:2px}.inspectorPanel .inspectorSection,.inspectorPanel .cadControls,.inspectorPanel .itemSelectionList{padding:18px 20px}.inspectorPanel .panelEyebrow{color:var(--color-ink);margin-bottom:8px;font-size:.8125rem}.inspectorPanel .dimensionFields:has(>.dimensionField:only-child){grid-template-columns:minmax(0,1fr)}.inspectorPanel .dimensionField label{color:var(--color-ink-muted);font-size:.75rem;font-weight:400}.inspectorPanel .dimensionInputRow{grid-template-columns:minmax(0,1fr);gap:0;position:relative}.inspectorPanel .dimensionInputRow input{min-height:39px;padding:9px 30px 9px 10px;font-size:.875rem}.inspectorPanel .metricUnit{pointer-events:none;font-size:.75rem;position:absolute;top:11px;right:10px}.inspectorPanel .dimensionInputRow .button{min-height:35px;margin-top:12px;font-size:.75rem}.coordinateFields{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.coordinateFields>.button,.coordinateFields>.fieldError{grid-column:1/-1}.inspectorPanel .appearanceControls{grid-template-columns:minmax(0,1fr) auto;gap:12px 8px}.appearanceControls>.panelEyebrow,.appearanceControls>.button,.appearanceControls>.inspectorForm,.appearanceControls>.routeHint,.appearanceControls>.fieldError{grid-column:1/-1}.inspectorPanel .appearanceControls .palette,.inspectorPanel .appearanceControls .activeColor{margin:0}.inspectorPanel .appearanceControls .palette{gap:9px}.inspectorPanel .activeColor{align-self:center;font-size:.6875rem}.inspectorPanel .colorSwatch{border-color:var(--color-panel);box-shadow:none}.inspectorPanel .button{border-radius:var(--radius-sm);min-height:35px;color:var(--color-ink);font-size:.75rem}.inspectorPanel .buttonActive,.inspectorPanel .buttonActive:hover:not(:disabled){border-color:var(--color-border);background:var(--color-accent-soft);color:var(--color-accent)}.inspectorPanel .modifyRoutes .controlRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.inspectorPanel .modifyRoutes .controlRow[aria-label=Organization\ commands]{grid-template-columns:minmax(0,1fr)}.inspectorPanel .deleteButton{color:var(--color-danger);justify-content:flex-start;padding-left:0}.inspectorPanel .commandPrompt{background:var(--color-control);flex:none;margin:14px 20px 0;padding:14px}.inspectorPanel .cadControls input{background:var(--color-control)}.inspectorPanel .itemTreeHeading{display:none}.inspectorPanel .itemTreeScroll{max-height:min(60dvh,600px)}.inspectorEdgeControl{z-index:6;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel);width:36px;height:36px;min-height:36px;color:var(--color-ink);place-items:center;margin:0;padding:0;display:grid;position:absolute;top:12px;right:12px}@media (prefers-reduced-motion:no-preference){.inspectorPanel{transition:transform .14s ease-out,visibility}.inspectorPanel[hidden]{transition:transform .14s ease-out,visibility 0s .14s}}.inspectorToggle,.inspectorEdgeControl{position:relative}.inspectorEdgeControl{position:absolute}.panelSidebarGlyph{transform:scaleX(-1)}.panelToggleChevron{position:absolute;top:13px;left:11px}.inspectorPanel .templateHint{border-bottom:1px solid var(--color-border);padding:12px 20px}.editorShell{display:block;position:relative}.editorWorkspace,.editorWorkspace.railCompact,.editorWorkspace.inspectorCollapsed,.editorWorkspace.railCompact.inspectorCollapsed{transition:none;display:block;position:absolute;inset:0}.topBar{z-index:5;pointer-events:none;background:0 0;border:0;justify-content:space-between;min-height:52px;padding:0;display:flex;position:absolute;top:12px;left:12px;right:12px}.documentChrome,.headerActions{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-panel);min-height:52px;box-shadow:0 4px 16px var(--color-shadow);pointer-events:auto;align-items:center;gap:16px;padding:8px 12px;display:flex}.headerActions{gap:4px}.editorWarnings{border:1px solid var(--color-warning-border);border-radius:var(--radius-sm);position:absolute;top:76px;left:178px;right:368px}.toolPanel,.railCompact .toolPanel{z-index:4;border:1px solid var(--color-border);border-radius:var(--radius-lg);width:154px;max-height:calc(100% - 88px);box-shadow:0 4px 16px var(--color-shadow);position:absolute;top:76px;left:12px;transform:none}.railCompact .toolPanel{width:48px;padding:8px 5px}.railToggle{position:relative}.railToggleChevron{position:absolute;top:13px;left:15px}.canvasPanel{background:var(--color-paper);padding:0;display:block;position:absolute;inset:0}.canvasSurface{aspect-ratio:auto;width:100%;height:100%;max-height:none;box-shadow:none;border:0;border-radius:0}.inspectorPanel{z-index:4;border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 4px 16px var(--color-shadow);position:absolute;top:76px;bottom:12px;right:12px}.inspectorPanel[hidden]{transform:translate(calc(100% + 12px))}.inspectorEdgeControl{top:76px}.zoomControls{left:auto;right:368px;transform:none}.inspectorCollapsed .zoomControls{right:12px}.canvasMessage{width:fit-content;max-width:min(420px,100% - 546px);margin-inline:auto;top:76px;left:178px;right:368px;transform:none}.railCompact .canvasMessage{max-width:min(420px,100% - 440px);left:72px}.inspectorCollapsed .canvasMessage{max-width:min(420px,100% - 190px);right:12px}.railCompact.inspectorCollapsed .canvasMessage{max-width:min(420px,100% - 84px)}.templateOverlay{--template-left:178px;--template-right:364px;z-index:6;--template-width:min(700px, calc(100% - var(--template-left) - var(--template-right)), calc(100vw - 24px));bottom:14px;left:clamp(calc(var(--template-width) / 2 + 12px), calc((100% + var(--template-left) - var(--template-right)) / 2), calc(100vw - var(--template-width) / 2 - 12px));width:var(--template-width);max-height:calc(100dvh - 100px);color:var(--color-ink);position:absolute;transform:translate(-50%);container-type:inline-size}@media (max-width:1023px){.templateOverlay{--template-width:min(700px, calc(1024px - var(--template-left) - var(--template-right)), calc(100vw - 24px));left:clamp(calc(var(--template-width) / 2 + 12px), calc((1024px + var(--template-left) - var(--template-right)) / 2), calc(100vw - var(--template-width) / 2 - 12px));position:fixed}}.railCompact .templateOverlay{--template-left:72px}.inspectorCollapsed .templateOverlay{--template-right:24px}.templateCollapsed,.templateExpanded,.templateDialog{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-panel-raised);box-shadow:0 6px 22px var(--color-shadow)}.templateCollapsed{align-items:center;gap:8px;min-height:48px;padding:7px 9px;display:flex}.templateCollapsed>span:first-child{font-size:.76rem;font-weight:650}.templateRecent{flex:1;gap:4px;min-width:0;display:flex}.templateRecent button,.templateSelect{color:inherit;cursor:pointer;background:0 0;border:0}.templateEmpty{color:var(--color-ink-muted);font-size:.72rem}.templateOverlayHeader,.templateTools,.templateCapture,.templateCard>div,.templateDialog>div{align-items:center;gap:6px;display:flex}.templateOverlayHeader{justify-content:space-between;margin-bottom:8px}.templateOverlayHeaderActions,.templateHeaderKit{align-items:center;gap:6px;display:flex}.templateOverlayHeaderActions{flex-wrap:wrap;justify-content:flex-end}.templateHeaderKit{color:var(--color-ink-muted);font-size:.68rem}.templateHeaderKit select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control);max-width:140px;min-height:32px;color:var(--color-ink);padding:4px 6px}.templateTools{flex-wrap:wrap;align-items:end}.templateTools label,.templateDialog label{color:var(--color-ink-muted);gap:3px;font-size:.68rem;display:grid}.templateTools input,.templateTools select,.templateDialog input,.templateDialog select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control);min-height:30px;color:var(--color-ink);padding:4px 6px}.templateImport{white-space:nowrap}.templateClose{place-items:center;width:28px;min-height:28px;padding:0;font-size:1rem;line-height:1;display:inline-grid}.templateCapture{margin:8px 0}.templateGrid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:7px;max-height:190px;display:grid;overflow:auto}.templateCard{border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:0;padding:6px}.templateCard>div{flex-wrap:wrap;margin-top:5px}.templateCard button,.templateDialog button,.templateCollapsed button{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-control);min-height:28px;color:var(--color-ink);cursor:pointer;font-size:.7rem}.templateSelect{text-align:left;grid-template-columns:32px 1fr;width:100%;display:grid}.templateSelect small{color:var(--color-ink-muted);grid-column:2}.templateThumbnail{border:1px solid var(--color-border-strong);background:var(--color-accent-soft);width:28px;height:28px;color:var(--color-accent);border-radius:4px;place-items:center;font-weight:700;display:inline-grid}.templateThumbnail small{font-size:.55rem}.templateDialog{width:min(360px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--color-ink);padding:16px;overflow:auto}.templateDialogHeader{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.templateDialogHeader h2{margin:0}.templateDialogClose{flex:0 0 32px;place-items:center;width:32px;padding:0;line-height:1;display:inline-grid;min-height:32px!important;font-size:1.25rem!important}.templateDialogFooter{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.templateTransferPanel{border-top:1px solid var(--color-border);margin-top:16px;padding-top:12px;display:block!important}.templateTransferPanel .templateDialogFooter{margin-top:8px}.templateImportDialog{width:min(520px,100vw - 32px)}.templateDialog h2,.templateDialog p{margin-bottom:8px;font-size:.8rem}.templateWarning{border-color:var(--color-danger)}.templateDanger{border-color:var(--color-danger)!important;color:var(--color-danger)!important}.headerActions .zoomValue{width:46px;min-height:30px;color:var(--color-ink-muted);border-radius:6px;padding:0 4px;font-size:.7rem}.headerActions .zoomValue:hover{background:var(--color-control-hover);color:var(--color-ink)}.headerZoomControls{border:1px solid var(--color-border);background:var(--color-control);border-radius:7px;align-items:center;gap:0;padding:2px;display:flex}.headerZoomControls .iconButton{background:0 0;border-color:#0000;width:28px;min-height:30px;padding:4px}.headerZoomControls .iconButton:hover{background:var(--color-control-hover)}.templateCollapsed,.templateCapture,.templateOverlayHeader,.templateDialog>div{flex-wrap:wrap}.templateExpanded{max-height:calc(100dvh - 100px);overflow-y:auto}.templateTools label{flex:140px;min-width:0}.templateTools input,.templateTools select,.templateDialog input,.templateDialog select{width:100%;min-width:0;max-width:100%}.templateSelect{overflow-wrap:anywhere;grid-template-columns:32px minmax(0,1fr)}.templateDialog{width:min(360px,100%);max-height:calc(100dvh - 170px);overflow-y:auto}@container (max-width:450px){.templateRecent{flex-basis:100%;order:2;overflow-x:auto}.templateCollapsed>button{margin-left:auto}}.templateCollapsed,.templateExpanded,.templateDialog{background:var(--color-panel);border-radius:12px}.templateExpanded{padding:16px}.templateOverlayHeader{border-bottom:1px solid var(--color-border);margin-bottom:14px;padding-bottom:12px}.templateOverlayHeader strong{font-size:.88rem;font-weight:600}.templateOverlay button{border:1px solid var(--color-border);background:var(--color-control);min-height:32px;color:var(--color-ink);font:inherit;cursor:pointer;border-radius:7px;padding:6px 10px;font-size:.72rem;transition:background .12s}.templateOverlay button:hover:not(:disabled){background:var(--color-control-hover);border-color:var(--color-accent)}.templateOverlay button:disabled{opacity:.4;cursor:not-allowed}.templateOverlay button:focus-visible,.templateOverlay input:focus-visible,.templateOverlay select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.templateTools input,.templateTools select,.templateDialog input,.templateDialog select{border-radius:7px;min-height:36px;padding:7px 9px}.templateDialog fieldset{border:0;gap:6px;margin:0 0 8px;padding:0;display:grid}.templateDialog fieldset label{align-items:center;gap:6px;display:flex}.templateDialog fieldset input{min-height:auto}.templateCapture{border-bottom:1px solid var(--color-border);margin:12px 0;padding-bottom:12px}.templateGrid{grid-template-columns:repeat(auto-fit,minmax(min(210px,100%),1fr));gap:10px;max-height:min(300px,42dvh)}.templateCard{background:var(--color-panel-raised);border-radius:9px;padding:12px}.templateCard .templateSelect{background:0 0;border:0;gap:4px 10px;min-height:46px;padding:0}.templateCard .templateSelect:hover{color:var(--color-accent);background:0 0}.templateSelect>span:not(.templateThumbnail){font-weight:600}.templateThumbnail{width:32px;height:32px;color:var(--color-accent);border-radius:7px}.templateCard>div{gap:6px;margin-top:12px}.templateCard>div>button:first-child,.templateDialog>div>button:first-child:not(.templateDanger){background:var(--color-accent-soft);color:var(--color-accent)}.templateDialog{padding:16px}@media (prefers-reduced-motion:reduce){.templateOverlay button{transition:none}}.libraryTabs{flex-shrink:0;gap:4px;display:flex}.libraryTabs [aria-selected=true]{color:var(--color-accent);background:var(--color-accent-soft);border-color:var(--color-accent)}.templateCollapsed{flex-wrap:wrap}.templateCollapsed .templateRecent{flex-basis:100%;order:3;padding:3px 0;overflow-x:auto}.templateCollapsed>button:last-child{margin-left:0}.templateCollapsed>.templateImport{margin-left:auto}.templateRecent button{text-align:left;flex:none;grid-template-columns:42px minmax(0,1fr);column-gap:8px;max-width:200px;display:grid}.templateRecent button>span:not(.templateThumbnail),.templateRecent button>small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.templateRecent button>small{color:var(--color-ink-muted);grid-column:2}.templateThumbnail{background:var(--color-panel);grid-row:span 2;width:64px;height:52px;display:block}.templateRecent .templateThumbnail{width:42px;height:36px}.templateGeometry{width:100%;height:100%;display:block;overflow:visible}.templateCard .templateSelect{text-align:left;grid-template-columns:64px minmax(0,1fr);width:100%}.templateSelect span:not(.templateThumbnail),.templateSelect small{overflow-wrap:anywhere;min-width:0}.templateExpanded>.libraryTabs{margin-bottom:14px}.libraryHint{color:var(--color-ink-muted);margin:12px 0;font-size:.75rem}.templateDialog>.templateThumbnail{width:100%;height:140px;padding:10px}.componentPlacementPreview{pointer-events:none;opacity:.5;z-index:2;position:absolute}.librarySaveDialog{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-panel-raised);width:min(390px,100vw - 32px);max-height:calc(100dvh - 40px);color:var(--color-ink);box-shadow:0 6px 22px var(--color-shadow);padding:22px;overflow-y:auto}.librarySaveDialog::backdrop{background:var(--color-shadow)}.librarySaveDialog form{gap:14px;display:grid}.librarySaveDialog h2,.librarySaveDialog p{margin:0}.librarySaveDialog h2{font-size:1rem}.librarySaveDialog p,.librarySaveDialog label{font-size:.8rem}.librarySaveDialog label{gap:6px;display:grid}.librarySaveDialog input{background:var(--color-control);width:100%;min-height:38px;color:var(--color-ink);border:1px solid var(--color-border);font:inherit;border-radius:6px;padding:8px}.librarySavePreview{background:var(--color-panel);border-radius:8px;height:130px;padding:12px}.librarySaveActions{justify-content:flex-end;gap:8px;display:flex}.librarySaveActions button{border:1px solid var(--color-border);background:var(--color-control);min-height:36px;color:var(--color-ink);font:inherit;white-space:nowrap;cursor:pointer;border-radius:6px;padding:8px 12px;font-size:.8rem}.librarySaveActions button:last-child{color:var(--color-accent);background:var(--color-accent-soft)}.librarySaveActions button:hover,.librarySaveActions button:active,.templateOverlay button:active:not(:disabled){background:var(--color-control-hover)}.librarySaveDialog :focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.librarySaveSection .routeHint{margin-bottom:0}@container (max-width:480px){.templateCollapsed>span:first-child{display:none}.templateCollapsed .libraryTabs button,.templateCollapsed>button:last-child{padding:6px;font-size:.68rem}}.templateThumbnail,.librarySavePreview{background:var(--color-paper)}.kitDialog{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-panel);width:min(760px,100vw - 64px);max-height:calc(100vh - 64px);color:var(--color-ink);padding:24px;overflow:auto}.kitDialog::backdrop{background:#141c1861}.kitDialogHeader,.kitDialogHeader>div,.kitActions,.kitCreate,.kitPreviewModes,.componentCardActions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.kitDialogHeader{justify-content:space-between}.kitDialogSubheader{justify-content:flex-start}.kitImportForm{margin-top:20px}.kitActionsCompact{justify-content:flex-end;margin-top:12px}.kitContents{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.kitContents section{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel-raised);min-width:0;padding:10px}.kitContents ul{max-height:120px;margin:8px 0 0;padding-left:18px;overflow:auto}.kitContents p{color:var(--color-ink-muted);margin:8px 0 0}@media (max-width:600px){.kitContents{grid-template-columns:1fr}}.kitDialog h2{margin:0}.kitDialog p:empty{display:none}.kitDialog label,.kitStyleEditor label,.librarySaveDialog label,.libraryDiscovery label{gap:6px;margin:10px 0;display:grid}.kitDialog button,.kitDialog input,.kitDialog select,.kitStyleEditor input,.kitStyleEditor select,.librarySaveDialog select,.libraryDiscovery select{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-control);min-height:36px;color:var(--color-ink);font:inherit;padding:6px 10px}.kitDialog button:hover{background:var(--color-control-hover)}.kitDialog [aria-pressed=true]{background:var(--color-accent-soft);border-color:var(--color-accent)}.kitList{gap:8px;padding:12px 0;display:flex;overflow:auto}.kitList button{text-align:left;gap:4px;min-width:150px;display:grid}.kitList small,.componentCardActions{color:var(--color-ink-muted);font-size:12px}.kitStylePreview{border:1px solid var(--color-border);border-radius:var(--radius-sm);height:200px;margin:12px 0;padding:18px}.kitStyleBack{align-items:center;gap:6px;margin-bottom:10px;display:inline-flex}.kitStylePreview .templateGeometry{width:100%;height:100%}.kitFieldGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px;display:grid}.styleLibraryGrid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:10px;display:grid}.styleLibraryCard{border:1px solid var(--color-border);background:var(--color-panel-raised);border-radius:9px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;padding:12px;display:grid}.styleLibraryCard>div{display:grid}.styleLibraryCard small{color:var(--color-ink-muted)}.styleSwatch{border:1px solid var(--color-border-strong);border-radius:7px;width:32px;height:32px}.styleLibraryCard button{grid-column:span 2}.kitStyleEditor fieldset{border:1px solid var(--color-border);border-radius:9px;margin:12px 0}.kitDelete{border:1px solid var(--color-danger);margin-top:16px;padding:16px}.libraryDiscovery{margin:12px 0}.libraryDiscovery summary{cursor:pointer}.componentActionMenu{z-index:50;border-radius:var(--radius-md);color:#eeeee7;background:#30332b;border:1px solid #41463b;min-width:190px;padding:6px;display:grid;box-shadow:0 12px 32px #141c185c}.componentActionMenu [role=menuitem]{border-radius:var(--radius-sm);min-height:34px;color:inherit;text-align:left;background:0 0;border:0;padding:7px 9px}.componentActionMenu [role=menuitem]:hover,.componentActionMenu [role=menuitem]:focus-visible{background:var(--color-control-hover)}.componentActionMenu [role=menuitem]:disabled{opacity:.45}.componentActionMenu .componentActionDanger{color:var(--color-danger)}.componentCardActions{justify-content:space-between;margin-top:4px}.templateOverlayCompact{--font-library:-apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font:13px/1.4 var(--font-library);--color-panel:#23261f;--color-panel-raised:#2f332a;--color-control:#2f332a;--color-border:#41463a;--color-border-strong:#41463a;--color-accent:#8bc6b3}.templateOverlayCompact button,.templateOverlayCompact input,.templateOverlayCompact select{font:inherit;font-weight:400}.templateOverlayCompact select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%23eff0e9' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}.templateOverlayCompact .templateExpanded{border-radius:10px;padding:8px 12px 12px}.libraryTitle{align-items:center;gap:8px;min-width:0;display:flex}.templateOverlayCompact .templateOverlayHeader{border:0;flex-wrap:nowrap;margin-bottom:6px;padding:0}.templateOverlayCompact .templateOverlayHeader strong{font-size:14px;font-weight:500}.libraryCount{color:var(--color-ink-muted);white-space:nowrap;font-size:12px}.templateOverlayCompact .templateOverlayHeaderActions{flex-wrap:nowrap;gap:6px}.templateOverlayCompact button{min-height:30px;padding:4px 8px;font-size:13px}.templateOverlayCompact .libraryManageButton{background:0 0;border-color:#0000;place-items:center;width:32px;padding:0;display:grid}.libraryNavigation{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:6px;margin:0 -12px 8px;padding:0 12px 5px;display:flex}.templateOverlayCompact .libraryTabs{gap:4px}.templateOverlayCompact .libraryTabs button{min-height:25px;color:var(--color-ink-muted);background:0 0;border-color:#0000;padding:4px 7px;font-size:12px;font-weight:400;line-height:1.4}.templateOverlayCompact .libraryTabs button[aria-selected=true]{color:var(--color-accent);background:var(--color-accent-soft)}.templateOverlayCompact .templateHeaderKit{flex:0 138px;min-width:0}.templateOverlayCompact .templateHeaderKit select{width:100%;min-width:0;max-width:none;min-height:30px;padding:4px 26px 4px 8px;font-size:13px}.templateOverlayCompact .templateTools{grid-template-columns:minmax(0,1fr) 132px;gap:6px;margin-bottom:8px;display:grid}.templateOverlayCompact .templateTools input,.templateOverlayCompact .templateTools select{height:30px;min-height:30px;padding:4px 8px;font-size:13px}.templateOverlayCompact .templateTools select{padding-right:26px}.templateOverlayCompact .librarySearch{position:relative}.templateOverlayCompact .librarySearch input{padding-left:34px}.librarySearch>svg{color:var(--color-ink-muted);pointer-events:none;position:absolute;top:7px;left:10px}.templateOverlayCompact .templateGrid{--component-row:72px;--component-gap:6px;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:var(--component-row);gap:var(--component-gap);height:calc(var(--component-row) * 2 + var(--component-gap));overscroll-behavior:contain;align-content:start;max-height:none;overflow:hidden auto}.templateOverlayCompact .templateCard{border-radius:7px;padding:6px 4px;display:block;position:relative}.templateOverlayCompact .templateCard .templateSelect{text-align:center;grid-template-rows:34px 18px;grid-template-columns:minmax(0,1fr);justify-items:center;gap:4px;min-height:0;display:grid}.templateOverlayCompact .templateThumbnail{border-radius:4px;grid-row:auto;width:38px;height:34px;padding:3px}.templateOverlayCompact .templateSelect>span:not(.templateThumbnail){text-overflow:ellipsis;white-space:nowrap;overflow-wrap:normal;max-width:100%;font-size:12px;font-weight:400;overflow:hidden}.templateOverlayCompact .componentCardActions{margin:0;position:absolute;top:2px;right:2px}.templateOverlayCompact .templateCard .componentFavorite{color:#eff0e9;background:0 0;border-color:#0000;place-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:2px;display:grid}.templateOverlayCompact .templateCard .componentFavorite[aria-pressed=true]{color:var(--color-accent)}.componentContextFooter{border-top:1px solid var(--color-border);color:var(--color-ink-muted);align-items:center;gap:8px;margin:10px -12px -12px;padding:5px 12px;font-size:11px;display:flex}.componentContextMetadata{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.componentScrollHint{flex-shrink:0}.templateOverlayCompact .componentMenuButton{min-width:28px;color:var(--color-ink);background:0 0;border-color:#0000;padding:0}.templateOverlayCompact .templateEmpty{place-items:center;min-height:150px;margin:0;display:grid}.guidedImportHeader,.guidedImportFooter{justify-content:space-between;align-items:center;gap:8px;display:flex}.guidedImportHeader h2{font-size:1.05rem}.guidedImportChoices{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px;display:grid}.guidedImportChoices button{text-align:left;gap:6px;padding:16px;display:grid}.guidedImportChoices span,.guidedImportHint,.guidedImportPreview small{color:var(--color-ink-muted);font-size:.75rem}.guidedImportPreview{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-panel);gap:12px;padding:12px;display:flex}.guidedImportPreview>.templateGeometry{flex:0 0 64px;width:64px;height:52px}.guidedImportPreview>div{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.guidedImportPreview ul{max-height:160px;margin:4px 0 0;padding-left:18px;font-size:.75rem;overflow:auto}.guidedImportFooter{justify-content:flex-end}.guidedLibraryImport :is(button,input,select):focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}@container (max-width:340px){.templateOverlayCompact .templateGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.templateOverlayCompact .libraryNavigation{flex-wrap:wrap}.templateOverlayCompact .templateHeaderKit{flex:1 0 100%}}@media (pointer:coarse){.templateOverlayCompact .templateGrid{--component-row:106px;grid-template-columns:repeat(3,minmax(0,1fr))}.templateOverlayCompact :is(button,input,select),.templateOverlayCompact .libraryTabs button,.templateOverlayCompact .templateHeaderKit select,.templateOverlayCompact .templateTools input,.templateOverlayCompact .templateTools select{height:auto;min-height:44px}.templateOverlayCompact .templateCard .componentFavorite{min-width:44px;height:44px;min-height:44px}.templateOverlayCompact .templateCard .templateSelect{padding-top:28px}.templateOverlayCompact .libraryManageButton,.templateOverlayCompact .componentMenuButton{min-width:44px}.templateOverlayCompact .librarySearch>svg{top:14px}.templateOverlayCompact .libraryNavigation{flex-wrap:wrap}.templateOverlayCompact .templateHeaderKit{flex:1 0 100%}}.templateOverlay .templateDockToggle{background:0 0;border-color:#0000;place-items:center;min-width:32px;padding:0;display:grid}.templateDockFrame{transition:height .18s ease-out;overflow:clip}.templateDockMotion{animation:.18s ease-out both libraryDockFade}.templateDockMotion[data-expanded=true]{--dock-slide-from:8px;animation-name:libraryDockSlide}@keyframes libraryDockFade{0%{opacity:.65}to{opacity:1}}@keyframes libraryDockSlide{0%{transform:translateY(var(--dock-slide-from,0px));opacity:.65}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.templateDockFrame{transition:none}.templateDockMotion{animation:none}}@media (pointer:coarse){.templateOverlay .templateDockToggle{min-width:44px;min-height:44px}}.popupDialog .popupDialogHeader{align-items:center;gap:8px;margin-bottom:12px;display:flex}.popupDialogHeader>h2{flex:1;min-width:0;margin:0}.popupDialogHeaderActions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.popupDialog .popupDialogHeader .popupDialogIconButton{place-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;display:grid}.popupDialog .popupDialogFooter{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;display:flex}.templateOverlayCompact .templateCollapsed{padding:8px 12px 12px}.templateOverlayCompact .templateGrid,.templateOverlayCompact .templateRecentComponents{--component-columns:4;--component-row:72px;--component-gap:6px}.templateOverlayCompact .templateGrid{grid-template-columns:repeat(var(--component-columns), minmax(0, 1fr))}.templateOverlayCompact .templateRecentComponents{grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--component-columns) - 1) * var(--component-gap)) / var(--component-columns));grid-template-rows:var(--component-row);gap:var(--component-gap);padding:0;display:grid}.templateOverlayCompact .templateRecentComponents .componentPlacementButton{text-align:center;background:0 0;border-radius:7px;grid-template-rows:34px;grid-template-columns:minmax(0,1fr);align-content:start;justify-items:center;gap:4px;min-width:0;max-width:none;padding:0;display:grid}.templateRecentComponents .componentNameButton>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:400;overflow:hidden}.templateRecentCard{background:var(--color-panel-raised);border-radius:7px;min-width:0;padding:6px 4px}.templateOverlayCompact .componentInlineName{min-width:0;margin:4px 0 0;position:relative}.templateOverlayCompact .componentInlineName .componentNameButton{width:100%;min-width:0;max-width:none;min-height:20px;color:var(--color-ink);background:0 0;justify-content:center;align-items:center;gap:4px;padding:0;font-size:12px;font-weight:400;display:flex}.componentNameButton>span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.componentNameButton>svg{flex-shrink:0}.componentInlineName form{grid-template-columns:minmax(0,1fr) 18px 18px;align-items:center;gap:2px;display:grid}.templateOverlayCompact .componentInlineName form :is(input,button){min-width:0;max-width:none;height:20px;min-height:20px;padding:1px 2px;font-size:12px}.componentNameError{z-index:5;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-panel);width:180px;color:var(--color-ink);margin:0;padding:6px;font-size:11px;position:absolute;bottom:100%;left:0}@container (max-width:340px){.templateOverlayCompact .templateGrid,.templateOverlayCompact .templateRecentComponents{--component-columns:3}}@media (pointer:coarse){.templateOverlayCompact .templateGrid,.templateOverlayCompact .templateRecentComponents{--component-columns:3;--component-row:106px}.templateOverlayCompact .templateRecentCard{padding-top:34px}.popupDialog .popupDialogHeader .popupDialogIconButton{width:44px;min-width:44px;height:44px;min-height:44px}}.templateOverlayCompact[data-library-kind=plan] .templateGrid,.templateOverlayCompact .styleLibraryGrid{--component-row:144px;grid-template-columns:repeat(auto-fill,minmax(min(132px,100%),1fr))}.templateOverlayCompact[data-library-kind=plan] .templateSelect{grid-template-rows:34px 18px auto auto;gap:2px}.templateOverlayCompact[data-library-kind=plan] .templateSelect small{text-overflow:ellipsis;white-space:nowrap;grid-column:1;max-width:100%;font-size:11px;overflow:hidden}.templateOverlayCompact[data-library-kind=plan] .componentCardActions{justify-content:space-between;margin-top:4px;display:flex;position:static}.templateOverlayCompact .styleLibraryGrid{--component-row:152px;--component-gap:6px;grid-auto-rows:var(--component-row);gap:var(--component-gap);height:calc(var(--component-row) * 2 + var(--component-gap));overscroll-behavior:contain;align-content:start;overflow:hidden auto}.templateOverlayCompact .styleLibraryCard{text-align:center;border-radius:7px;grid-template-rows:34px 32px 30px 30px;grid-template-columns:minmax(0,1fr);justify-items:center;gap:4px;padding:6px 4px}.templateOverlayCompact .styleSwatch{border-radius:4px;width:38px;height:34px}.templateOverlayCompact .styleLibraryCard>div{width:100%;min-width:0}.templateOverlayCompact .styleLibraryCard :is(strong,small){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.templateOverlayCompact .styleLibraryCard strong{font-size:12px;font-weight:400}.templateOverlayCompact .styleLibraryCard small{font-size:11px}.templateOverlayCompact .styleLibraryCard button{grid-column:1;width:100%;padding:4px;font-size:11px}.templateOverlayCompact .libraryHint{margin:6px 0;font-size:11px}@media (pointer:coarse){.templateOverlayCompact[data-library-kind=plan] .templateGrid,.templateOverlayCompact .styleLibraryGrid{grid-template-columns:repeat(auto-fill,minmax(min(148px,100%),1fr))}.templateOverlayCompact[data-library-kind=plan] .templateGrid{--component-row:184px}.templateOverlayCompact[data-library-kind=plan] .componentCardActions button{min-width:44px}.templateOverlayCompact[data-library-kind=plan] .templateCard .templateSelect{padding-top:0}.templateOverlayCompact .styleLibraryGrid{--component-row:180px}.templateOverlayCompact .styleLibraryCard{grid-template-rows:34px 32px 44px 44px}}.documentChrome{position:relative}.boardSwitchTrigger,.boardNameTrigger{max-width:230px;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0;display:flex}.boardNameTrigger>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.boardSwitchTrigger>svg,.boardNameTrigger>svg{flex-shrink:0}.boardHeaderRow,.boardInlineName{align-items:center;gap:6px;min-width:0;display:flex}.boardHeaderRow h1{min-width:0}.boardHeaderRow>.boardSwitchTrigger,.boardInlineName>button{padding:4px}.boardInlineName input{border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:180px;min-width:0;color:var(--color-ink);background:var(--color-control);font:inherit;padding:4px 6px}.boardInlineName input:focus-visible{outline:2px solid var(--color-accent-soft);outline-offset:1px}.boardSwitchPopover{z-index:10;border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);width:min(320px,100vw - 24px);color:var(--color-ink);background:var(--color-panel);box-shadow:0 12px 36px var(--color-shadow);padding:12px;position:absolute;top:calc(100% + 8px);left:0}.boardSwitchPopover .panelEyebrow{margin:0 8px 8px}.boardSwitchList{max-height:min(360px,55dvh);overflow-y:auto}.boardSwitchRow{border-radius:var(--radius-sm);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;padding:10px 8px;display:flex}.boardSwitchRow:hover,.boardSwitchRow[aria-current=true]{background:var(--color-accent-soft)}.boardSwitchRow strong{overflow-wrap:anywhere;font-weight:600;display:block}.boardSwitchRow small{color:var(--color-ink-muted);margin-top:3px;font-size:12px;display:block}.boardSwitchRow>svg{color:var(--color-accent);flex-shrink:0}.boardSwitchActions{border-top:1px solid var(--color-border);justify-content:space-between;gap:8px;margin-top:10px;padding-top:10px;display:flex}.boardSwitchActions .button{align-items:center;gap:6px;display:inline-flex}.boardSwitchPopover label{margin-bottom:8px;display:block}.boardSwitchPopover input{width:100%}.referenceImageControls{gap:10px;display:grid}.referenceImageControls h3,.referenceImageControls p{margin:0}.referenceImageControls label,.referenceImageControls form{gap:6px;display:grid}.referenceImageControls form{gap:10px}.referenceImageControls input{width:100%;min-width:0}.referenceFilename{overflow-wrap:anywhere;color:var(--color-ink-muted)}.templateOverlayCompact .componentInlineName .componentNameButton,.templateOverlayCompact .templateRecentComponents .componentNameButton>span{font-size:10px}@media (min-width:481px) and (pointer:fine){.templateOverlayCompact[data-library-kind=symbol] .templateGrid,.templateOverlayCompact .templateRecentComponents{--component-columns:8}}.templateOverlayCompact[data-library-kind=symbol] .templateGrid,.templateOverlayCompact .templateRecentComponents{--component-row:60px}.templateOverlayCompact[data-library-kind=symbol] .templateCard,.templateOverlayCompact .templateRecentCard{padding:4px}.templateOverlayCompact[data-library-kind=symbol] .templateCard .templateSelect{grid-template-rows:28px}.templateOverlayCompact[data-library-kind=symbol] .templateThumbnail,.templateOverlayCompact .templateRecentCard .templateThumbnail{width:34px;height:28px}.templateOverlayCompact[data-library-kind=symbol] .componentCardActions:empty{display:none}@media (pointer:coarse){.templateOverlayCompact[data-library-kind=symbol] .templateGrid,.templateOverlayCompact .templateRecentComponents{--component-row:80px}.templateOverlayCompact[data-library-kind=symbol] .templateCard .templateSelect,.templateOverlayCompact .templateRecentCard{padding-top:4px}}@media (max-width:480px){.templateOverlayCompact[data-library-kind=symbol] .templateGrid,.templateOverlayCompact .templateRecentComponents{--component-columns:2}}.templateOverlayCompact .templateRecentCard{border:1px solid var(--color-border)}.templateOverlayCompact .templateRecentCard .componentPlacementButton{border:0;grid-template-rows:28px;width:100%;min-height:0}@media (pointer:coarse){.templateOverlayCompact[data-library-kind=symbol] .templateCard,.templateOverlayCompact .templateRecentCard{grid-template-columns:44px minmax(0,1fr);align-items:center;gap:4px;display:grid}.templateOverlayCompact[data-library-kind=symbol] .templateCard .templateSelect,.templateOverlayCompact .templateRecentCard .componentPlacementButton{align-content:center;min-height:44px;padding:4px 0}.templateOverlayCompact[data-library-kind=symbol] .componentInlineName,.templateOverlayCompact .templateRecentCard .componentInlineName{margin:0}.templateOverlayCompact[data-library-kind=symbol] .componentNameButton,.templateOverlayCompact .templateRecentCard .componentNameButton{min-height:44px}}.templateOverlayCompact[data-library-kind=symbol] .templateCard .templateSelect{border:0;padding:0}@media (pointer:coarse){.templateOverlayCompact[data-library-kind=symbol] .templateCard .templateSelect{padding:4px 0}}.quickRotationAngles{gap:8px;margin:8px 0;display:flex}.landingPage{max-width:1280px;margin:auto;padding:0 48px}.landingPage a{color:inherit;text-decoration:none}.landingPage a:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.landingHeader{justify-content:space-between;align-items:center;gap:24px;height:88px;display:flex}.landingHeader>a{white-space:nowrap}.landingBrand{align-items:center;gap:12px;font-weight:650;display:flex}.landingHero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:40px 0 72px;display:grid}.landingKicker{color:var(--color-accent);font-size:14px;font-weight:600}.landingIntro h1{letter-spacing:-.055em;overflow-wrap:anywhere;margin-bottom:24px;font-size:clamp(36px,4vw,56px);font-weight:650;line-height:1.08}.landingIntro>p:not(.landingKicker){color:var(--color-ink-muted);max-width:45ch;font-size:18px;line-height:1.55}.landingActions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.landingActions a{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:16px;min-height:48px;padding:12px 20px;font-weight:600;display:inline-flex}.landingActions .landingPrimary{background:var(--color-accent);color:var(--color-accent-ink)}.landingPrimary:hover{background:var(--color-accent-hover)}.landingSecondary{border:1px solid var(--color-border-strong)}.landingSecondary:hover{background:var(--color-control-hover)}.landingPreview{background:var(--color-paper);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;margin:0;padding:24px}.landingPreview svg{width:100%;height:auto;max-height:420px;display:block}.landingPreview figcaption{flex-direction:column;gap:4px;margin-top:16px;font-size:13px;display:flex}.landingPreview figcaption span{color:var(--color-ink-muted)}.landingWorkflow{border-top:1px solid var(--color-border-strong);padding:48px 0}.landingPage h2{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:32px;font-weight:600;line-height:1.2}.landingPage h3{margin:0 0 8px;font-size:18px}.landingWorkflow ol{gap:24px;margin:32px 0;padding:0;list-style:none;display:grid}.landingWorkflow li{grid-template-columns:40px minmax(0,1fr);gap:24px;display:grid}.landingWorkflow li>span{color:var(--color-accent);padding-top:4px;font-size:14px}.landingWorkflow li p{max-width:70ch;color:var(--color-ink-muted);margin:0;line-height:1.55}.landingNote{color:var(--color-ink-muted);font-size:13px;line-height:1.5}.landingTemplates{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;padding:48px 0;display:grid}.landingTemplates p{max-width:48ch;color:var(--color-ink-muted);line-height:1.6}.landingTemplateExamples{gap:24px;display:grid}.landingTemplateExamples article{border-left:1px solid var(--color-border-strong);padding:24px}.landingTemplateExamples svg{color:var(--color-accent);margin-bottom:12px}.landingTemplateExamples p{margin:0}.landingStart{background:var(--color-panel);border-radius:var(--radius-lg);padding:40px}.landingStart>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;display:grid}.landingStart a{flex-direction:column;gap:12px;padding:12px 0;display:flex}.landingStart strong{white-space:nowrap;align-items:center;gap:12px;display:flex}.landingStart span{color:var(--color-ink-muted);font-size:14px;line-height:1.5}.landingStart a:hover strong{color:var(--color-accent)}.landingHelp{max-width:72ch;padding:64px 0}.landingHelp p{color:var(--color-ink-muted);line-height:1.6}.landingHelp summary{cursor:pointer;padding:12px 0;font-weight:600}.landingFooter{border-top:1px solid var(--color-border);color:var(--color-ink-muted);justify-content:space-between;gap:16px;padding:24px 0;font-size:13px;display:flex}.onboardingDialog{border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);background:var(--color-panel-raised);width:min(440px,100vw - 32px);max-height:calc(100dvh - 32px);box-shadow:0 16px 48px var(--color-shadow);flex-direction:column;display:flex}.onboardingDialog .popupDialogHeader{flex-shrink:0;padding:20px}.onboardingDialog .popupDialogHeader>h2{font-size:20px;line-height:1.3}.onboardingBody{min-height:0;padding:0 20px 20px;font-size:15px;line-height:1.6;overflow:auto}.onboardingBody>p:last-child{margin-bottom:0}.onboardingDialog .popupDialogFooter{border-top:1px solid var(--color-border);flex-wrap:wrap;flex-shrink:0;gap:8px;padding:16px 20px}.tourProgress{color:var(--color-accent);font-size:13px;font-weight:600}.tourHighlight{z-index:40;outline:3px solid var(--color-accent);outline-offset:-3px;border-radius:var(--radius-sm);pointer-events:none;position:fixed}.toolGuideDialog{width:min(800px,100vw - 32px)}.helpChoices{flex-wrap:wrap;gap:12px;display:flex}.guideNav{flex-wrap:wrap;gap:8px 16px;margin-bottom:28px;display:flex}.guideNav a{color:var(--color-accent)}.guideGroup{margin-bottom:32px;scroll-margin-top:12px}.guideGroup h3{margin-bottom:8px}.guideGroup>p{color:var(--color-ink-muted)}.guideGroup dl>div{margin:20px 0}.guideGroup dt{justify-content:space-between;align-items:baseline;gap:16px;font-weight:600;display:flex}.guideGroup kbd{font:inherit;color:var(--color-ink-muted);font-size:12px}.guideGroup dd{margin:4px 0 0}.guideGroup small{color:var(--color-ink-muted);margin-top:4px;display:block}.onboardingLibraryTarget{display:contents}@media (max-width:900px){.landingPage{padding:0 24px}.landingHero{gap:24px;padding-top:24px}.landingTemplates{gap:24px}.landingStart{padding:24px}.landingStart>div{grid-template-columns:minmax(0,1fr);gap:16px}}@media (max-width:640px){.landingPage{padding:0 16px}.landingHeader{gap:12px;height:72px;font-size:13px}.landingBrand{gap:8px}.landingHero,.landingTemplates{grid-template-columns:minmax(0,1fr)}.landingHero{gap:32px;padding:24px 0 40px}.landingIntro h1{font-size:36px}.landingIntro>p:not(.landingKicker){font-size:16px}.landingPreview{padding:16px}.landingWorkflow{padding:32px 0}.landingPage h2{font-size:28px}.landingWorkflow li{grid-template-columns:24px minmax(0,1fr);gap:16px}.landingTemplates{gap:16px;padding:32px 0}.landingTemplateExamples article{padding:16px}.landingStart{padding:20px 16px}.landingStart strong{gap:8px;font-size:15px}.landingFooter{flex-direction:column}}@media (prefers-reduced-motion:reduce){.landingPage *,.onboardingDialog *{scroll-behavior:auto;transition:none;animation:none}}.landingPreview text{font-size:.22px}.landingPage h2{text-transform:none}.landingIntro h1{text-overflow:clip;white-space:normal;overflow:visible}.onboardingDialog{margin:0}.onboardingDialog h2{text-transform:none}.tourBackdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--color-shadow)}.tourHighlight{z-index:41}.onboardingDialog{z-index:42}