@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700&family=Geist+Mono:wght@400;500;600&display=swap";:root{color:#1f2933;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--surface:#fff;--surface-subtle:#f6f8fb;--surface-raised:#fbfcfe;--border:#d8dee8;--border-strong:#b9c3d3;--text:#1f2933;--muted:#667085;--accent:#146ef5;--accent-strong:#0f58c8;--accent-soft:#eaf2ff;--success:#087b5b;--warning:#a15c00;--danger:#b42318;--danger-border:#f1c4c4;--danger-border-strong:#fda29b;--danger-soft:#fee4e2;--shadow:0 8px 24px #1f29331a;--font-mono:ui-monospace, "SF Mono", "SFMono-Regular", "Menlo", "Consolas", "Liberation Mono", monospace;--z-popover:1000;--z-tooltip:1100;background:#e9edf3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;scrollbar-color:#8b97a8 transparent;scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#8b97a8 padding-box content-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#6f7b8c padding-box content-box}body{margin:0}button,input,textarea,select{font:inherit}button{letter-spacing:0}#root{height:100vh;min-height:100vh}.product-page,.onboarding-page{min-height:100vh;color:var(--text);background:#f7f8fa}.product-header,.onboarding-header{border-bottom:1px solid var(--border);background:#fff;align-items:center;gap:24px;min-height:64px;padding:0 clamp(20px,5vw,72px);display:flex}.product-mark{color:#111827;font-size:1.1rem;font-weight:900;text-decoration:none}.product-header>span{color:var(--muted);font-weight:700}.entry-hero,.new-project{text-align:center;width:min(940px,100% - 40px);margin:0 auto;padding:clamp(56px,9vw,104px) 0 56px}.eyebrow{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;margin:0 0 10px;font-size:.76rem;font-weight:850}.entry-hero h1,.new-project h1,.brief-form h1{color:#101828;letter-spacing:-.045em;margin:0;font-size:clamp(2.25rem,5vw,4.4rem);line-height:1.02}.entry-lede,.new-project>p{max-width:650px;color:var(--muted);margin:20px auto 32px;font-size:1.08rem;line-height:1.65}.idea-composer{text-align:left;background:#fff;border:1px solid #cbd4e1;border-radius:18px;max-width:750px;margin:auto;padding:14px;box-shadow:0 18px 60px #1f29331a}.idea-composer>label{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.idea-composer textarea{resize:vertical;width:100%;color:var(--text);border:0;outline:0;padding:10px;font-size:1.05rem;line-height:1.55}.idea-composer>div,.form-actions,.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.idea-composer small{color:var(--muted);padding-left:10px}.primary-action,.secondary-action,.section-heading button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-weight:800;display:inline-flex}.primary-action:hover{background:var(--accent-strong)}.primary-action:disabled{opacity:.45;cursor:not-allowed}.secondary-action,.section-heading button{border-color:var(--border);color:var(--text);background:#fff}.start-options{max-width:750px;margin:18px auto 0}.start-options button{border:1px solid var(--border);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:14px;padding:15px 18px;display:flex}.start-options span{flex:1;gap:3px;display:grid}.start-options small{color:var(--muted)}.project-list{border-top:1px solid var(--border);width:min(1180px,100% - 40px);margin:12px auto 0;padding:40px 0 80px}.section-heading h2{font-size:1.35rem}.project-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;display:grid}.project-card{border:1px solid var(--border);background:#fff;border-radius:14px;overflow:hidden}.project-thumbnail{background:linear-gradient(145deg,#dce9ff,#f1e9ff);place-items:center;height:150px;display:grid}.project-thumbnail span{color:#344054;font-size:3rem;font-weight:900}.project-card>div:last-child{padding:20px}.project-card h3{margin:10px 0 6px}.project-card p{min-height:44px;color:var(--muted);line-height:1.45}.status-pill{background:var(--accent-soft);width:fit-content;color:var(--accent-strong);border-radius:999px;padding:4px 8px;font-size:.72rem;font-weight:850;display:inline-flex}.text-button,.app-back-button{color:var(--text);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-weight:800;display:inline-flex}.app-back-button{border-radius:5px;padding:4px 7px}.method-grid{text-align:left;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:42px;display:grid}.method-card{border:1px solid var(--border);min-height:230px;color:var(--text);cursor:pointer;text-align:left;background:#fff;border-radius:15px;padding:25px;position:relative}.method-card.recommended{border-color:#8ab4f8;box-shadow:0 8px 28px #146ef51a}.method-card h2{margin:28px 0 8px;font-size:1.2rem}.method-card p{color:var(--muted);line-height:1.5}.method-card .status-pill{position:absolute;top:20px;right:20px}.method-card.unavailable{cursor:default;opacity:.72}.card-link{color:var(--accent);align-items:center;gap:6px;font-weight:800;display:inline-flex}.onboarding-header{z-index:5;justify-content:space-between;position:sticky;top:0}.onboarding-header>div{flex:1;display:grid}.onboarding-header>div span{color:var(--muted);font-size:.72rem}.save-state{color:var(--success);font-size:.83rem;font-weight:800}.progress-track{z-index:5;background:#e5eaf1;height:3px;position:sticky;top:64px}.progress-track span{background:var(--accent);height:100%;transition:width .2s;display:block}.onboarding-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:start;gap:clamp(30px,6vw,76px);width:min(1160px,100% - 40px);margin:0 auto;padding:58px 0 100px;display:grid}.brief-form h1{max-width:650px;font-size:clamp(2.1rem,4vw,3.7rem)}.form-intro{max-width:640px;color:var(--muted);margin-bottom:35px;line-height:1.6}.brief-form>label,.field-row label{color:#344054;gap:8px;margin:22px 0;font-weight:750;display:grid}.brief-form input[type=text],.brief-form input:not([type]),.brief-form textarea{border:1px solid var(--border-strong);width:100%;color:var(--text);background:#fff;border-radius:9px;padding:12px 13px;line-height:1.45}.brief-form textarea{resize:vertical}.brief-form fieldset{border:0;margin:26px 0;padding:0}.brief-form legend{color:#344054;margin-bottom:12px;font-weight:800}.choice-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.choice-grid label,.brand-choices label{border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:9px;min-height:48px;padding:11px 12px;font-weight:650;display:flex}.choice-grid label.selected,.brand-choices label.selected{border-color:var(--accent);background:var(--accent-soft)}.choice-grid label svg{color:var(--accent);margin-left:auto}.field-row,.brand-choices{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field-row label{margin:0}.brand-choices label{flex-wrap:wrap;align-items:flex-start}.brand-choices small{width:100%;color:var(--muted);padding-left:24px;font-weight:450;line-height:1.4}.form-actions{border-top:1px solid var(--border);margin-top:38px;padding-top:22px}.form-hint{color:var(--muted);font-size:.85rem}.brief-summary{border:1px solid var(--border);background:#fff;border-radius:16px;padding:25px;position:sticky;top:104px;box-shadow:0 12px 38px #1f293312}.brief-summary h2{margin:12px 0 24px;font-size:1.4rem}.brief-summary h3{margin:20px 0 10px}.brief-summary dl{margin:0}.brief-summary dl div{border-bottom:1px solid #edf0f4;padding:11px 0}.brief-summary dt{color:var(--muted);text-transform:uppercase;font-size:.73rem;font-weight:750}.brief-summary dd{margin:4px 0 0;line-height:1.4}.brief-summary ul{color:#475467;padding-left:18px;line-height:1.55}.capability-note{color:#724610;background:#fff7e8;border-radius:9px;margin-top:22px;padding:14px}.capability-note p{margin:5px 0 0;font-size:.84rem;line-height:1.45}:focus-visible{outline-offset:2px;outline:3px solid #146ef559}@media (width<=760px){.entry-hero{padding-top:48px}.idea-composer>div{flex-direction:column;align-items:stretch}.idea-composer small{padding:0 10px}.method-grid,.onboarding-layout{grid-template-columns:1fr}.onboarding-layout{padding-top:35px}.brief-summary{grid-row:2;position:static}.choice-grid,.field-row,.brand-choices{grid-template-columns:1fr}.onboarding-header{padding:0 16px}.onboarding-header>div{display:none}.form-actions{flex-direction:column-reverse;align-items:stretch}.product-header{padding:0 20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.app-shell{background:#e9edf3;grid-template-rows:auto minmax(0,1fr);height:100vh;min-height:0;display:grid;overflow:hidden}.app-shell-loading{place-items:center;padding:32px}.app-load-error{background:#fff;border:1px solid #f1c4c4;border-radius:12px;width:min(560px,100%);padding:24px;box-shadow:0 12px 38px #1f293314}.app-load-error h1{margin:0 0 10px;font-size:1.35rem}.app-load-error p{color:#475467;margin:0 0 14px}.app-load-error pre{color:#b42318;white-space:pre-wrap;background:#fff4f4;border-radius:7px;margin:0 0 18px;padding:12px;font:.78rem/1.45 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;overflow:auto}.app-load-error>div{justify-content:flex-end;gap:8px;display:flex}.app-toolbar{border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;min-height:54px;padding:8px 12px;display:flex;box-shadow:0 1px #1f29330a}.app-toolbar-title,.app-toolbar-center,.app-toolbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.app-toolbar-title strong{color:#111827;flex:none;font-size:.95rem;font-weight:850}.app-toolbar select,.app-toolbar-center button,.app-icon-button,.app-export-button,.agent-actions button,.inspector-target-row button,.inspector-raw-add button{border:1px solid var(--border);background:var(--surface);color:#243244;cursor:pointer;border-radius:6px;min-height:32px;padding:0 10px;font-weight:750}.agent-actions button,.inspector-raw-add button{border-color:var(--accent);background:var(--accent);color:#fff}.app-toolbar-center button{background:var(--surface-raised);align-items:center;gap:7px;display:inline-flex}.app-export-button{border-color:var(--accent);background:var(--accent);color:#fff;align-items:center;gap:7px;display:inline-flex}.app-export-control{display:inline-flex;position:relative}.app-export-warnings{z-index:1000;border:1px solid var(--border);width:min(360px,100vw - 24px);color:var(--text);background:#fff;border-radius:8px;padding:10px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 44px #1f29332e}.app-export-warnings:before{content:"";border-top:1px solid var(--border);border-left:1px solid var(--border);background:#fff;width:10px;height:10px;position:absolute;top:-6px;right:28px;transform:rotate(45deg)}.app-export-warnings-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;display:flex}.app-export-warnings-header strong{font-size:.82rem;font-weight:850}.app-export-warnings-header button{width:24px;height:24px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;padding:0;display:inline-grid}.app-export-warnings-header button:hover{background:var(--surface-subtle)}.app-export-warnings ul{scrollbar-color:#aeb7c5 transparent;scrollbar-width:thin;gap:8px;width:calc(100% + 6px);max-height:240px;margin:0 -6px 0 0;padding:0 6px 0 0;list-style:none;display:grid;overflow:auto}.app-export-warnings ul::-webkit-scrollbar{width:6px;height:6px}.app-export-warnings ul::-webkit-scrollbar-track{background:0 0}.app-export-warnings ul::-webkit-scrollbar-thumb{background:#aeb7c5 padding-box content-box;border:2px solid #0000;border-radius:999px}.app-export-warnings ul::-webkit-scrollbar-button{width:0;height:0;display:none}.app-export-warnings li{border:1px solid var(--border);background:var(--surface-raised);border-radius:6px;gap:3px;padding:8px;display:grid}.app-export-warnings li span{color:var(--warning);font-size:.7rem;font-weight:850}.app-export-warnings li p{color:var(--text);margin:0;font-size:.78rem;line-height:1.35}.app-export-warnings li small{color:var(--muted);font-size:.72rem}.app-toolbar-center button:hover,.app-icon-button:hover:not(:disabled){color:var(--accent);background:#f4f8ff;border-color:#9ec4ff}.app-icon-button{background:var(--surface);place-items:center;width:34px;padding:0;display:inline-grid}.app-export-button:hover:not(:disabled){border-color:var(--accent-strong);background:var(--accent-strong);color:#fff}.app-icon-button:disabled,.agent-actions button:disabled,.canvas-icon-button:disabled{cursor:not-allowed;opacity:.52}.app-toolbar [role=status]{color:var(--muted);font-size:.78rem}.editor-shell{grid-template-columns:420px minmax(0,1fr) 380px;min-height:0;display:grid;overflow:hidden}.editor-sidebar{background:var(--surface);grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;overflow:hidden}.editor-sidebar-left{border-right:1px solid var(--border);grid-template-rows:minmax(0,1fr);grid-template-columns:48px minmax(0,1fr)}.editor-sidebar-right{border-left:1px solid var(--border)}.editor-canvas{grid-template-rows:auto 1fr;min-width:0;min-height:0;display:grid}.app-canvas-status{border-bottom:1px solid var(--border);background:var(--surface-subtle);min-height:34px;color:var(--muted);align-items:center;gap:8px;padding:0 10px;font-size:.76rem;display:flex}.app-canvas-status span{border:1px solid var(--border);background:var(--surface);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;min-width:0;padding:2px 8px;overflow:hidden}.editor-tabs{border-bottom:1px solid var(--border);background:var(--surface-subtle);grid-auto-flow:column;display:grid}.editor-tabs button{border:0;border-right:1px solid var(--border);color:#475467;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;min-height:38px;font-size:.82rem;font-weight:800;display:inline-flex}.editor-tabs button[aria-selected=true]{background:var(--surface);color:var(--accent);box-shadow:inset 0 -2px 0 var(--accent)}.editor-rail{border-right:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:center;gap:8px;min-height:0;padding:10px 6px;display:flex}.editor-rail>nav{flex-direction:column;flex:1;align-items:center;gap:8px;width:100%;min-height:0;display:flex}.editor-rail button{color:#667085;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:34px;height:34px;display:inline-grid}.editor-rail button:hover{color:#243244;background:#f1f5fb}.editor-rail button[aria-selected=true]{background:var(--accent-soft);color:var(--accent)}.editor-tab-panel{min-height:0;overflow:auto}.canvas-icon-popover{z-index:2147483647;border:1px solid var(--border);background:var(--surface);border-radius:8px;width:min(300px,100vw - 24px);max-height:min(360px,100vh - 24px);position:fixed;overflow:hidden;box-shadow:0 18px 50px #0f172a2e}.lucide-icon-picker{gap:8px;padding:8px;display:grid}.lucide-icon-search{color:#667085;background:#f8fafc;border-radius:7px;gap:7px;height:32px;min-height:32px;padding:0 9px}.lucide-icon-search input{color:#334155;font-size:12px}.lucide-icon-grid{scrollbar-width:thin;height:276px;overflow:auto}.lucide-icon-grid-spacer{min-height:0;position:relative}.lucide-icon-grid-window{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid;position:absolute;top:0;left:0;right:0}.lucide-icon-grid button{border:1px solid var(--border);background:var(--surface);color:#475467;cursor:pointer;border-radius:7px;align-content:center;place-items:center;gap:5px;min-width:0;height:58px;padding:6px;display:grid}.lucide-icon-grid button:hover,.lucide-icon-grid button:focus-visible{color:var(--accent);background:#f8fbff;border-color:#c8d7ee}.lucide-icon-grid button[aria-selected=true]{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.lucide-icon-grid span{color:#182131;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;font-weight:700;line-height:1.15;overflow:hidden}.lucide-icon-empty{color:var(--muted);margin:0;font-size:12px}.panel-heading{gap:2px;padding:14px 14px 10px;display:grid}.panel-heading span,.panel-heading small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.68rem;font-weight:850}.panel-heading h2{color:#111827;margin:0;font-size:1rem;line-height:1.25}.canvas-frame{transform-origin:0 0;background:#fff;border:0;display:block;overflow:hidden}.canvas-host{scrollbar-color:#747e8eb3 transparent;scrollbar-width:thin;scrollbar-gutter:stable;background:#dce2eb;width:100%;height:100%;min-height:0;max-height:100%;position:relative;overflow:auto hidden}.canvas-host-dragging{outline-offset:-2px;background:#d6e3f7;outline:2px solid #146ef561}.canvas-host::-webkit-scrollbar{width:6px;height:6px}.canvas-host::-webkit-scrollbar-track{background:0 0}.canvas-host::-webkit-scrollbar-thumb{background:#747e8eb3 padding-box content-box;border:1px solid #0000;border-radius:999px}.canvas-host::-webkit-scrollbar-button{width:0;height:0;display:none}.canvas-toolbar{z-index:30;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f6f8fbf0;flex-wrap:wrap;justify-content:space-between;gap:12px;padding:8px;display:flex;position:sticky;top:0}.canvas-segment,.ui-segmented{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:2px;min-width:0;padding:2px;display:inline-flex}.canvas-segment{max-width:100%;overflow-x:auto}.canvas-toolbar-actions,.canvas-zoom-control{align-items:center;gap:8px;min-width:0;display:inline-flex}.canvas-zoom-control{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:2px;min-height:34px;padding:2px}.canvas-zoom-control output{color:#334155;text-align:center;min-width:50px;font-size:.78rem;font-weight:820}.canvas-icon-button,.canvas-fit-button{color:#334155;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:28px;font-size:.76rem;font-weight:780}.canvas-icon-button{place-items:center;width:28px;padding:0;display:inline-grid}.canvas-fit-button{padding:0 8px}.canvas-icon-button:hover:not(:disabled),.canvas-fit-button:hover{color:var(--accent);background:#f4f8ff}.canvas-fit-button[aria-pressed=true]{background:var(--accent);color:#fff}.canvas-segment button,.ui-segmented button{color:#334155;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:none;min-height:30px;padding:0 9px;font-size:.78rem;font-weight:760}.canvas-segment button[aria-pressed=true],.ui-segmented button[aria-pressed=true]{background:var(--accent);color:#fff}.canvas-stage{margin:16px auto 24px}.ui-section{border-top:1px solid var(--border);background:var(--surface)}.ui-section:first-of-type{border-top:0}.ui-section summary{cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:42px;padding:10px 14px;list-style:none;display:flex}.ui-section summary::-webkit-details-marker{display:none}.ui-section summary:after{content:"›";color:var(--muted);font-size:1.1rem;transform:rotate(90deg)}.ui-section:not([open]) summary:after{transform:rotate(0)}.ui-section summary span{gap:2px;min-width:0;display:grid}.ui-section summary small{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.66rem;font-weight:850}.ui-section summary strong{color:#111827;font-size:.86rem}.ui-section-body{gap:10px;padding:0 14px 14px;display:grid}.ui-field{gap:6px;min-width:0;display:grid}.ui-field-copy{color:#475467;text-transform:capitalize;justify-content:space-between;gap:8px;font-size:.74rem;font-weight:760;display:flex}.settings-panel .ui-field-copy{text-transform:none}.ui-field-copy small{color:var(--muted);text-transform:none;font-weight:650}.ui-input,.ui-unit-input input,.ui-unit-input select,.inspector-raw-add input{border:1px solid var(--border);background:var(--surface-raised);width:100%;min-width:0;min-height:32px;color:var(--text);border-radius:6px;padding:0 8px}textarea.ui-input{resize:vertical;min-height:92px;padding:8px}.ui-unit-input{grid-template-columns:minmax(0,1fr) 76px;gap:6px;display:grid}.ui-color-control{grid-template-columns:36px minmax(0,1fr);gap:6px;display:grid}.ui-color-chip-input{border:1px solid var(--border);background:var(--surface);border-radius:6px;width:36px;min-height:32px;padding:2px}.ui-token-swatches button{border:1px solid var(--border-strong);cursor:pointer;border-radius:999px;width:22px;height:22px}.ui-spacing-box{border:1px solid var(--border);background:#f8fafc;border-radius:8px;grid-template-rows:34px 44px 34px;grid-template-columns:1fr 1fr 1fr;gap:6px;min-height:132px;padding:8px;display:grid;position:relative}.ui-spacing-box input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:30px;color:var(--text);text-align:center;border-radius:6px;padding:0 6px}.ui-spacing-top{grid-column:2}.ui-spacing-right{grid-area:2/3}.ui-spacing-bottom{grid-area:3/2}.ui-spacing-left{grid-area:2/1}.ui-spacing-center{border:1px dashed var(--border-strong);color:var(--muted);text-transform:uppercase;border-radius:6px;grid-area:2/2;place-items:center;font-size:.72rem;font-weight:800;display:grid}.layers-panel{background:var(--surface);grid-template-rows:auto minmax(0,1fr);min-width:0;height:100%;min-height:0;display:grid;position:relative}.layer-heading{z-index:20;border-bottom:1px solid var(--border);background:var(--surface);justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:9px 10px 8px 12px;display:flex;position:sticky;top:0}.layer-heading h2{color:#111827;margin:0;font-size:.9rem;font-weight:850;line-height:1.2}.layer-heading-action{border:1px solid var(--border);color:#667085;cursor:pointer;background:#fff;border-radius:7px;place-items:center;width:28px;height:28px;padding:0;display:inline-grid}.layer-heading-action:hover{color:var(--accent);background:#f5f9ff;border-color:#b8d3ff}.layer-list{scrollbar-color:#aeb7c5 transparent;scrollbar-width:thin;min-height:0;padding:6px 4px 12px;overflow:auto}.layer-row-shell{position:relative}.layer-drop-zone{z-index:2;border-radius:999px;height:8px;margin:-3px 6px;position:relative}.layer-drop-zone-active:before{content:"";background:var(--accent);border-radius:999px;height:3px;position:absolute;top:50%;left:2px;right:2px;transform:translateY(-50%);box-shadow:0 0 0 3px #146ef524}.layer-drop-zone-invalid:before{background:#f04438;box-shadow:0 0 0 3px #f044381f}.layer-row{width:100%;min-height:28px;color:var(--text);cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:5px;outline:0;align-items:center;gap:6px;margin:1px 0;padding:0 6px 0 0;font-size:.78rem;display:flex;position:relative}.layer-row:hover,.layer-row:focus-visible{background:#f5f7fb}.layer-row[aria-selected=true]{color:#155eef;background:#edf4ff;border-color:#d9e7ff}.layer-row-dragging{opacity:.42}.layer-row-active-drag{background:#f8fafc}.layer-disclosure{color:#98a2b3;cursor:pointer;background:0 0;border:0;border-radius:4px;flex:none;place-items:center;width:18px;height:22px;padding:0;display:inline-grid}.layer-disclosure:hover:not(:disabled){color:#475467;background:#eef2f7}.layer-disclosure:disabled{cursor:default;opacity:0}.layer-row[aria-expanded=true] .layer-disclosure svg{transform:rotate(90deg)}.layer-kind-chip{border-radius:4px;flex:none;place-items:center;width:14px;height:14px;font-size:.58rem;font-weight:850;line-height:1;display:inline-grid}.layer-kind-body,.layer-kind-section{color:#7a3df0;background:#f1e8ff}.layer-kind-layout{color:#2e63ff;background:#eef4ff}.layer-kind-text{color:#087b5b;background:#e8f8ef}.layer-kind-media{color:#bf3f97;background:#fdeaf7}.layer-kind-control{color:#f04478;background:#ffe7f0}.layer-kind-form{color:#7a3df0;background:#f1e8ff}.layer-kind-embed{color:#c26a00;background:#fff1dd}.layer-label{color:#111827;text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;font-weight:500;overflow:hidden}.layer-row[aria-selected=true] .layer-label{color:#155eef}.layer-row small{color:#98a2b3;text-transform:lowercase;flex:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.66rem;font-weight:500}.layer-drop-before:before,.layer-drop-after:after{content:"";z-index:3;background:var(--accent);border-radius:999px;height:3px;position:absolute;left:8px;right:8px;box-shadow:0 0 0 3px #146ef524}.layer-drop-before:before{top:-3px}.layer-drop-after:after{bottom:-3px}.layer-drop-inside{background:#146ef514;border-color:#74a9ff;box-shadow:inset 0 0 0 1px #146ef51a}.layer-drop-invalid{cursor:not-allowed}.layer-drop-invalid:before,.layer-drop-invalid:after{background:#f04438;box-shadow:0 0 0 3px #f044381f}.layer-drop-invalid.layer-drop-inside{background:#f0443814;border-color:#fda29b}.layer-drag-overlay{color:#111827;background:#fff;border:1px solid #b8d3ff;border-radius:6px;align-items:center;gap:7px;width:220px;min-height:30px;padding:0 9px;font-size:.78rem;font-weight:750;display:flex;box-shadow:0 14px 34px #1f29332e}.layer-drag-overlay span:not(.layer-kind-chip){text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.layer-drag-overlay small{color:#98a2b3;flex:none;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.66rem}.layer-context-menu{z-index:2147483647;border:1px solid var(--border);background:#fff;border-radius:8px;gap:2px;width:176px;padding:6px;display:grid;position:fixed;box-shadow:0 18px 48px #0f172a2e}.layer-context-menu button{color:#243244;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;min-height:30px;padding:0 9px;font-size:.78rem;font-weight:720;display:flex}.layer-context-menu button:hover:not(:disabled),.layer-context-menu button:focus-visible{color:var(--accent);background:#edf4ff;outline:0}.layer-context-menu button:disabled{cursor:not-allowed;opacity:.45}.pages-panel{background:var(--surface);align-content:start;gap:10px;min-width:0;padding:14px;display:grid}.pages-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.pages-heading>div{align-items:baseline;gap:7px;min-width:0;display:flex}.pages-heading h2{color:#111827;margin:0;font-size:1rem;line-height:1.25}.pages-heading small{color:var(--muted);font-size:.72rem;font-weight:800}.pages-add-button{border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:8px;place-items:center;width:34px;min-height:34px;padding:0;display:inline-grid}.pages-add-button:hover{border-color:var(--accent-strong);background:var(--accent-strong)}.pages-list-heading{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:.7rem;font-weight:850}.pages-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.page-row{width:100%;min-width:0;height:56px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding:8px;display:grid}.page-row:hover,.page-row[aria-pressed=true],.page-editor-row{background:var(--accent-soft);border-color:#a9c8ff}.page-editor-row{cursor:default}.page-row-icon{width:28px;height:28px;color:var(--accent);background:#edf4ff;border-radius:7px;place-items:center;display:inline-grid}.page-row-copy{grid-template-rows:18px 18px;align-content:center;gap:2px;min-width:0;display:grid}.page-row-copy strong,.page-row-copy span,.page-edit-field{text-overflow:ellipsis;white-space:nowrap;min-width:0;height:18px;line-height:1.2;display:block;overflow:hidden}.page-row-copy strong,.page-edit-title{color:#111827;font-size:.84rem;font-weight:750;line-height:1.2}.page-row-copy>span:not(.page-edit-field),.page-edit-path{color:var(--accent);font-size:.75rem}.page-edit-field{border-radius:4px;outline:0;width:100%}.page-edit-field:focus{background:#fff;box-shadow:-3px 0 0 3px #fff,0 0 0 2px #146ef51f}.pages-error{color:#b42318;background:#fff4f4;border:1px solid #f1c4c4;border-radius:7px;margin:0;padding:7px 8px;font-size:.74rem;line-height:1.35}.inspector-panel,.settings-panel,.insert-sidebar,.pages-panel{background:var(--surface);width:auto}.inspector-panel{--panel-control-h:28px;--panel-radius:4px;--panel-gap:8px;--panel-font:12px;--panel-font-small:11px;--panel-font-mono:var(--font-mono);--panel-label-col:76px;--panel-surface:var(--surface);--panel-surface-subtle:var(--surface-subtle);--panel-border:var(--border);--panel-border-strong:var(--border-strong);--panel-text:var(--text);--panel-muted:var(--muted);--panel-accent:var(--accent);--panel-accent-soft:var(--accent-soft);--panel-focus-ring:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent);color:var(--panel-text);font-size:var(--panel-font)}.inspector-empty{min-height:220px;color:var(--panel-muted);text-align:center;font-size:var(--panel-font);place-content:center;justify-items:center;gap:10px;padding:24px 20px;display:grid}.inspector-empty svg{color:var(--panel-border-strong)}.inspector-empty strong{color:var(--panel-text);font-size:13px;font-weight:700}.inspector-empty small{max-width:220px;color:var(--panel-muted);font-size:var(--panel-font-small);line-height:1.4}.inspector-config-head{z-index:5;border-bottom:1px solid var(--panel-border);background:var(--panel-surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px 8px;padding:8px 10px;display:grid;position:sticky;top:0}.inspector-config-identity{align-items:center;gap:6px;min-width:0;display:flex}.inspector-tag-badge{background:var(--panel-accent-soft);height:18px;color:var(--panel-accent);font-family:var(--panel-font-mono);text-transform:lowercase;border-radius:999px;flex:none;align-items:center;padding:0 6px;font-size:10px;font-weight:700;display:inline-flex}.inspector-config-head label{gap:3px;min-width:0;display:grid}.inspector-config-head label>span,.inspector-panel .ui-field-copy,.inspector-panel .ui-section summary small{color:var(--panel-muted);font-size:var(--panel-font-small);text-transform:none;letter-spacing:0;font-weight:650;line-height:1.2}.inspector-config-head input,.inspector-panel .ui-input,.inspector-panel .ui-unit-input input,.inspector-panel .ui-unit-input select,.inspector-panel .inspector-raw-add input{width:100%;min-width:0;min-height:var(--panel-control-h);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-surface);color:var(--panel-text);font:inherit;font-size:var(--panel-font);padding:5px 7px;transition:border-color .12s,background-color .12s,box-shadow .12s}.inspector-panel .ui-unit-input input,.inspector-panel .ui-spacing-box input,.inspector-panel .inspector-raw-add input,.inspector-panel .ui-color-hex,.inspector-config-head input{font-variant-numeric:tabular-nums}.inspector-config-head input:hover,.inspector-panel .ui-input:hover,.inspector-panel .ui-unit-input input:hover,.inspector-panel .ui-unit-input select:hover,.inspector-panel .inspector-raw-add input:hover{border-color:var(--panel-border-strong)}.inspector-config-head input:focus-visible,.inspector-panel .ui-input:focus-visible,.inspector-panel .inspector-raw-add input:focus-visible,.inspector-panel .ui-spacing-box input:focus-visible,.inspector-panel .ui-segmented button:focus-visible,.inspector-panel .ui-swatch-trigger:focus-visible,.inspector-panel .ui-token-swatches button:focus-visible{border-color:var(--panel-accent);box-shadow:var(--panel-focus-ring);outline:0}.inspector-panel .ui-unit-input input:focus-visible,.inspector-panel .ui-unit-input select:focus-visible{outline:0}.inspector-panel .ui-unit-input:focus-within{border-radius:var(--panel-radius);box-shadow:var(--panel-focus-ring)}.inspector-panel .ui-unit-input:focus-within input,.inspector-panel .ui-unit-input:focus-within select{border-color:var(--panel-accent)}.inspector-config-head input[readonly]{font-family:var(--panel-font-mono);font-size:var(--panel-font-small)}.inspector-usage{color:var(--panel-muted);font-size:var(--panel-font-small);grid-column:1/-1;line-height:1.25}.inspector-match-brand{min-height:var(--panel-control-h);border:1px solid var(--panel-accent);border-radius:var(--panel-radius);background:var(--panel-accent-soft);color:var(--panel-accent);cursor:pointer;font:inherit;font-size:var(--panel-font-small);grid-column:1/-1;justify-content:center;align-items:center;gap:6px;font-weight:700;display:inline-flex}.inspector-head-actions{align-items:center;gap:4px;display:inline-flex}.inspector-head-action,.inspector-danger-button,.inspector-raw-add button{min-height:var(--panel-control-h);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-surface);color:var(--panel-text);cursor:pointer;font:inherit;font-size:var(--panel-font);padding:0 8px;font-weight:700;transition:border-color .12s,background-color .12s,color .12s}.inspector-head-icon-button{width:var(--panel-control-h);min-height:var(--panel-control-h);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-surface);color:var(--panel-muted);cursor:pointer;place-items:center;padding:0;transition:border-color .12s,background-color .12s,color .12s;display:inline-grid}.inspector-head-icon-button:hover{border-color:var(--panel-accent);background:var(--panel-accent-soft);color:var(--panel-accent)}.inspector-head-icon-button.is-danger:hover{border-color:var(--danger-border-strong);background:var(--danger-soft);color:var(--danger)}.inspector-head-action,.inspector-danger-button{align-items:center;gap:6px;display:inline-flex}.inspector-head-action:hover,.inspector-raw-add button:hover{border-color:var(--panel-accent);background:var(--panel-accent-soft);color:var(--panel-accent)}.inspector-danger-button{border-color:var(--danger-border);color:var(--danger);align-items:center;gap:6px;display:inline-flex}.inspector-danger-button:hover{border-color:var(--danger-border-strong);background:var(--danger-soft)}.inspector-scope-banner{border-bottom:1px solid var(--panel-border);background:var(--panel-accent-soft);color:var(--panel-accent);font-size:var(--panel-font-small);align-items:center;gap:6px;padding:6px 10px;font-weight:700;display:flex}.inspector-raw-add{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;display:grid}.inspector-panel .ui-section{border-top:1px solid var(--panel-border);background:var(--panel-surface)}.inspector-panel .ui-section:first-of-type{border-top:0}.inspector-panel .ui-section summary{min-height:36px;color:var(--panel-text);align-items:center;gap:8px;padding:0 12px;display:flex}.inspector-panel .ui-section summary .ui-section-title{flex:auto;align-items:center;gap:7px;min-width:0;display:inline-flex}.inspector-panel .ui-section summary .ui-section-glyph{color:var(--panel-muted)}.inspector-panel .ui-section summary:after{color:var(--panel-muted);font-size:1rem;transition:transform .12s}.inspector-panel .ui-section summary strong{color:var(--panel-text);font-size:var(--panel-font);font-weight:760}.inspector-panel .ui-section-badge{background:var(--panel-accent-soft);min-width:16px;height:16px;color:var(--panel-accent);font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;padding:0 4px;font-size:10px;font-weight:700;display:inline-grid}.inspector-panel .ui-section-body{gap:var(--panel-gap);padding:10px 12px 12px;display:grid}.inspector-items-levels{flex-wrap:wrap;gap:4px;display:flex}.inspector-items-levels button,.inspector-items-add{border:1px solid var(--panel-border);background:var(--panel-surface);min-height:28px;color:var(--panel-text);font:inherit;border-radius:6px}.inspector-items-levels button{color:var(--panel-muted);font-size:var(--panel-font-small);padding:3px 8px}.inspector-items-levels button[aria-pressed=true]{border-color:var(--panel-accent);background:var(--panel-accent-soft);color:var(--panel-accent)}.inspector-items-list{gap:4px;display:grid}.inspector-item-row{border:1px solid var(--panel-border);background:var(--panel-surface);border-radius:7px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:3px;min-width:0;min-height:34px;padding:3px;display:grid}.inspector-item-row.is-active{border-color:var(--panel-accent);box-shadow:0 0 0 1px var(--panel-accent-soft)}.inspector-item-row.is-dragging{z-index:1;opacity:.72}.inspector-item-row button{color:inherit;background:0 0;border:0}.inspector-item-drag{height:26px;color:var(--panel-muted);cursor:grab;place-items:center;padding:0;display:grid}.inspector-item-drag:active{cursor:grabbing}.inspector-item-select{text-align:left;align-items:center;gap:7px;min-width:0;padding:4px;display:flex}.inspector-item-select img{object-fit:cover;border-radius:4px;flex:none;width:24px;height:24px}.inspector-item-select span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inspector-item-actions{gap:1px;display:flex}.inspector-item-actions button{width:25px;height:25px;color:var(--panel-muted);border-radius:5px;place-items:center;padding:0;display:grid}.inspector-item-actions button:hover:not(:disabled),.inspector-item-drag:hover:not(:disabled){background:var(--panel-surface-subtle);color:var(--panel-text)}.inspector-item-actions button:disabled,.inspector-item-drag:disabled{opacity:.35}.inspector-items-add{justify-content:center;align-items:center;gap:6px;width:100%;padding:5px 10px;display:flex}.inspector-items-add:hover:not(:disabled){border-color:var(--panel-accent);background:var(--panel-accent-soft);color:var(--panel-accent)}.inspector-panel .ui-field{gap:3px}.inspector-panel .ui-field.is-row{grid-template-columns:var(--panel-label-col) minmax(0, 1fr);align-items:center;gap:8px}.inspector-panel .ui-field.is-row>.ui-field-copy{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.inspector-panel .ui-field-group{gap:4px;display:grid}.inspector-panel .ui-field-group-controls{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid}.inspector-panel .ui-field-group-cell{gap:3px;min-width:0;display:grid}.inspector-panel .ui-field-group-cell>span{color:var(--panel-muted);text-align:center;font-size:10px;font-weight:650}.inspector-panel .ui-field-copy{display:block}.inspector-panel .ui-field-copy small{color:var(--panel-muted);margin-top:3px;font-size:10px;line-height:1.25;display:block}.inspector-panel .ui-field-copy-main{align-items:center;gap:6px;display:inline-flex}.ui-authored-dot{border-radius:999px;flex:none;width:6px;height:6px}.ui-authored-dot.is-authored{background:var(--panel-accent)}.ui-authored-dot.is-inherited{border:1px solid var(--warning);background:0 0}.ui-field-reset{width:16px;height:16px;color:var(--panel-muted);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;line-height:0;transition:opacity .12s,color .12s,background-color .12s;display:inline-grid}.ui-field-reset>svg{display:block}.inspector-panel .ui-field:hover .ui-field-reset,.ui-field-reset:focus-visible{opacity:1}.ui-field-reset:focus-visible,.ui-unit-keyword-chip:focus-visible{box-shadow:var(--panel-focus-ring);outline:0}.ui-field-reset:hover{background:var(--panel-accent-soft);color:var(--panel-accent)}.ui-reset-popover{gap:6px;display:grid}.ui-reset-popover button{border:1px solid var(--border);background:var(--surface);width:100%;min-height:28px;color:var(--text);font:inherit;cursor:pointer;border-radius:7px;justify-content:flex-start;align-items:center;gap:7px;padding:0 8px;font-weight:700;display:inline-flex}.ui-reset-popover button:hover{border-color:var(--panel-accent);background:var(--panel-accent-soft);color:var(--panel-accent)}.ui-reset-popover button:focus-visible{box-shadow:var(--panel-focus-ring);outline:0}.ui-reset-popover p{color:var(--panel-muted);margin:0;font-size:11px;line-height:1.35}.inspector-panel .ui-unit-input{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:0;display:grid}.inspector-panel .ui-unit-input.has-slider{grid-template-columns:minmax(0,1fr);gap:6px}.inspector-panel .ui-unit-input input{border-radius:var(--panel-radius) 0 0 var(--panel-radius);border-right:0}.inspector-panel .ui-unit-input select{border-radius:0 var(--panel-radius) var(--panel-radius) 0;min-width:52px;padding:0 4px}.inspector-panel .ui-unit-label{cursor:ew-resize;-webkit-user-select:none;user-select:none}.ui-unit-keyword-chip{border:1px solid var(--panel-border);background:var(--panel-surface-subtle);height:22px;color:var(--panel-text);cursor:pointer;font-size:var(--panel-font-small);border-radius:999px;place-self:center start;padding:0 8px;font-weight:700;transition:border-color .12s,background-color .12s,color .12s}.ui-unit-keyword-chip[aria-pressed=true]{border-color:var(--panel-accent);background:var(--panel-accent-soft);color:var(--panel-accent)}.ui-unit-input-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:6px;display:grid}.ui-unit-slider{width:100%;accent-color:var(--panel-accent)}.inspector-panel .ui-color-control{grid-template-columns:var(--panel-control-h) minmax(0, 1fr);align-items:center;gap:8px;display:grid}.ui-swatch-trigger{width:var(--panel-control-h);height:var(--panel-control-h);border:1px solid var(--panel-border-strong);border-radius:var(--panel-radius);cursor:pointer;background-image:linear-gradient(45deg,#c7ced9 25%,#0000 25%),linear-gradient(-45deg,#c7ced9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#c7ced9 75%),linear-gradient(-45deg,#0000 75%,#c7ced9 75%);background-position:0 0,0 5px,5px -5px,-5px 0;background-size:10px 10px;padding:0;position:relative;overflow:hidden}.ui-swatch-trigger .ui-swatch-fill{position:absolute;inset:0}.ui-swatch-trigger.is-empty:after{content:"";background:linear-gradient(to top right, transparent calc(50% - 1px), var(--danger) calc(50% - 1px), var(--danger) calc(50% + 1px), transparent calc(50% + 1px));position:absolute;inset:0}.ui-token-swatches{flex-wrap:wrap;gap:5px;display:flex}.inspector-panel .ui-token-swatches button{border:1px solid var(--panel-border-strong);cursor:pointer;border-radius:999px;width:20px;height:20px}.inspector-panel .ui-segmented{border:1px solid var(--panel-border);background:var(--panel-surface-subtle);border-radius:6px;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:2px;padding:2px;display:grid}.inspector-panel .ui-segmented button{border-radius:var(--panel-radius);min-width:0;min-height:26px;color:var(--panel-text);cursor:pointer;font-size:var(--panel-font);white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-weight:700;transition:background-color .12s,color .12s;display:inline-flex;overflow:hidden}.inspector-panel .ui-segmented button>span{text-overflow:ellipsis;overflow:hidden}.inspector-panel .ui-segmented button:hover{background:var(--panel-accent-soft);color:var(--panel-accent)}.inspector-panel .ui-segmented button[aria-pressed=true]{background:var(--panel-accent);color:#fff}.inspector-panel .ui-spacing-box{border-color:var(--panel-border);background:var(--panel-surface-subtle);border-radius:6px;grid-template-rows:32px 42px 32px;grid-template-columns:1fr 1fr 1fr;gap:6px;min-height:150px;padding:8px}.inspector-panel .ui-spacing-box input{border-color:var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-surface);min-height:28px;font-size:var(--panel-font)}.inspector-panel .ui-spacing-center{border-color:var(--panel-border-strong);border-radius:var(--panel-radius);color:var(--panel-muted);font-size:10px;font-weight:800}.inspector-flex-controls{gap:var(--panel-gap);display:grid}.inspector-panel .ui-tracks-stepper .ui-tracks-readout{font-variant-numeric:tabular-nums}.inspector-panel .ui-tracks-stepper button:disabled{color:var(--panel-muted);cursor:default;opacity:.45}.inspector-gap-control{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:6px;display:grid}.inspector-gap-fields{gap:var(--panel-gap);min-width:0;display:grid}.inspector-panel .inspector-gap-link{width:26px;min-height:var(--panel-control-h);border:1px solid var(--panel-border);border-radius:var(--panel-radius);background:var(--panel-surface);color:var(--panel-muted);cursor:pointer;place-items:center;display:grid}.inspector-panel .inspector-gap-link:hover{border-color:var(--panel-accent);color:var(--panel-accent)}.inspector-position-offsets{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.insert-sidebar{grid-template-rows:auto auto minmax(0,1fr);height:100%;min-height:0;padding-bottom:18px;display:grid;overflow:hidden}.insert-sidebar .panel-heading{padding:16px 12px 10px}.insert-sidebar .panel-heading h2{font-size:.95rem;font-weight:850}.insert-mode-tabs{background:#f6f8fb;border:1px solid #dfe4ec;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0 12px 12px;padding:3px;display:grid}.insert-mode-tabs button{color:#526173;cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;min-width:0;min-height:32px;font-size:12px;font-weight:800;display:inline-flex}.insert-mode-tabs button[aria-selected=true]{color:var(--accent);background:#fff;box-shadow:0 1px 4px #1f29331a}.insert-search{margin:0 12px 16px}.insert-elements-panel{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.insert-categories{align-content:start;gap:12px;min-height:0;padding:0 12px 12px;display:grid;overflow:auto}.insert-operation-error{color:#b42318;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;margin:0;padding:9px 10px;font-size:11px;line-height:1.4}.insert-category{gap:7px;display:grid}.insert-category h3{color:#7d8796;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:11px;font-weight:850;line-height:1.2}.insert-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.insert-card,.library-card{border:1px solid var(--border);background:var(--surface);min-width:0;color:var(--text);cursor:pointer;text-align:center;border-radius:8px}.insert-card{-webkit-user-select:none;user-select:none;align-content:center;place-items:center;gap:8px;height:64px;min-height:64px;padding:8px 6px;display:grid}.insert-card svg{color:#4f5b6b}.insert-card span{color:#182131;overflow-wrap:anywhere;max-width:100%;font-size:11px;font-weight:650;line-height:1.2}.insert-card:hover,.insert-card:focus-visible,.library-card:hover,.library-card:focus-visible{background:#f8fbff;border-color:#c8d7ee;box-shadow:0 2px 8px #146ef514}.insert-card:hover svg,.insert-card:focus-visible svg{color:var(--accent)}.library-card{text-align:left}.library-card strong{color:#111827;font-size:.82rem;line-height:1.25;display:block}.library-card small,.library-card-copy span{color:var(--muted);font-size:.68rem;line-height:1.25;display:block}.insert-preview{border:1px solid var(--border);background:#eef3f8;border-radius:6px;gap:4px;height:44px;padding:6px;display:grid}.insert-preview span{background:#9aa8ba;border-radius:3px;display:block}.insert-preview-section span:first-child,.insert-preview-heading span:first-child{background:var(--accent);height:10px}.insert-preview-button span:first-child,.insert-preview-link span:first-child{background:var(--success);width:70%}.insert-preview-image{background:linear-gradient(135deg,#e6f0ff,#e8f7f2)}.insert-preview-input span,.insert-preview-textarea span,.insert-preview-select span{background:#fff;border:1px solid #8795a8}.insert-library-panel{grid-template-rows:auto auto minmax(0,1fr);min-height:0;display:grid}.insert-theme-choice{background:#e7e7e9;border-radius:8px;grid-template-columns:1fr 1fr;gap:3px;padding:3px;display:grid}.insert-theme-choice button{color:#6a6a70;cursor:pointer;background:0 0;border:0;border-radius:6px;min-height:30px;padding:4px 8px;font-size:11px}.insert-theme-choice button[aria-pressed=true]{color:#1c1c1e;background:#fff;font-weight:700;box-shadow:0 1px 2px #1c1c1e0f}.insert-library-browser{border-top:1px solid var(--border);grid-template-columns:110px minmax(0,1fr);min-width:0;min-height:0;display:grid}.insert-filter-row{border-right:1px solid var(--border);flex-direction:column;gap:2px;min-width:0;min-height:0;margin:0;padding:8px 7px 10px 0;display:flex;overflow:hidden auto}.insert-filter-row button{color:#516174;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:none;width:100%;min-height:32px;padding:6px 6px 6px 12px;font-size:11px;font-weight:500;line-height:1.2}.insert-filter-row button[aria-pressed=true]{color:#1c1c1e;background:#e7e7e7;font-weight:700}.insert-library-results{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.insert-library-heading{justify-content:space-between;align-items:end;gap:8px;padding:9px 8px 8px;display:flex}.insert-library-heading h3{color:#111827;margin:0;font-size:.9rem}.insert-library-heading span{color:var(--muted);font-size:.72rem;font-weight:750}.insert-library-list{grid-auto-rows:max-content;align-content:start;gap:8px;min-height:0;padding:0 0 12px 7px;display:grid;overflow:auto}.library-card{grid-template-columns:minmax(0,1fr);gap:0;min-height:0;padding:0;display:grid;overflow:hidden}.library-card-preview-frame{border:0;border-bottom:1px solid var(--border);background:#fff;border-radius:0;width:100%;height:132px;display:block;overflow:hidden}.library-card-preview-frame iframe{pointer-events:none;transform-origin:0 0;border:0;display:block}.library-card-preview-overlay{pointer-events:none;z-index:1200;background:#fff;border:1px solid #c8d7ee;border-radius:8px;width:560px;height:380px;display:block;position:fixed;overflow:hidden;box-shadow:0 18px 48px #0f172a38}.library-card-preview-overlay iframe{pointer-events:none;transform-origin:0 0;border:0;display:block}.library-card-preview-placeholder{background:linear-gradient(90deg,#0000 0,#ffffffb8 50%,#0000 100%) 0 0/72px 100%,linear-gradient(#f8fafc 0 24%,#eef3f8 24% 25%,#fff 25% 100%) 0 0/100% 100%;width:100%;height:100%;animation:1.2s linear infinite library-preview-placeholder;display:block}@keyframes library-preview-placeholder{0%{background-position:-72px 0,0 0}to{background-position:126px 0,0 0}}.library-card-copy{gap:3px;min-width:0;padding:10px 11px 11px;display:grid}.insert-library-browser .library-card-preview-frame{aspect-ratio:126/104;height:auto}.insert-library-browser .library-card-copy{padding:8px 9px 9px}.insert-library-browser .library-card strong{font-size:12px}.insert-library-browser .library-card small{font-size:10px}.insert-empty{color:var(--muted);text-align:center;border:1px dashed #cfd7e4;border-radius:8px;margin:0;padding:18px 10px;font-size:12px;line-height:1.4}.agent-panel{background:var(--surface);grid-template-rows:auto auto auto minmax(0,1fr) auto auto;width:auto;height:100%;min-height:0;display:grid;position:relative}.agent-head{border-bottom:1px solid var(--border);background:var(--surface-subtle);align-items:center;gap:8px;min-height:44px;padding:8px 10px;display:flex}.agent-chat-title{border:1px solid var(--border);background:var(--surface);color:#111827;cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;min-height:30px;padding:0 9px;font-weight:700;display:inline-flex}.agent-chat-picker{flex:1;min-width:0;position:relative}.agent-chat-title span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.agent-chat-title>svg{flex:none;margin-left:auto;transition:transform .14s}.agent-chat-title[aria-expanded=true]>svg{transform:rotate(180deg)}.agent-chat-title:disabled{cursor:not-allowed;opacity:.6}.agent-round-button,.agent-composer-actions button{border:1px solid var(--border);background:var(--surface);color:#334155;cursor:pointer;border-radius:8px;place-items:center;width:32px;min-height:32px;display:inline-grid}.agent-round-button:hover,.agent-composer-actions button:hover:not(:disabled){color:var(--accent);background:#f4f8ff;border-color:#9ec4ff}.agent-settings{border-bottom:1px solid var(--border);background:#fbfcfe;grid-template-columns:minmax(0,1fr) 96px;gap:8px;padding:9px 10px;display:grid}.agent-chat-list{border:1px solid var(--border);background:#fbfcfe;border-radius:10px;gap:2px;max-height:220px;padding:5px;display:grid;overflow:auto}.agent-chat-list button{color:#334155;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:6px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:32px;padding:0 8px;display:grid}.agent-chat-list button:hover,.agent-chat-list button.active{border-color:var(--border);background:var(--surface)}.agent-chat-list .agent-chat-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.76rem;font-weight:700;overflow:hidden}.agent-chat-check{color:currentColor;justify-content:center;align-items:center;width:16px;display:inline-flex}.agent-chat-list small{color:var(--muted);font-size:.66rem;font-weight:760}.agent-settings label{gap:4px;min-width:0;display:grid}.agent-settings span{color:var(--muted);text-transform:uppercase;font-size:.68rem;font-weight:700}.agent-settings input,.agent-settings select,.agent-composer textarea{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;color:var(--text);font:inherit;border-radius:8px}.agent-settings input,.agent-settings select{min-height:32px;padding:0 8px}.agent-context-strip{border-bottom:1px solid var(--border);background:var(--surface);flex-wrap:wrap;gap:8px;padding:8px 10px;display:flex}.agent-context-strip span{border:1px solid var(--border);background:var(--surface-subtle);color:#475569;border-radius:999px;align-items:center;gap:5px;min-width:0;max-width:100%;min-height:24px;padding:0 8px;font-size:.68rem;font-weight:760;display:inline-flex}.agent-message-list{background:#f6f8fb;align-content:start;gap:8px;min-height:0;padding:10px;display:grid;overflow:auto}.agent-empty{min-height:128px;color:var(--muted);text-align:center;place-items:center;gap:8px;display:grid}.agent-empty p{max-width:240px;margin:0;font-size:.78rem;line-height:1.45}.agent-message{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:6px;padding:9px;display:grid}.agent-message.user{background:#f4f8ff;border-color:#b8d3ff}.agent-message.error{color:#991b1b;background:#fff7f7;border-color:#fecaca}.agent-message-meta{color:var(--muted);text-transform:uppercase;align-items:center;gap:6px;font-size:.68rem;font-weight:700;display:flex}.agent-usage-info{margin-left:auto;display:inline-flex;position:relative}.agent-usage-info button{width:24px;min-height:24px;color:var(--muted);cursor:pointer;opacity:.62;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;padding:0;transition:opacity .12s;display:inline-grid}.agent-usage-info button:hover,.agent-usage-info:focus-within button{opacity:1}.agent-usage-popover{z-index:10;border:1px solid var(--border);background:var(--surface);width:min(240px,72vw);box-shadow:var(--shadow-soft);color:var(--text);text-transform:none;border-radius:8px;gap:8px;padding:10px;display:none;position:absolute;top:calc(100% + 6px);right:0}.agent-usage-info:hover .agent-usage-popover,.agent-usage-info:focus-within .agent-usage-popover{display:grid}.agent-usage-popover>span{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.agent-usage-popover strong{color:var(--text);font-size:.92rem}.agent-usage-popover small{color:var(--muted);font-size:.68rem}.agent-usage-popover dl{gap:5px;margin:0;display:grid}.agent-usage-popover dl>div{justify-content:space-between;gap:10px;display:flex}.agent-usage-popover dt,.agent-usage-popover dd{margin:0;font-size:.7rem}.agent-usage-popover dt{color:var(--muted)}.agent-usage-popover dd{color:#334155;font-weight:780}.agent-trace-copy-button{border:1px solid var(--border);background:var(--surface);color:#475569;cursor:pointer;border-radius:6px;place-items:center;width:24px;min-height:24px;margin-left:auto;padding:0;display:inline-grid}.agent-trace-copy-button:hover{color:var(--accent);background:#f4f8ff;border-color:#9ec4ff}.agent-message p{color:#1f2933;margin:0;font-size:.8rem;line-height:1.45}.agent-markdown{gap:7px;display:grid}.agent-markdown p,.agent-markdown ul,.agent-markdown ol{color:#1f2933;margin:0;font-size:.8rem;line-height:1.45}.agent-markdown ul,.agent-markdown ol{padding-left:18px}.agent-markdown li+li{margin-top:4px}.agent-markdown code{border:1px solid var(--border);color:#0f172a;background:#f8fafc;border-radius:5px;padding:1px 4px;font-size:.74rem}.agent-message-attachments,.agent-attachment-strip,.agent-question-options,.agent-context-chip-strip{flex-wrap:wrap;gap:7px;display:flex}.agent-message-attachments img{object-fit:cover;border:1px solid var(--border);background:#fff;border-radius:6px;width:72px;height:54px}.agent-conflict-actions{justify-content:flex-start;display:flex}.agent-conflict-actions button{color:#92400e;cursor:pointer;background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;align-items:center;gap:6px;min-height:30px;padding:0 9px;font-size:.72rem;font-weight:700;display:inline-flex}.agent-conflict-actions button:hover:not(:disabled){color:#78350f;background:#fef3c7}.agent-conflict-actions button:disabled{cursor:not-allowed;opacity:.52}.agent-event-details{border-top:1px solid var(--border);padding-top:6px}.agent-event-details summary{cursor:pointer;color:var(--muted);align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:inline-flex}.agent-debug-details{margin-top:4px}.agent-debug-details summary{color:#334155;font-size:.68rem}.agent-debug-details pre{border:1px solid var(--border);color:#1f2933;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:6px;max-height:220px;margin:5px 0 0;padding:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem;line-height:1.45;overflow:auto}.agent-progress-list{gap:7px;margin-top:7px;display:grid}.agent-progress-row{border:1px solid var(--border);background:#fbfcfe;border-radius:8px;gap:4px;padding:8px;display:grid}.agent-progress-row.active{background:#f4f8ff;border-color:#bfdbfe}.agent-progress-row.done{background:#f0fdf4;border-color:#bbf7d0}.agent-progress-row.failed{background:#fff7f7;border-color:#fecaca}.agent-progress-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.agent-progress-head>span{color:#334155;overflow-wrap:anywhere;min-width:0;font-size:.72rem;font-weight:700}.agent-progress-head small{color:var(--muted);flex:none;font-size:.66rem;font-weight:760}.agent-progress-row p{color:#475569;font-size:.74rem}.agent-working{border-style:dashed}.agent-text-shimmer{color:#0000;background:linear-gradient(90deg,#64748b,#0f172a,#64748b) 0 0/180% 100%;-webkit-background-clip:text;background-clip:text;animation:2.5s linear infinite agent-text-shimmer}@keyframes agent-text-shimmer{0%{background-position:180% 0}to{background-position:-180% 0}}.agent-json-debug{margin-top:8px}.agent-json-debug summary{color:#334155;cursor:pointer;font-size:.68rem;font-weight:780}.agent-json-debug-toolbar{justify-content:flex-end;margin:6px 0;display:flex}.agent-json-debug-toolbar button{border:1px solid var(--border);background:var(--surface);color:#334155;cursor:pointer;border-radius:7px;align-items:center;gap:5px;min-height:26px;padding:0 8px;font-size:.68rem;font-weight:700;display:inline-flex}.agent-json-debug pre{border:1px solid var(--border);color:#1f2933;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:6px;max-height:260px;margin:0;padding:8px;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.68rem;line-height:1.45;overflow:auto}.agent-composer{border-top:1px solid var(--border);background:var(--surface);gap:8px;padding:10px;display:grid;position:relative}.agent-composer textarea{resize:none;min-height:84px;padding:9px}.agent-attachment-chip{border:1px solid var(--border);background:var(--surface-subtle);color:#334155;border-radius:8px;align-items:center;gap:6px;min-width:0;max-width:100%;min-height:32px;padding:3px 5px 3px 3px;font-size:.72rem;font-weight:760;display:inline-flex}.agent-attachment-chip img{object-fit:cover;background:#fff;border-radius:5px;width:28px;height:24px}.agent-attachment-chip span{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:150px;overflow:hidden}.agent-attachment-chip button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:20px;min-height:20px;padding:0;display:inline-grid}.agent-attachment-chip button:hover:not(:disabled){color:#0f172a;background:#e7edf7}.agent-question-options{align-items:center}.agent-question-options button{border:1px solid var(--border);color:#1f2937;min-width:0;max-width:100%;min-height:30px;font:inherit;cursor:pointer;background:#f8fafc;border-radius:8px;padding:5px 10px;font-size:.76rem;font-weight:650}.agent-question-options button:disabled{cursor:not-allowed;opacity:.55}.agent-question-hint{color:var(--muted);align-items:center;gap:6px;font-size:.76rem;line-height:1.35;display:inline-flex}.agent-context-chip{color:#0b83ff;background:#146ef51f;border:1px solid #146ef5;border-radius:5px;align-items:center;gap:5px;min-width:0;max-width:100%;min-height:24px;padding:0 5px 0 6px;font-size:.76rem;font-weight:500;display:inline-flex}.agent-context-chip-main{color:currentColor;cursor:pointer;min-width:0;font:inherit;background:0 0;border:0;align-items:center;gap:5px;padding:0;display:inline-flex}.agent-context-chip-main>span:not(.agent-context-chip-icon){text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:230px;font-weight:500;overflow:hidden}.agent-context-chip-icon{color:currentColor;flex:none;font-size:.72rem;font-weight:650;line-height:1}.agent-context-chip>button:not(.agent-context-chip-main){color:currentColor;cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;width:18px;min-height:18px;padding:0;display:inline-grid}.agent-context-chip>button:not(.agent-context-chip-main):hover:not(:disabled){background:#146ef52e}.agent-context-chip-main:hover:not(:disabled){text-decoration:none}.agent-attachment-error{color:#b45309;margin:0;font-size:.72rem;line-height:1.35}.agent-composer-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.agent-model-button{border:1px solid var(--border);background:var(--surface-subtle);color:#334155;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;min-height:32px;padding:0 10px;font-size:.74rem;font-weight:700;display:inline-flex}.agent-model-button>span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.agent-model-button>svg{flex:none;margin-left:auto;transition:transform .14s}.agent-model-button[aria-expanded=true]>svg{transform:rotate(180deg)}.agent-model-picker{flex:0 0 104px;width:104px;min-width:104px;position:static}.agent-model-menu{z-index:30;border:1px solid var(--border);transform-origin:0 100%;background:#fbfcfe;border-radius:12px;gap:3px;width:100%;padding:6px;animation:.12s ease-out agent-model-menu-in;display:grid;position:absolute;bottom:calc(100% + 10px);left:0;box-shadow:0 14px 34px #0f172a29}.agent-model-menu button{color:#334155;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:8px;min-height:40px;padding:0 10px;display:grid}.agent-model-menu button:hover,.agent-model-menu button.active{border-color:var(--border);background:var(--surface)}.agent-model-menu span{color:var(--accent);font-size:.72rem;font-weight:700}.agent-model-check{justify-content:center;align-items:center;width:16px;display:inline-flex}@keyframes agent-model-menu-in{0%{opacity:0;transform:translateY(4px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.agent-model-menu{animation:none}.agent-model-button>svg{transition:none}}.agent-model-menu strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.76rem;overflow:hidden}.agent-model-menu small{color:var(--muted);font-size:.66rem;font-weight:760}.agent-composer-actions{gap:7px;display:inline-flex}.agent-composer-actions button[type=submit]{border-color:var(--accent);background:var(--accent);color:#fff}.agent-composer-actions button[type=submit].is-running svg{animation:.8s linear infinite agent-loader-spin}@keyframes agent-loader-spin{to{transform:rotate(360deg)}}.agent-composer-actions button[aria-pressed=true],.agent-composer-actions button[aria-pressed=true]:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.agent-composer-actions button:disabled,.agent-round-button:disabled{cursor:not-allowed;opacity:.52}.agent-panel{color:#e7e7e7;background:#111;flex-direction:column;padding-left:10px;padding-right:10px;display:flex;overflow:hidden}.agent-head{background:#111;border-bottom-color:#242424;flex:none;min-height:80px;padding:14px 0}.agent-chat-title{color:#fff;background:#202020;border-color:#2d2d2d;border-radius:10px;min-height:44px;padding:0 12px 0 15px;font-size:.88rem;font-weight:650}.agent-chat-title:hover,.agent-round-button:hover,.agent-composer-actions button:hover:not(:disabled),.agent-model-button:hover{color:#fff;background:#292929;border-color:#383838}.agent-round-button,.agent-composer-actions button{color:#d7d7d7;background:#202020;border-color:#2d2d2d;border-radius:8px;width:40px;min-height:40px}.agent-settings,.agent-chat-list,.agent-model-menu{background:#151515;border-color:#242424}.agent-chat-list{z-index:20;border:1px solid #303030;border-radius:10px;width:100%;max-height:320px;margin:0;padding:5px;position:absolute;top:calc(100% + 6px);left:0;right:auto;box-shadow:0 18px 36px #00000047}.agent-chat-list button,.agent-model-menu button{color:#ededed}.agent-chat-list button:hover,.agent-chat-list button.active,.agent-model-menu button:hover,.agent-model-menu button.active{background:#272727;border-color:#0000}.agent-chat-list small,.agent-model-menu small{color:#858585}.agent-settings span{color:#8f8f8f;text-transform:none}.agent-settings input,.agent-settings select,.agent-composer textarea{color:#eee;background:#1d1d1d;border-color:#303030}.agent-settings-checkbox{grid-column:1/-1;align-items:center;gap:8px;display:flex}.agent-settings-checkbox input{accent-color:#d7d7d7;width:16px;min-height:16px}.agent-context-strip{background:#111;border-bottom-color:#242424}.agent-context-strip span{color:#9ca3af;background:#1b1b1b;border-color:#2d2d2d}.agent-message-list{scrollbar-color:#343842 transparent;scrollbar-width:thin;background:#111;flex:1;gap:12px;width:calc(100% + 6px);min-height:0;margin-right:-6px;padding:12px 10px;overflow:hidden auto}.agent-message-list::-webkit-scrollbar{width:5px}.agent-message-list::-webkit-scrollbar-track{background:0 0}.agent-message-list::-webkit-scrollbar-thumb{background:#343842;border-radius:999px}.agent-empty{color:#858585}.agent-message{color:#dedede;background:0 0;border:0;gap:7px;padding:0}.agent-message.user{background:0 0;border:0;justify-items:end;margin-top:10px}.agent-message.error{color:#fca5a5}.agent-message-meta{color:#838383;text-transform:none;font-size:12px;font-weight:400}.agent-message-meta>svg{display:none}.agent-message.user .agent-message-meta{justify-self:end}.agent-message>p,.agent-message.user>p{color:#fff;background:#202020;border:1px solid #2d2d2d;border-radius:10px;width:fit-content;max-width:92%;padding:11px 12px;font-size:.86rem;line-height:1.4}.agent-message.user>p{justify-self:end}.agent-markdown{color:#dedede}.agent-message.assistant .agent-markdown{color:#dedede;background:#202020;border:1px solid #2d2d2d;border-radius:10px;gap:8px;width:fit-content;max-width:92%;padding:11px 12px;font-size:.86rem;line-height:1.4;display:grid}.agent-markdown p,.agent-markdown ul,.agent-markdown ol{color:#dedede}.agent-message.assistant .agent-markdown>p,.agent-message.assistant .agent-markdown>ul,.agent-message.assistant .agent-markdown>ol{width:auto;max-width:none;color:inherit;font-size:inherit;line-height:inherit;background:0 0;border:0;margin:0;padding:0}.agent-message.assistant .agent-markdown>ul,.agent-message.assistant .agent-markdown>ol{padding-left:18px}.agent-markdown strong{color:#f4f4f5;font-weight:600}.agent-markdown code{color:#e8eef9;background:#191919;border-color:#303030}.agent-usage-info{margin-left:0}.agent-usage-info button{color:#747474;opacity:.55;width:12px;min-height:12px}.agent-usage-info button:hover,.agent-usage-info:focus-within button{color:#747474;opacity:1;background:0 0;border-color:#0000}.agent-usage-info button svg{width:9px;height:9px}.agent-usage-popover{color:#dce2ea;opacity:0;pointer-events:none;background:#15171a;border-color:#303844;border-radius:10px;width:206px;transition:opacity .12s,transform .12s;display:grid;top:24px;left:0;right:auto;transform:translateY(-2px);box-shadow:0 16px 34px #00000061}.agent-usage-info:hover .agent-usage-popover,.agent-usage-info:focus-within .agent-usage-popover{opacity:1;pointer-events:auto;transform:translateY(0)}.agent-usage-popover strong{color:#f4f7fb}.agent-usage-popover dd{color:#dce2ea}.agent-trace-copy-button{color:#747474;opacity:0;background:0 0;border-color:#0000;width:24px;min-height:24px;margin-left:0;transition:border-color .12s,background .12s,color .12s,opacity .12s}.agent-message:hover .agent-trace-copy-button,.agent-message:focus-within .agent-trace-copy-button{opacity:1}.agent-trace-copy-button svg{display:block}.agent-trace-copy-button:hover,.agent-trace-copy-button:focus-visible{color:#d8dee9;background:#252525;border-color:#3a3a3a;outline:0}.agent-event-details{background:#151515;border:1px solid #303030;border-radius:12px;padding:10px}.agent-event-details>summary{color:#f1f5f9;justify-content:flex-start;gap:7px;width:100%;font-size:.82rem}.agent-event-details>summary svg:last-child{color:#8a8a8a;margin-left:auto}.agent-progress-list{gap:8px;margin-top:10px}.agent-progress-row{background:#191919;border-color:#2f2f2f;border-radius:10px;gap:7px;padding:10px 11px 10px 20px;position:relative}.agent-progress-row:before{content:"";background:#3b82f6;border-radius:999px;width:2px;position:absolute;top:8px;bottom:8px;left:9px}.agent-progress-row.active,.agent-progress-row.done,.agent-progress-row.failed,.agent-progress-row.retried{background:#191919;border-color:#2f2f2f}.agent-progress-row.failed:before{background:#ef4444}.agent-progress-row.retried:before{background:#737373}.agent-progress-head>span{color:#dbeafe;font-size:.82rem;font-weight:760}.agent-progress-head small{color:#9db8e5}.agent-progress-row p{color:#cfe1ff;font-size:.78rem;line-height:1.45}.agent-activity{background:#151515;border:1px solid #303030;border-radius:12px;padding:10px}.agent-activity .agent-progress-list{margin-top:0}.agent-activity-step{color:#d7d7d7;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:7px;min-height:26px;font-size:.78rem;display:grid}.agent-activity-step small{color:#858585;font-size:.72rem}.agent-activity-icon{color:#86efac;background:#20301f;border-radius:999px;place-items:center;width:18px;height:18px;display:inline-grid}.agent-activity-step.retried .agent-activity-icon{color:#b7b7b7;background:#292929}.agent-activity-current{color:#d7d7d7;justify-content:space-between;align-items:center;gap:10px;min-height:24px;font-size:.78rem;font-weight:400;display:flex}.agent-activity-current small{color:#8ab4ff;flex:none;font-size:.72rem;font-weight:500}.agent-note-chip-list{flex-wrap:wrap;gap:6px;display:flex}.agent-note-chip{color:#cbd5e1;background:#171b20;border:1px solid #303844;border-radius:999px;align-items:center;gap:5px;min-width:0;max-width:100%;padding:4px 8px;font-size:.74rem;line-height:1.25;display:inline-flex}.agent-stop-notice{color:#facc15;background:#241a0e;border:1px solid #5b3d1a;border-radius:10px;align-items:center;gap:6px;width:fit-content;max-width:92%;padding:8px 10px;font-size:.78rem;line-height:1.35;display:inline-flex}.agent-result-warning{margin-top:2px}.agent-run-footer{color:#858585;flex-wrap:wrap;align-items:center;gap:7px;font-size:.72rem;display:flex}.agent-run-meta{flex-wrap:wrap;gap:6px;display:inline-flex}.agent-run-meta span:not(:last-child):after{content:"-";color:#555;margin-left:6px}.agent-raw-stop-line{color:#a3a3a3;background:#151515;border:1px solid #303030;border-radius:8px;width:fit-content;max-width:92%;padding:7px 9px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.72rem;line-height:1.35}.agent-debug-details summary,.agent-json-debug summary{color:#9ca3af}.agent-debug-details pre,.agent-json-debug pre{color:#dce2ea;background:#101010;border-color:#303030}.agent-json-debug-toolbar button{color:#d7d7d7;background:#202020;border-color:#303030}.agent-working{background:#151515;border:1px solid #303030;border-radius:12px;padding:10px}.agent-text-shimmer{color:#0000;background:linear-gradient(90deg,#9ca3af,#fff,#9ca3af) 0 0/180% 100%;-webkit-background-clip:text;background-clip:text}.agent-composer{background:#202020;border:1px solid #303030;border-radius:16px;flex:none;gap:10px;margin:0 0 10px;padding:12px;transition:border-color .12s,box-shadow .12s}.agent-composer:focus-within{border-color:#4b5563;box-shadow:0 0 0 1px #4b5563,0 0 0 4px #146ef51a}.agent-composer textarea{color:#eee;background:0 0;border:0;min-height:112px;padding:0}.agent-composer textarea:focus,.agent-composer textarea:focus-visible{outline:0}.agent-composer textarea::placeholder{color:#748198}.agent-attachment-chip,.agent-question-options button{color:#d7d7d7;background:#191919;border-color:#303030}.agent-question-options button:hover:not(:disabled){color:#8ab8ff;background:#132a47;border-color:#146ef5}.agent-question-hint{color:#8b95a5}.agent-context-chip{color:#0b83ff;background:#146ef524;border-color:#146ef5}.agent-model-button{color:#dbeafe;background:#202020;border-color:#303030;border-radius:8px;min-height:34px;font-weight:760}.agent-composer-actions button[type=submit]{color:#fff;background:#5b6472;border-color:#5b6472}.agent-composer-actions button[aria-pressed=true],.agent-composer-actions button[aria-pressed=true]:hover:not(:disabled){color:#0b83ff;background:#132a47;border-color:#146ef5}.agent-model-menu{border:1px solid #303030;border-radius:12px;margin:0}.agent-panel.agent-panel-light{color:#2b2b2e;background:#f7f7f7}.agent-panel-light .agent-head{background:#f7f7f7;border-bottom-color:#dddde0}.agent-panel-light .agent-chat-title,.agent-panel-light .agent-round-button,.agent-panel-light .agent-composer-actions button,.agent-panel-light .agent-model-button{color:#48484d;background:#fff;border-color:#dddde0;box-shadow:0 1px 2px #1c1c1e08}.agent-panel-light .agent-head{min-height:54px;padding:10px 0}.agent-panel-light .agent-chat-title{color:#1c1c1e;border-radius:8px;min-height:34px;padding:0 10px;font-size:13px;font-weight:400;box-shadow:0 1px 1px #1c1c1e05}.agent-panel-light .agent-chat-title>svg{color:#8a8a90}.agent-panel-light .agent-round-button{width:34px;min-height:34px}.agent-panel-light .agent-chat-title:hover,.agent-panel-light .agent-round-button:hover,.agent-panel-light .agent-composer-actions button:hover:not(:disabled),.agent-panel-light .agent-model-button:hover{color:#1c1c1e;background:#f1f1f3;border-color:#c9c9ce}.agent-panel-light .agent-settings,.agent-panel-light .agent-chat-list,.agent-panel-light .agent-model-menu{background:#fff;border-color:#dddde0;box-shadow:0 14px 34px #1c1c1e1f,0 2px 8px #1c1c1e0d}.agent-panel-light .agent-chat-list button,.agent-panel-light .agent-model-menu button{color:#2b2b2e}.agent-panel-light .agent-chat-list button:hover,.agent-panel-light .agent-chat-list button.active,.agent-panel-light .agent-model-menu button:hover,.agent-panel-light .agent-model-menu button.active{background:#f1f1f3}.agent-panel-light .agent-chat-list small,.agent-panel-light .agent-model-menu small,.agent-panel-light .agent-settings span{color:#8a8a90}.agent-panel-light .agent-settings input,.agent-panel-light .agent-settings select{color:#1c1c1e;background:#fff;border-color:#dddde0}.agent-panel-light .agent-settings-checkbox input{accent-color:#232325}.agent-panel-light .agent-context-strip{background:#f7f7f7;border-bottom-color:#dddde0}.agent-panel-light .agent-context-strip span{color:#6a6a70;background:#fff;border-color:#dddde0}.agent-panel-light .agent-message-list{scrollbar-color:#c9c9ce transparent;background:#f7f7f7}.agent-panel-light .agent-message-list::-webkit-scrollbar-thumb{background:#c9c9ce}.agent-panel-light .agent-empty{color:#8a8a90}.agent-panel-light .agent-message{color:#2b2b2e}.agent-panel-light .agent-message.error{color:#b42318}.agent-panel-light .agent-message-meta{color:#8a8a90}.agent-panel-light .agent-message>p,.agent-panel-light .agent-message.user>p,.agent-panel-light .agent-message.assistant .agent-markdown{color:#2b2b2e;background:#fff;border-color:#dddde0;box-shadow:0 1px 3px #1c1c1e0a}.agent-panel-light .agent-message.user>p{color:#292929;background:#e7e7e7;border-color:#d7d7d7}.agent-panel-light .agent-markdown,.agent-panel-light .agent-markdown p,.agent-panel-light .agent-markdown ul,.agent-panel-light .agent-markdown ol{color:#2b2b2e}.agent-panel-light .agent-markdown strong{color:#1c1c1e}.agent-panel-light .agent-markdown code{color:#2b2b2e;background:#f1f1f3;border-color:#dddde0}.agent-panel-light .agent-usage-info button,.agent-panel-light .agent-trace-copy-button{color:#a3a3a9}.agent-panel-light .agent-trace-copy-button:hover,.agent-panel-light .agent-trace-copy-button:focus-visible{color:#48484d;background:#f1f1f3;border-color:#dddde0}.agent-panel-light .agent-usage-popover{color:#48484d;background:#fff;border-color:#dddde0;box-shadow:0 16px 34px #1c1c1e26}.agent-panel-light .agent-usage-popover strong,.agent-panel-light .agent-usage-popover dd{color:#1c1c1e}.agent-panel-light .agent-event-details,.agent-panel-light .agent-activity,.agent-panel-light .agent-working{background:#fff;border-color:#dddde0}.agent-panel-light .agent-event-details>summary{color:#1c1c1e}.agent-panel-light .agent-event-details>summary svg:last-child{color:#8a8a90}.agent-panel-light .agent-progress-row,.agent-panel-light .agent-progress-row.active,.agent-panel-light .agent-progress-row.done,.agent-panel-light .agent-progress-row.failed,.agent-panel-light .agent-progress-row.retried{background:#f7f7f7;border-color:#dddde0}.agent-panel-light .agent-progress-head>span{color:#1c1c1e}.agent-panel-light .agent-progress-head small{color:#6a6a70}.agent-panel-light .agent-progress-row p,.agent-panel-light .agent-activity-step,.agent-panel-light .agent-activity-current{color:#48484d}.agent-panel-light .agent-activity-step small{color:#8a8a90}.agent-panel-light .agent-activity-icon{color:#3d8a5a;background:#d9efdf}.agent-panel-light .agent-activity-step.retried .agent-activity-icon{color:#6a6a70;background:#ebebed}.agent-panel-light .agent-activity-current small{color:#5a7f99}.agent-panel-light .agent-note-chip{color:#48484d;background:#fff;border-color:#dddde0}.agent-panel-light .agent-stop-notice{color:#806600;background:#fff9df;border-color:#e4d28b}.agent-panel-light .agent-run-footer{color:#8a8a90}.agent-panel-light .agent-run-meta span:not(:last-child):after{color:#c9c9ce}.agent-panel-light .agent-raw-stop-line{color:#6a6a70;background:#fff;border-color:#dddde0}.agent-panel-light .agent-debug-details summary,.agent-panel-light .agent-json-debug summary{color:#6a6a70}.agent-panel-light .agent-debug-details pre,.agent-panel-light .agent-json-debug pre{color:#2b2b2e;background:#f1f1f3;border-color:#dddde0}.agent-panel-light .agent-json-debug-toolbar button{color:#48484d;background:#fff;border-color:#dddde0}.agent-panel-light .agent-text-shimmer{background-image:linear-gradient(90deg,#8a8a90,#1c1c1e,#8a8a90)}.agent-panel-light .agent-composer{background:#fff;border-color:#dddde0;box-shadow:0 5px 18px #1c1c1e12}.agent-panel-light .agent-composer:focus-within{border-color:#dddde0;box-shadow:0 5px 18px #1c1c1e12}.agent-panel-light .agent-composer textarea{color:#1c1c1e;background:0 0}.agent-panel-light .agent-composer textarea::placeholder{color:#a3a3a9}.agent-panel-light .agent-model-button{width:104px;min-height:32px;padding-inline:9px;font-size:11px;font-weight:500}.agent-panel-light .agent-composer-actions{gap:5px}.agent-panel-light .agent-composer-actions button{border-radius:7px;width:32px;min-height:32px}.agent-panel-light .agent-attachment-chip,.agent-panel-light .agent-question-options button{color:#48484d;background:#f7f7f7;border-color:#dddde0}.agent-panel-light .agent-question-options button:hover:not(:disabled){color:#1c1c1e;background:#f1f1f3;border-color:#232325}.agent-panel-light .agent-question-hint{color:#8a8a90}.agent-panel-light .agent-context-chip{color:#48484d;background:#f1f1f3;border-color:#c9c9ce}.agent-panel-light .agent-composer-actions button[type=submit]{color:#fff;background:#232325;border-color:#232325}.agent-panel-light .agent-composer-actions button[aria-pressed=true],.agent-panel-light .agent-composer-actions button[aria-pressed=true]:hover:not(:disabled){color:#232325;background:#ebebed;border-color:#232325}@media (width<=1120px){.editor-shell{grid-template-columns:392px minmax(0,1fr) 340px}.insert-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=900px){.app-toolbar{flex-wrap:wrap;align-items:stretch;overflow:visible}.app-toolbar-title{flex:220px}.app-toolbar-center,.app-toolbar-actions{flex:0 auto}.editor-shell{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;min-height:0;overflow:auto}.editor-sidebar{max-height:42vh}.editor-sidebar-left,.editor-sidebar-right{border-left:0;border-right:0;border-bottom:1px solid var(--border)}.editor-canvas{min-height:520px}.canvas-toolbar{grid-template-columns:minmax(0,1fr) auto;display:grid}.canvas-toolbar-actions{flex-wrap:wrap;justify-content:end}.canvas-toolbar .canvas-segment:first-child{min-width:0}}@media (width<=560px){.app-toolbar{gap:8px;padding:8px}.app-toolbar-title strong{text-overflow:ellipsis;white-space:nowrap;max-width:132px;overflow:hidden}.app-toolbar-center button span{display:none}.app-toolbar-actions{justify-content:space-between;width:100%}.editor-sidebar-left{grid-template-columns:42px minmax(0,1fr)}.insert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editor-rail{padding-inline:4px}.canvas-toolbar{grid-template-columns:minmax(0,1fr)}.canvas-toolbar-actions{justify-content:start}}.ui-popover{z-index:var(--z-popover);border:1px solid var(--border);background:var(--surface);max-height:min(70vh,520px);color:var(--text);border-radius:10px;gap:10px;padding:12px;font-size:12px;display:grid;overflow:auto;box-shadow:0 12px 32px #0f172a2e}.ui-colorpicker{gap:10px;display:grid}.ui-colorpicker-current{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.ui-colorpicker-current strong{color:var(--text);font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;display:block;overflow:hidden}.ui-colorpicker-sv{cursor:crosshair;touch-action:none;border-radius:8px;width:100%;height:148px;position:relative;overflow:hidden}.ui-colorpicker-sv-thumb{pointer-events:none;border:2px solid #fff;border-radius:999px;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.ui-colorpicker-sliders{grid-template-columns:minmax(0,1fr);display:grid}.ui-colorpicker-tracks{gap:8px;display:grid}.ui-colorpicker-track{cursor:pointer;touch-action:none;border-radius:999px;height:12px;position:relative}.ui-colorpicker-track.is-hue{background:linear-gradient(90deg,red 0%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.ui-colorpicker-track.is-alpha{background-image:linear-gradient(45deg,#c7ced9 25%,#0000 25%),linear-gradient(-45deg,#c7ced9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#c7ced9 75%),linear-gradient(-45deg,#0000 75%,#c7ced9 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.ui-colorpicker-track-fill{border-radius:999px;position:absolute;inset:0}.ui-colorpicker-track-thumb{pointer-events:none;border:2px solid #fff;border-radius:999px;width:14px;height:14px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #00000059}.ui-colorpicker-preview{border:1px solid var(--border-strong);border-radius:6px;width:30px;height:30px}.ui-colorpicker-inputs{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.ui-color-hex{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;min-height:28px;color:var(--text);font-family:var(--font-mono);font-variant-numeric:tabular-nums;border-radius:4px;padding:0 7px}.ui-colorpicker-eyedropper{border:1px solid var(--border);background:var(--surface);width:30px;min-height:28px;color:var(--muted);cursor:pointer;border-radius:4px;place-items:center;display:inline-grid}.ui-colorpicker-eyedropper:hover{border-color:var(--accent);color:var(--accent)}.ui-colorpicker-tokens{gap:4px;max-height:168px;display:grid;overflow:auto}.ui-colorpicker-section-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;font-size:10px;font-weight:800}.ui-colorpicker-token{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:8px;padding:4px 6px;font-size:11px;display:grid}.ui-colorpicker-token:hover{background:var(--surface-subtle)}.ui-colorpicker-token-swatch{border:1px solid var(--border-strong);border-radius:4px;width:16px;height:16px}.ui-colorpicker-token-value{color:var(--muted);font-family:var(--font-mono);font-size:10px}.ui-gradient-track{border:1px solid var(--border-strong);cursor:copy;border-radius:6px;height:22px;position:relative}.ui-gradient-stop{cursor:grab;border:2px solid #fff;border-radius:4px;width:14px;height:30px;position:absolute;top:-4px;transform:translate(-50%);box-shadow:0 0 0 1px #00000059}.ui-gradient-stop[aria-pressed=true]{box-shadow:0 0 0 2px var(--accent)}.ui-shadow-presets{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ui-shadow-card{border:1px solid var(--border);background:var(--surface-subtle);cursor:pointer;border-radius:8px;place-items:center;gap:6px;min-height:56px;padding:10px 6px 8px;transition:border-color .12s;display:grid}.ui-shadow-card:hover,.ui-shadow-card[aria-pressed=true]{border-color:var(--accent)}.ui-shadow-card-swatch{background:var(--surface);border-radius:5px;width:34px;height:22px}.ui-shadow-card span{color:var(--muted);font-size:10px;font-weight:700}.ui-layer-list{gap:6px;display:grid}.ui-layer-row{border:1px solid var(--border);background:var(--surface-subtle);border-radius:6px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:6px;display:grid}.ui-layer-swatch{border:1px solid var(--border-strong);border-radius:4px;width:22px;height:22px}.ui-layer-remove{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;place-items:center;display:inline-grid}.ui-layer-remove:hover{background:var(--danger-soft);color:var(--danger)}.ui-layer-label{min-width:0;color:var(--text);cursor:pointer;text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;padding:0;font-size:12px;font-weight:700;overflow:hidden}.ui-layer-editor{border:1px solid var(--border);background:var(--surface);border-radius:6px;margin-top:6px;padding:8px}.ui-layer-fields{gap:8px;display:grid}.ui-layer-raw-note{color:var(--muted);margin:0;font-size:11px;line-height:1.4}.ui-gradient-stop-actions{align-items:center;gap:8px;min-width:0;display:flex}.ui-gradient-stop-value{min-width:0;color:var(--muted);font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;flex:auto;font-size:10px;overflow:hidden}.ui-radius-head{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:6px;display:grid}.ui-radius-link{border:1px solid var(--border);background:var(--surface);width:28px;height:28px;color:var(--muted);cursor:pointer;border-radius:4px;place-items:center;transition:border-color .12s,color .12s;display:inline-grid}.ui-radius-link:hover,.ui-radius-link[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.ui-radius-tokens{flex-wrap:wrap;gap:5px;display:flex}.ui-radius-tokens button{border:1px solid var(--border);background:var(--surface-subtle);min-height:22px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 8px;font-size:11px;font-weight:700;transition:border-color .12s,color .12s}.ui-radius-tokens button:hover,.ui-radius-tokens button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.ui-subsection{border:1px solid var(--border);background:var(--surface-subtle);border-radius:6px}.ui-subsection summary{cursor:pointer;color:var(--muted);padding:7px 10px;font-size:11px;font-weight:700;list-style:none}.ui-subsection summary::-webkit-details-marker{display:none}.ui-subsection[open] summary{border-bottom:1px solid var(--border);color:var(--text)}.ui-subsection-body{padding:8px 10px 10px}.ui-opacity-control{grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:6px;display:grid}.ui-inline-add{border:1px dashed var(--border-strong);min-height:28px;color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.ui-inline-add:hover{border-color:var(--accent);color:var(--accent)}.ui-menu{gap:2px;display:grid}.ui-menu button{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:5px;align-items:center;gap:8px;padding:7px 8px;font-size:12px;display:flex}.ui-menu button:hover{background:var(--surface-subtle)}.ui-align-grid{border:1px solid var(--border);background:var(--surface-subtle);border-radius:6px;grid-template-columns:repeat(3,1fr);gap:3px;width:72px;padding:4px;display:grid}.ui-align-grid button{aspect-ratio:1;cursor:pointer;background:0 0;border:0;border-radius:3px;place-items:center;display:grid}.ui-align-grid button:before{content:"";background:var(--border-strong);border-radius:999px;width:6px;height:6px;transition:background-color .12s,transform .12s}.ui-align-grid button:hover:before{background:var(--accent)}.ui-align-grid button[aria-pressed=true]:before{background:var(--accent);transform:scale(1.4)}.ui-fontpicker-trigger{cursor:pointer;font:inherit;text-align:left;justify-content:space-between;align-items:center;gap:8px;display:flex}.ui-fontpicker-trigger>span{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.ui-fontpicker-trigger>svg{color:var(--muted);flex:none}.ui-fontpicker{gap:8px;min-height:0;display:grid}.ui-fontpicker-search{border:1px solid var(--border);background:var(--surface-raised);min-height:34px;color:var(--muted);border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:7px;padding:0 9px;display:grid}.ui-fontpicker-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #146ef51a}.ui-fontpicker-search input{width:100%;min-width:0;height:32px;color:var(--text);font:inherit;background:0 0;border:0;outline:0;padding:0}.ui-fontpicker-options{gap:7px;max-height:min(46vh,330px);padding-right:2px;display:grid;overflow:auto}.ui-fontpicker-group{gap:2px;display:grid}.ui-fontpicker-group+.ui-fontpicker-group{border-top:1px solid var(--border);padding-top:7px}.ui-fontpicker-group-label{color:var(--muted);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px 4px;font-size:10px;font-weight:750}.ui-fontpicker-option{width:100%;min-height:46px;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;display:flex}.ui-fontpicker-option:hover,.ui-fontpicker-option.is-active,.ui-fontpicker-option[aria-selected=true]{background:var(--surface-subtle)}.ui-fontpicker-option[aria-selected=true]{color:var(--accent)}.ui-fontpicker-option-copy{gap:2px;min-width:0;display:grid}.ui-fontpicker-option-copy strong{color:inherit;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;line-height:1.25;overflow:hidden}.ui-fontpicker-option-copy small{color:var(--muted);font-family:var(--font-mono);font-size:10px;line-height:1.2}.ui-fontpicker-empty{color:var(--muted);text-align:center;padding:20px 8px}.ui-fontpicker-custom{border-top:1px solid var(--border);padding-top:8px}.ui-fontpicker-custom-toggle{width:100%;color:var(--muted);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-radius:6px;padding:6px 8px}.ui-fontpicker-custom-toggle:hover{background:var(--surface-subtle);color:var(--text)}.ui-fontpicker-custom-editor{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.ui-fontpicker-custom-editor>button{background:var(--accent);color:#fff;cursor:pointer;font:inherit;border:0;border-radius:6px;padding:0 10px;font-weight:700}.cadence-app{--surface:#fff;--surface-subtle:#f7f7f7;--surface-raised:#fafafa;--border:#dddde0;--border-strong:#c9c9ce;--text:#1c1c1e;--muted:#6a6a70;--accent:#232325;--accent-strong:#34343a;--accent-soft:#ebebed;--shadow:0 12px 34px #1c1c1e1f, 0 3px 10px #1c1c1e0f;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;color:#1c1c1e;background:#f7f7f7;font-family:Geist,-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:13px}.cadence-app button,.cadence-app input,.cadence-app select,.cadence-app textarea{font-family:inherit}.cadence-app button:focus-visible,.cadence-app input:focus-visible,.cadence-app select:focus-visible,.cadence-app textarea:focus-visible{outline-offset:2px;outline:3px solid #23232533}.cadence-app .agent-composer textarea:focus,.cadence-app .agent-composer textarea:focus-visible{box-shadow:none;outline:0}.cadence-app.app-shell{grid-template-rows:48px minmax(0,1fr)}.cadence-app .app-toolbar{min-height:48px;box-shadow:none;background:#fff;border-color:#dddde0;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;padding:0 12px;display:grid}.cadence-app .app-toolbar-title{gap:9px}.cadence-app .app-back-button{color:#6a6a70;border-radius:8px;justify-content:center;width:30px;height:30px;padding:0;font-size:18px;font-weight:400}.cadence-app .app-back-button:hover{color:#1c1c1e;background:#f1f1f3}.cadence-app .app-brand-mark{background:#232325;border-radius:6px;flex:none;width:22px;height:22px}.cadence-app .app-toolbar-title strong{color:#1c1c1e;letter-spacing:-.01em;font-size:14px;font-weight:600}.cadence-app .app-toolbar-divider{background:#dddde0;width:1px;height:22px;margin:0 4px}.cadence-app .app-page-select{color:#8a8a90;width:100px;height:31px}.cadence-app .app-page-select .ds-select-trigger{color:#1c1c1e;height:31px;padding:0 8px;font-size:13px;font-weight:400}.cadence-app .app-page-select .ds-select-menu{min-width:160px}.cadence-app .app-toolbar-center{background:#ebebed;border-radius:8px;gap:3px;padding:3px}.cadence-app .app-toolbar-center button{color:#6a6a70;background:0 0;border:0;border-radius:6px;min-height:26px;padding:0 12px;font-size:13px;font-weight:500}.cadence-app .app-toolbar-center button[aria-pressed=true]{color:#1c1c1e;background:#fff;box-shadow:0 1px 2px #1c1c1e0d}.cadence-app .app-toolbar-center button:hover{color:#1c1c1e;background:#fff;border-color:#0000}.cadence-app .app-toolbar-actions{justify-content:flex-end;gap:2px}.cadence-app .app-canvas-controls-slot{align-items:center;min-width:0;display:flex}.cadence-app .app-canvas-controls-slot .canvas-toolbar{background:0 0;border:0;gap:8px;min-height:0;padding:0;position:static}.cadence-app .app-canvas-controls-slot .canvas-status-chips>span:first-child{display:none}.cadence-app .app-icon-button{color:#a3a3a9;background:0 0;border:0;border-radius:8px;width:30px;min-height:30px;padding:0;font-weight:400}.cadence-app .app-icon-button:hover:not(:disabled){color:#1c1c1e;background:#f1f1f3;border-color:#0000}.cadence-app .app-export-button{color:#fff;background:#232325;border:1px solid #232325;border-radius:8px;min-height:34px;margin-left:7px;padding:0 13px;font-size:13px;font-weight:600}.cadence-app .app-export-button:hover:not(:disabled){background:#34343a;border-color:#34343a}.cadence-app .editor-shell{grid-template-columns:364px minmax(0,1fr) 302px}.cadence-app .editor-sidebar-left{background:#f1f1f3;border-color:#dddde0;grid-template-columns:52px minmax(0,1fr)}.cadence-app .editor-sidebar-right{background:#fff;border-color:#dddde0}.cadence-app .editor-canvas{grid-template-rows:minmax(0,1fr)}.cadence-app .editor-rail{background:#f1f1f3;border-color:#dddde0;gap:4px;padding:12px 0 10px}.cadence-app .editor-rail>nav{gap:4px}.cadence-app .editor-rail button{color:#a3a3a9;border-radius:8px;width:36px;height:36px}.cadence-app .editor-rail button:hover{color:#48484d;background:#ebebed}.cadence-app .editor-rail button[aria-selected=true]{color:#fff;background:#232325}.cadence-app .editor-tab-panel{scrollbar-color:#c9c9ce transparent}.cadence-app .editor-tabs{grid-auto-flow:unset;background:#fff;border-color:#dddde0;gap:20px;min-height:46px;padding:0 16px;display:flex}.cadence-app .editor-tabs button{color:#a3a3a9;background:0 0;border:0;min-height:46px;padding:0 2px;font-size:13px;font-weight:400}.cadence-app .editor-tabs button svg{display:none}.cadence-app .editor-tabs button[aria-selected=true]{color:#1c1c1e;background:0 0;font-weight:600;box-shadow:inset 0 -2px #1c1c1e}.cadence-app .canvas-host{scrollbar-color:#6a6a7099 transparent;background:linear-gradient(150deg,#c1bfcb,#d9d5d2);overflow:auto}.cadence-app .canvas-toolbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-color:#dddde0;flex-wrap:nowrap;align-items:center;min-height:48px;padding:0 16px}.cadence-app .canvas-status-chips{align-items:center;gap:8px;min-width:0;display:flex}.cadence-app .canvas-status-chips>span{color:#6a6a70;text-overflow:ellipsis;white-space:nowrap;background:#f1f1f3;border-radius:999px;align-items:center;gap:6px;min-width:0;height:26px;padding:0 10px;font-size:12px;display:inline-flex;overflow:hidden}.cadence-app .canvas-status-chips i{background:#4caf6e;border-radius:50%;flex:none;width:6px;height:6px}.cadence-app .canvas-status-chips code{color:#1c1c1e;font-family:var(--font-mono);text-overflow:ellipsis;font-size:11px;overflow:hidden}.cadence-app .canvas-toolbar-actions{gap:1px}.cadence-app .canvas-segment,.cadence-app .canvas-zoom-control{background:0 0;border:0;gap:1px;padding:0}.cadence-app .canvas-breakpoints{overflow:visible}.cadence-app .canvas-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cadence-app .canvas-segment button,.cadence-app .canvas-icon-button,.cadence-app .canvas-fit-button{color:#a3a3a9;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:30px;min-height:28px;padding:0;font-size:11px;font-weight:500;display:inline-flex}.cadence-app .canvas-fit-button{width:28px}.cadence-app .canvas-segment button:hover,.cadence-app .canvas-icon-button:hover:not(:disabled),.cadence-app .canvas-fit-button:hover,.cadence-app .canvas-segment button[aria-pressed=true],.cadence-app .canvas-fit-button[aria-pressed=true]{color:#1c1c1e;background:#f1f1f3}.cadence-app .canvas-zoom-control{min-height:28px}.cadence-app .canvas-zoom-control output{color:#6a6a70;min-width:40px;font-size:12px;font-weight:400}.cadence-app .canvas-control-divider{background:#dddde0;width:1px;height:20px;margin:0 5px}.cadence-app .canvas-preview-button{color:#1c1c1e;cursor:pointer;background:#fff;border:1px solid #dddde0;border-radius:8px;height:28px;padding:0 12px;font-size:13px;font-weight:500}.cadence-app .canvas-preview-button:hover{background:#f7f7f7}.cadence-app .canvas-stage{background:#fff;border-radius:0;outline:1px solid #2323251f;margin:34px auto;overflow:hidden;box-shadow:0 8px 24px #1c1c1e14,0 2px 6px #1c1c1e0a}.cadence-app .canvas-frame{border-radius:0}.cadence-app .insert-sidebar{background:#f1f1f3;padding-bottom:0}.cadence-app .insert-sidebar .panel-heading{padding:16px 16px 12px}.cadence-app .insert-sidebar .panel-heading h2{color:#1c1c1e;letter-spacing:-.01em;font-size:14px;font-weight:600}.cadence-app .insert-mode-tabs{background:#ebebed;border:0;border-radius:8px;gap:3px;margin:0 16px 12px;padding:3px}.cadence-app .insert-mode-tabs button{color:#6a6a70;border:0;border-radius:6px;gap:6px;min-height:28px;font-size:13px;font-weight:500}.cadence-app .insert-mode-tabs button svg{display:none}.cadence-app .insert-mode-tabs button[aria-selected=true]{color:#1c1c1e;background:#fff;box-shadow:0 1px 2px #1c1c1e0d}.cadence-app .insert-elements-panel,.cadence-app .insert-library-panel{gap:12px;padding:0 16px 16px}.cadence-app .insert-category{gap:8px}.cadence-app .insert-category h3,.cadence-app .insert-library-heading h3{color:#a3a3a9;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:500}.cadence-app .insert-grid{grid-template-columns:1fr 1fr;gap:8px}.cadence-app .insert-card{color:#1c1c1e;background:#fff;border-color:#dddde0;border-radius:12px;align-content:space-between;justify-items:start;gap:8px;min-height:71px;padding:11px;font-size:12px;font-weight:500}.cadence-app .insert-card svg{color:#6a6a70}.cadence-app .insert-card:hover,.cadence-app .insert-card:focus-visible{color:#1c1c1e;box-shadow:none;background:#fafafa;border-color:#c9c9ce;transform:none}.cadence-app .insert-filter-row{gap:2px}.cadence-app .insert-filter-row button{color:#6a6a70;background:0 0;border:0;border-radius:6px;min-height:32px;font-size:11px;font-weight:500}.cadence-app .insert-filter-row button:hover{color:#1c1c1e;background:#ebebed}.cadence-app .insert-filter-row button[aria-pressed=true]{color:#1c1c1e;box-shadow:none;background:#e7e7e7;font-weight:700}.cadence-app .library-card{box-shadow:none;background:#fff;border-color:#dddde0;border-radius:12px}.cadence-app .library-card:hover{border-color:#c9c9ce;transform:none;box-shadow:0 4px 14px #1c1c1e14}.cadence-app .inspector-panel{--panel-control-h:28px;--panel-radius:8px;--panel-gap:10px;--panel-font:12px;--panel-font-small:11px;--panel-label-col:76px;--panel-surface:#fff;--panel-surface-subtle:#f1f1f3;--panel-border:#dddde0;--panel-border-strong:#c9c9ce;--panel-text:#1c1c1e;--panel-muted:#6a6a70;--panel-accent:#232325;--panel-accent-soft:#ebebed;--panel-focus-ring:0 0 0 3px #2323251f}.cadence-app .inspector-config-head{border-color:#dddde0;gap:10px 8px;padding:14px 16px}.cadence-app .inspector-tag-badge{color:#6a6a70;text-overflow:ellipsis;white-space:nowrap;background:#f1f1f3;border-radius:6px;justify-content:center;width:auto;min-width:24px;max-width:88px;height:24px;padding:0 7px;overflow:hidden}.cadence-app .inspector-config-head input{font-family:var(--font-mono);background:0 0;border:0;padding:0}.cadence-app .inspector-usage{display:none}.cadence-app .inspector-config-head>.ui-segmented{grid-column:1/-1;margin-left:94px;position:relative}.cadence-app .inspector-config-head>.ui-segmented:before{content:"Apply styles to";color:#a3a3a9;width:82px;font-size:11px;font-weight:400;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.cadence-app .inspector-head-icon-button{color:#a3a3a9;border:0;border-radius:6px}.cadence-app .inspector-head-icon-button:hover{color:#1c1c1e;background:#f1f1f3;border-color:#0000}.cadence-app .inspector-panel .ui-section{border-color:#ebebed}.cadence-app .inspector-panel .ui-section summary{min-height:48px;padding:0 16px}.cadence-app .inspector-panel .ui-section summary strong{font-size:14px;font-weight:400}.cadence-app .inspector-panel .ui-section summary .ui-section-title>svg{color:#a3a3a9}.cadence-app .inspector-panel .ui-section-badge{color:#6a6a70;background:#f1f1f3;border-radius:6px;min-width:22px;height:18px;font-weight:500}.cadence-app .inspector-panel .ui-section-body{padding:2px 16px 16px}.cadence-app .inspector-panel .ui-field-copy{color:#6a6a70;font-weight:400}.cadence-app .inspector-panel .ui-segmented{background:#f1f1f3;border:0;border-radius:8px}.cadence-app .inspector-panel .ui-segmented button{border-radius:6px;font-weight:500}.cadence-app .inspector-panel .ui-segmented button:hover{color:#1c1c1e;background:#ebebed}.cadence-app .inspector-panel .ui-segmented button[aria-pressed=true]{color:#1c1c1e;background:#fff;box-shadow:0 1px 2px #1c1c1e0d}.cadence-app .inspector-panel .ui-input,.cadence-app .inspector-panel .ui-unit-input input,.cadence-app .inspector-panel .ui-unit-input select,.cadence-app .inspector-panel .inspector-raw-add input{background:#fff;border-color:#dddde0;border-radius:8px}.cadence-app .inspector-panel .ui-unit-input input{border-right:0;border-radius:8px 0 0 8px}.cadence-app .inspector-panel .ui-unit-input select{border-radius:0 8px 8px 0}.cadence-app .inspector-panel .ui-unit-select{min-width:56px}.cadence-app .inspector-panel .ui-unit-select .ds-select-trigger{border-radius:0 8px 8px 0;height:100%;min-height:32px;padding:0 6px}.cadence-app .inspector-panel .ui-unit-select .ds-select-menu{min-width:84px;left:auto;right:0}.cadence-app .inspector-panel .inspector-position-offsets .ui-field.is-row{grid-template-columns:34px minmax(0,1fr);gap:4px}.cadence-app .inspector-panel .inspector-position-offsets .ui-unit-input{grid-template-columns:minmax(0,1fr) 36px}.cadence-app .inspector-panel .inspector-position-offsets .ui-unit-select{width:36px;min-width:36px}.cadence-app .inspector-panel .inspector-position-offsets .ui-unit-select .ds-select-trigger{gap:1px;padding-inline:3px}.cadence-app .inspector-panel .inspector-position-offsets .ui-unit-select .ds-select-chevron{width:10px;height:10px}.cadence-app .inspector-panel .ui-input.ds-select{background:0 0;border:0;width:100%;padding:0}.cadence-app .inspector-panel .ui-input.ds-select .ds-select-trigger{height:32px}.cadence-app .inspector-scope-banner{color:#48484d;background:#f1f1f3;border-color:#dddde0}.cadence-app .layers-panel,.cadence-app .pages-panel,.cadence-app .settings-panel{background:#f1f1f3}.cadence-app .agent-panel,.cadence-app .agent-panel-light .agent-head,.cadence-app .agent-panel-light .agent-context-strip,.cadence-app .agent-panel-light .agent-message-list{background:0 0}.cadence-app .page-row,.cadence-app .layer-row{border-radius:8px}.cadence-app .page-row:hover,.cadence-app .page-row[aria-pressed=true],.cadence-app .layer-row:hover,.cadence-app .layer-row:focus-visible{background:#ebebed}@media (width<=1160px){.cadence-app .editor-shell{grid-template-columns:336px minmax(0,1fr) 280px}.cadence-app .editor-sidebar-left{grid-template-columns:52px minmax(0,1fr)}.cadence-app .canvas-status-chips>span:nth-child(2){display:none}.cadence-app .canvas-toolbar{padding-inline:10px}}.app-design-button{color:#303034;cursor:pointer;min-height:32px;font:inherit;background:#fff;border:1px solid #d7d7da;border-radius:8px;align-items:center;gap:6px;padding:0 11px;font-size:12px;font-weight:650;display:inline-flex}.cadence-app .app-design-button{gap:7px;min-height:31px;padding:0 8px}.cadence-app .app-design-button[aria-expanded=false]>svg{color:var(--ds-gray-500,#8a8a90)}.app-design-button[aria-expanded=true]{color:#fff;background:#1c1c1e;border-color:#1c1c1e}.cadence-app .editor-rail .app-design-button{background:0 0;border:0;flex:none;justify-content:center;width:36px;min-height:36px;padding:0}.cadence-app .editor-rail .app-design-button:hover{color:#48484d;background:#ebebed}.cadence-app .editor-rail .app-design-button[aria-expanded=true]{color:#fff;background:#232325}.design-overlay{z-index:80;top:var(--app-toolbar-height,52px);background:#f7f7f8;border-left:1px solid #d7d7da;grid-template-rows:auto minmax(0,1fr);width:min(460px,100vw - 64px);display:grid;position:fixed;bottom:0;right:0;box-shadow:-18px 0 44px #1c1c1e24}.design-overlay-header{background:#fff;border-bottom:1px solid #dddde0;justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.design-overlay-header>span{align-items:center;gap:10px;display:flex}.design-overlay-header>span>span{gap:1px;display:grid}.design-overlay-header small{color:#8b8b91;letter-spacing:.08em;text-transform:uppercase;font-size:10px}.design-overlay-header strong{color:#1c1c1e;font-size:15px}.design-overlay-header>button{color:#505056;cursor:pointer;background:#efeff1;border:0;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.design-overlay-scroll{min-height:0;overflow-y:auto}.design-overlay-section{border-bottom:1px solid #dddde0;gap:14px;padding:20px 18px;display:grid}.design-section-heading{gap:4px;display:grid}.design-section-heading>span{align-items:baseline;gap:8px;display:flex}.design-section-heading small{color:#9a7cf8;font-size:10px;font-weight:800}.design-section-heading strong{color:#1c1c1e;font-size:13px}.design-section-heading p{color:#77777d;margin:0;font-size:11px;line-height:1.4}.design-preset-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.design-preset-grid>button{color:#303034;cursor:pointer;text-align:left;background:#fff;border:1px solid #dddde0;border-radius:10px;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px;display:grid}.design-preset-grid>button[aria-pressed=true]{border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.design-preset-swatch{border-radius:8px;width:28px;height:28px}.design-preset-grid button>span:nth-child(2){gap:2px;min-width:0;display:grid}.design-preset-grid strong{font-size:11px}.design-preset-grid small{color:#8b8b91;text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.design-seed-controls{gap:10px;display:grid}.design-select-field,.design-corner-field{color:#6a6a70;grid-template-columns:110px minmax(0,1fr);align-items:center;gap:10px;font-size:11px;display:grid}.design-corner-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.design-corner-options>button{color:#68686e;cursor:pointer;min-width:0;height:42px;font:inherit;background:#fff;border:1px solid #dddde0;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 8px;font-size:10px;transition:border-color .12s,box-shadow .12s,color .12s;display:flex}.design-corner-options>button:hover{color:#303034;border-color:#bdbdc3}.design-corner-options>button:focus-visible{outline-offset:2px;outline:2px solid #7c3aed}.design-corner-options>button[aria-pressed=true]{color:#303034;border-color:#7c3aed;box-shadow:0 0 0 2px #7c3aed1a}.design-corner-preview{background:#f7f7f8;border:1.5px solid;flex:none;width:21px;height:16px}.design-corner-preview--sharp{border-radius:1px}.design-corner-preview--soft{border-radius:5px}.design-corner-preview--round{border-radius:9px}.design-generate-button{color:#fff;cursor:pointer;min-height:38px;font:inherit;background:#1c1c1e;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;font-size:12px;font-weight:700;display:inline-flex}.design-role-grid{gap:10px;display:grid}.design-role-grid>div{gap:2px;display:grid}.design-role-grid>div>small{color:#96969c;padding-left:42px;font-size:9px}.design-role-group{gap:10px;display:grid}.design-role-group+.design-role-group{border-top:1px solid #dedee3;margin-top:18px;padding-top:16px}.design-role-group-heading{gap:2px;display:grid}.design-role-group-heading strong{color:#454551;font-size:11px}.design-role-group-heading small{color:#85858e;font-size:9px}.design-typography-role{gap:3px;display:grid}.design-typography-role>small{color:#85858e;font-size:9px;line-height:1.4}.design-preview-wrap{gap:8px;display:grid}.design-preview-strip{background:var(--color-page);color:var(--color-ink);border-radius:12px;gap:10px;padding:16px;display:grid}.design-preview-card{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);box-shadow:var(--shadow-soft);gap:8px;padding:16px;display:grid}.design-preview-card small{color:var(--color-muted);font:600 10px/1.2 var(--font-sans);text-transform:uppercase}.design-preview-card strong{font:600 22px/1.05 var(--font-display)}.design-preview-card p{color:var(--color-muted);font:12px/1.45 var(--font-sans);margin:0}.design-preview-card button{border-radius:var(--radius-control);background:var(--color-accent);color:var(--color-accent-ink);font:700 11px var(--font-sans);border:0;justify-self:start;padding:9px 13px}.design-preview-inverse{border:1px solid var(--color-inverse-border);border-radius:var(--radius-card);background:var(--color-inverse);color:var(--color-inverse-ink);gap:8px;padding:16px;display:grid}.design-preview-inverse small{color:var(--color-inverse-muted);font:600 10px/1.2 var(--font-sans);text-transform:uppercase}.design-preview-inverse strong{font:600 18px/1.1 var(--font-display)}.design-preview-inverse p{color:var(--color-inverse-muted);font:12px/1.45 var(--font-sans);margin:0}.design-preview-inverse>span{color:var(--color-inverse-accent);font:700 11px var(--font-sans)}.design-contrast-warning,.design-contrast-ok{color:#75601b;align-items:center;gap:5px;margin:0;font-size:10px;display:flex}.design-contrast-warning button{color:#7c3aed;cursor:pointer;font:inherit;background:0 0;border:0;font-weight:700;text-decoration:underline}.design-contrast-ok{color:#38705e}.design-advanced{border-bottom:1px solid #dddde0}.design-advanced summary{color:#505056;cursor:pointer;padding:16px 18px;font-size:12px;font-weight:700}.design-advanced>div{gap:10px;padding:0 18px 20px;display:grid}.cadence-ds{--ds-gray-0:#fff;--ds-gray-25:#fafafa;--ds-gray-50:#f7f7f7;--ds-gray-75:#f1f1f3;--ds-gray-100:#ebebed;--ds-gray-150:#e6e6e9;--ds-gray-200:#dddde0;--ds-gray-300:#c9c9ce;--ds-gray-400:#a3a3a9;--ds-gray-500:#8a8a90;--ds-gray-600:#6a6a70;--ds-gray-700:#48484d;--ds-gray-800:#2b2b2e;--ds-gray-900:#1c1c1e;--ds-accent:#232325;--ds-accent-hover:#34343a;--ds-green:#4caf6e;--ds-green-bg:#d9efdf;--ds-green-fg:#3d8a5a;--ds-blue-bg:#d9e8f2;--ds-blue-fg:#5a7f99;--ds-amber-bg:#eee6c4;--ds-amber-fg:#8c7f45;--ds-purple-bg:#ecd9f6;--ds-purple-fg:#9b4dca;--ds-desk-top:#c1bfcb;--ds-desk-bottom:#d9d5d2;--ds-font-sans:"Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--ds-font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;--ds-radius-sm:6px;--ds-radius-md:8px;--ds-radius-lg:12px;--ds-radius-xl:16px;--ds-shadow-xs:0 1px 2px #1c1c1e0d;--ds-shadow-lg:0 12px 34px #1c1c1e1f, 0 3px 10px #1c1c1e0f;--ds-ease:cubic-bezier(.2, 0, 0, 1);color:var(--ds-gray-900);font-family:var(--ds-font-sans);font-synthesis:none;font-size:13px}.cadence-ds button,.cadence-ds input{font:inherit}.cadence-ds button:focus-visible,.cadence-ds input:focus-visible{outline-offset:2px;outline:3px solid #23232538}.ds-button{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-md);background:var(--ds-gray-0);min-width:0;height:34px;color:var(--ds-gray-900);cursor:pointer;transition:background .12s var(--ds-ease), color .12s var(--ds-ease), border-color .12s var(--ds-ease);justify-content:center;align-items:center;gap:7px;padding:0 13px;font-weight:500;display:inline-flex}.ds-button--sm{height:28px;padding-inline:10px;font-size:12px}.ds-button--primary{border-color:var(--ds-accent);background:var(--ds-accent);color:#fff}.ds-button--primary:hover{background:var(--ds-accent-hover)}.ds-button--secondary:hover,.ds-icon-button:hover:not(.is-active),.ds-element-tile:hover{background:var(--ds-gray-50)}.ds-button--ghost{color:var(--ds-gray-600);background:0 0;border-color:#0000}.ds-button:disabled{cursor:not-allowed;opacity:.45}.ds-icon-button{border-radius:var(--ds-radius-md);width:36px;height:36px;color:var(--ds-gray-400);cursor:pointer;transition:background .12s var(--ds-ease), color .12s var(--ds-ease);background:0 0;border:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.ds-icon-button.is-active{background:var(--ds-accent);color:#fff}.ds-segmented{border-radius:var(--ds-radius-md);background:var(--ds-gray-100);gap:3px;padding:3px;display:flex}.ds-segmented button{border-radius:var(--ds-radius-sm);height:26px;color:var(--ds-gray-600);cursor:pointer;background:0 0;border:0;flex:1;padding:0 12px;font-weight:500}.ds-segmented button[aria-selected=true]{background:var(--ds-gray-0);color:var(--ds-gray-900);box-shadow:var(--ds-shadow-xs)}.ds-tabs{border-bottom:1px solid var(--ds-gray-200);align-items:stretch;gap:20px;min-height:46px;padding:0 16px;display:flex}.ds-tabs button{color:var(--ds-gray-400);cursor:pointer;background:0 0;border:0;padding:0 2px;position:relative}.ds-tabs button[aria-selected=true]{color:var(--ds-gray-900);box-shadow:inset 0 -2px var(--ds-gray-900);font-weight:600}.ds-search{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-md);background:var(--ds-gray-0);height:36px;color:var(--ds-gray-400);align-items:center;gap:8px;padding:0 11px;display:flex}.ds-search:focus-within{border-color:var(--ds-gray-400);box-shadow:0 0 0 3px #2323251a}.ds-search input{width:100%;min-width:0;color:var(--ds-gray-900);background:0 0;border:0;outline:0;padding:0}.ds-search input.ds-search-input:focus-visible{outline:0}.ds-search input::placeholder{color:var(--ds-gray-400)}.ds-field{gap:7px;min-width:0;display:grid}.ds-field-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.ds-field-label-row label{color:var(--ds-gray-800);font-size:12px;font-weight:600}.ds-field-label-row span,.ds-field>small{color:var(--ds-gray-400);font-size:11px;font-weight:400;line-height:1.45}.ds-input{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-md);background:var(--ds-gray-0);width:100%;min-width:0;height:38px;color:var(--ds-gray-900);transition:border-color .12s var(--ds-ease), box-shadow .12s var(--ds-ease), background .12s var(--ds-ease);padding:0 11px;box-shadow:0 1px 1px #1c1c1e05}.ds-input::placeholder{color:var(--ds-gray-400)}.ds-input:hover{border-color:var(--ds-gray-300)}.ds-input:focus{border-color:var(--ds-gray-500);outline:0;box-shadow:0 0 0 3px #23232517}.ds-textarea{resize:vertical;height:auto;min-height:92px;padding-block:10px;line-height:1.5}.ds-choice-card{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-lg);background:var(--ds-gray-0);min-width:0;min-height:54px;color:var(--ds-gray-800);cursor:pointer;transition:border-color .12s var(--ds-ease), background .12s var(--ds-ease), box-shadow .12s var(--ds-ease);align-items:flex-start;gap:10px;padding:11px 36px 11px 12px;display:flex;position:relative}.ds-choice-card:hover{border-color:var(--ds-gray-300);background:var(--ds-gray-25)}.ds-choice-card.is-selected{border-color:var(--ds-gray-700);background:var(--ds-gray-25);box-shadow:0 0 0 1px var(--ds-gray-700)}.ds-choice-card>input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.ds-choice-card:has(input:focus-visible){outline-offset:2px;outline:3px solid #2323252e}.ds-choice-copy{gap:3px;min-width:0;display:grid}.ds-choice-copy strong{font-size:12px;font-weight:600;line-height:1.35}.ds-choice-copy small{color:var(--ds-gray-500);font-size:11px;font-weight:400;line-height:1.4}.ds-choice-indicator{border:1px solid var(--ds-gray-300);background:var(--ds-gray-0);width:17px;height:17px;color:var(--ds-gray-0);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:11px;right:11px}.ds-choice-card.is-selected .ds-choice-indicator{border-color:var(--ds-accent);background:var(--ds-accent)}.ds-status{border-radius:var(--ds-radius-sm);background:var(--ds-gray-100);width:fit-content;min-height:18px;color:var(--ds-gray-600);align-items:center;padding:1px 6px;font-size:10px;font-weight:500;display:inline-flex}.ds-status--green{background:var(--ds-green-bg);color:var(--ds-green-fg)}.ds-status--blue{background:var(--ds-blue-bg);color:var(--ds-blue-fg)}.ds-status--amber{background:var(--ds-amber-bg);color:var(--ds-amber-fg)}.ds-status--purple{background:var(--ds-purple-bg);color:var(--ds-purple-fg)}.ds-element-tile{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-lg);background:var(--ds-gray-0);min-height:71px;color:var(--ds-gray-900);cursor:grab;text-align:left;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:11px;display:flex}.ds-element-tile>span{color:var(--ds-gray-600);display:inline-flex}.ds-element-tile strong{font-size:12px;font-weight:500}.ds-inspector-section{border-bottom:1px solid var(--ds-gray-100)}.ds-inspector-trigger{width:100%;min-height:48px;color:var(--ds-gray-900);cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0 16px;font-size:14px;font-weight:500;display:flex}.ds-inspector-trigger:hover{background:var(--ds-gray-25)}.ds-inspector-icon{color:var(--ds-gray-400);display:inline-flex}.ds-inspector-trigger>span:nth-child(2){flex:1}.ds-count{border-radius:var(--ds-radius-sm);background:var(--ds-gray-75);min-width:22px;height:18px;color:var(--ds-gray-600);justify-content:center;align-items:center;padding:0 5px;font-size:11px;display:inline-flex}.ds-chevron{color:var(--ds-gray-400);transition:transform .12s var(--ds-ease)}.ds-inspector-trigger[aria-expanded=true] .ds-chevron{transform:rotate(180deg)}.ds-inspector-content{gap:12px;padding:2px 16px 16px;display:grid}.ds-property{color:var(--ds-gray-600);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.ds-property-control{align-items:center;gap:6px;display:inline-flex}.ds-property-control i{border:1px solid var(--ds-gray-200);border-radius:5px;width:17px;height:17px}.ds-property code{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-md);min-height:28px;color:var(--ds-gray-800);font-family:var(--ds-font-mono);align-items:center;padding:0 9px;font-size:11px;display:inline-flex}.ds-select-button{justify-content:flex-start}.ds-select-button svg:last-child{margin-left:auto}.ds-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ds-select{min-width:0;color:var(--ds-gray-900,#1c1c1e);font-size:13px;position:relative}.ds-select-native{pointer-events:none;clip:rect(0 0 0 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.ds-select-trigger{border:1px solid var(--ds-gray-200,#dddde0);border-radius:var(--ds-radius-md,8px);background:var(--ds-gray-0,#fff);width:100%;height:34px;color:inherit;cursor:pointer;text-align:left;font:inherit;align-items:center;gap:7px;padding:0 10px;transition:border-color .12s,box-shadow .12s,background .12s;display:flex;box-shadow:0 1px 1px #1c1c1e05}.ds-select-trigger:hover:not(:disabled){border-color:var(--ds-gray-300,#c9c9ce);background:var(--ds-gray-25,#fafafa)}.ds-select-trigger:focus-visible,.ds-select.is-open .ds-select-trigger{border-color:var(--ds-gray-500,#8a8a90);outline:0;box-shadow:0 0 0 3px #23232517}.ds-select-trigger:disabled{color:var(--ds-gray-400,#a3a3a9);background:var(--ds-gray-50,#f7f7f7);cursor:not-allowed}.ds-select-icon{color:var(--ds-gray-500,#8a8a90);flex:none;display:inline-flex}.ds-select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ds-select-chevron{color:var(--ds-gray-500,#8a8a90);transition:transform .14s var(--ds-ease,ease);flex:none}.ds-select.is-open .ds-select-chevron{transform:rotate(180deg)}.ds-select-menu{z-index:100;border:1px solid var(--ds-gray-200,#dddde0);background:var(--ds-gray-0,#fff);width:max-content;min-width:100%;max-width:min(280px,100vw - 24px);max-height:240px;animation:ds-select-in .12s var(--ds-ease,ease-out);border-radius:10px;gap:2px;padding:5px;display:grid;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 12px 30px #1c1c1e24,0 2px 8px #1c1c1e12}.ds-select-option{min-width:128px;height:30px;color:var(--ds-gray-800,#2b2b2e);cursor:pointer;text-align:left;font:inherit;background:0 0;border:0;border-radius:6px;justify-content:space-between;align-items:center;gap:18px;padding:0 9px;display:flex}.ds-select-option:hover,.ds-select-option.is-active{background:var(--ds-gray-75,#f1f1f3);color:var(--ds-gray-900,#1c1c1e)}.ds-select-option[aria-selected=true]{font-weight:500}.ds-select-option[aria-selected=true] svg{color:var(--ds-accent,#232325)}.ds-select-option:disabled{color:var(--ds-gray-400,#a3a3a9);cursor:not-allowed}@keyframes ds-select-in{0%{opacity:0;transform:translateY(-3px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.ds-select-menu{animation:none}.ds-select-chevron{transition:none}}.ds-joined-control{align-items:stretch;display:inline-flex}.ds-joined-control>*{position:relative;border-radius:0!important}.ds-joined-control>:not(:first-child){margin-left:-1px}.ds-joined-control>:first-child{border-radius:var(--ds-radius-md) 0 0 var(--ds-radius-md)!important}.ds-joined-control>:last-child{border-radius:0 var(--ds-radius-md) var(--ds-radius-md) 0!important}.ds-joined-control>.ds-select .ds-select-trigger{border-radius:inherit}.ds-joined-control>:focus,.ds-joined-control>:focus-visible{z-index:1}.ds-showcase-page{background:var(--ds-gray-900);grid-template-rows:40px minmax(0,1fr);min-width:1040px;height:100vh;display:grid;overflow:auto}.ds-reference-note{background:var(--ds-gray-900);min-width:1040px;color:var(--ds-gray-0);justify-content:space-between;align-items:center;padding:0 16px;font-size:12px;display:flex}.ds-reference-note>div{align-items:center;gap:10px;display:flex}.ds-reference-note>div>span:last-child{color:var(--ds-gray-400)}.ds-reference-note a{color:var(--ds-gray-300);text-decoration:none}.ds-reference-note a:hover{color:#fff}.ds-app-shell{background:var(--ds-gray-50);border-radius:14px 14px 0 0;grid-template-rows:48px minmax(0,1fr);min-width:1040px;min-height:700px;display:grid;overflow:hidden}.ds-app-header{z-index:3;border-bottom:1px solid var(--ds-gray-200);background:var(--ds-gray-0);grid-template-columns:1fr auto 1fr;align-items:center;padding:0 12px;display:grid;position:relative}.ds-header-side{align-items:center;gap:6px;min-width:0;display:flex}.ds-header-left{gap:10px}.ds-header-actions{justify-content:flex-end;gap:2px}.ds-header-actions .ds-button{margin-left:7px}.ds-brand{white-space:nowrap;letter-spacing:-.01em;align-items:center;gap:9px;font-size:14px;display:flex}.ds-brand>span{background:var(--ds-accent);border-radius:6px;width:22px;height:22px}.ds-header-divider{background:var(--ds-gray-200);width:1px;height:22px;margin:0 4px}.ds-select-button{width:101px;height:31px}.ds-app-body{grid-template-columns:52px 262px minmax(390px,1fr) 302px;min-height:0;display:grid;overflow:hidden}.ds-tool-rail{border-right:1px solid var(--ds-gray-200);background:var(--ds-gray-75);flex-direction:column;align-items:center;gap:4px;min-height:0;padding:12px 0 10px;display:flex}.ds-rail-spacer{flex:1}.ds-avatar{background:var(--ds-amber-bg);width:28px;height:28px;color:var(--ds-amber-fg);border-radius:50%;justify-content:center;align-items:center;font-size:12px;font-weight:600;display:inline-flex}.ds-elements-panel{border-right:1px solid var(--ds-gray-200);background:var(--ds-gray-75);flex-direction:column;min-height:0;display:flex;overflow:hidden}.ds-panel-head{gap:12px;padding:16px 16px 12px;display:grid}.ds-panel-head h2{letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.ds-elements-body,.ds-library-body{min-height:0;padding:0 16px 16px;overflow-y:auto}.ds-section-label,.ds-inspector-group{color:var(--ds-gray-400);letter-spacing:.06em;text-transform:uppercase;margin:2px 0 8px;font-size:11px;font-weight:500;display:block}.ds-element-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ds-library-body{flex-direction:column;gap:10px;display:flex}.ds-filter-chips{gap:6px;display:flex;overflow:hidden}.ds-filter-chips .ds-button{border-radius:999px;flex:none}.ds-library-card{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-lg);background:#fff;overflow:hidden}.ds-library-card>small,.ds-library-card>strong,.ds-library-card>p{margin-inline:11px;display:block}.ds-library-card>small{color:var(--ds-purple-fg);letter-spacing:.06em;text-transform:uppercase;margin-top:9px;font-size:10px;font-weight:600}.ds-library-card>strong{margin-top:3px;font-size:13px}.ds-library-card>p{color:var(--ds-gray-400);margin-top:4px;margin-bottom:11px;font-size:11px;line-height:1.4}.ds-library-thumb{border-bottom:1px solid var(--ds-gray-100);background:var(--ds-gray-100);flex-direction:column;justify-content:center;gap:5px;height:76px;padding:0 34px;display:flex}.ds-library-thumb span{background:var(--ds-gray-300);border-radius:3px;height:5px}.ds-library-thumb span:nth-child(2){width:80%}.ds-library-thumb span:nth-child(3){width:55%}.ds-library-thumb-2,.ds-library-thumb-3{background:var(--ds-gray-75)}.ds-canvas-column{grid-template-rows:48px minmax(0,1fr);min-width:0;min-height:0;display:grid}.ds-canvas-toolbar{z-index:2;border-bottom:1px solid var(--ds-gray-200);background:var(--ds-gray-0);justify-content:space-between;align-items:center;gap:12px;padding:0 16px;display:flex;position:relative}.ds-mode-chips,.ds-canvas-controls{align-items:center;gap:6px;display:flex}.ds-mode-chips>span{background:var(--ds-gray-75);height:26px;color:var(--ds-gray-600);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:12px;display:inline-flex}.ds-mode-chips i{background:var(--ds-green);border-radius:50%;width:6px;height:6px}.ds-mode-chips code{color:var(--ds-gray-900);font-family:var(--ds-font-mono);font-size:11px}.ds-canvas-controls{gap:1px}.ds-canvas-controls .ds-icon-button{width:30px;height:28px}.ds-canvas-controls .ds-icon-button.is-active{background:var(--ds-gray-75);color:var(--ds-gray-900)}.ds-canvas-controls output{min-width:39px;color:var(--ds-gray-600);text-align:center;font-size:12px}.ds-control-divider{background:var(--ds-gray-200);width:1px;height:20px;margin:0 5px}.ds-canvas-desk{background:linear-gradient(150deg, var(--ds-desk-top), var(--ds-desk-bottom));justify-content:center;align-items:flex-start;min-height:0;padding:34px 24px;display:flex;overflow:auto}.ds-page-frame{aspect-ratio:1.17;border-radius:var(--ds-radius-lg);width:min(100%,700px);box-shadow:var(--ds-shadow-lg);transition:width .18s var(--ds-ease);background:#fff;outline:2px solid #23232524;flex:none;overflow:hidden}.ds-page-frame--wide{width:min(100%,780px)}.ds-page-frame--desktop{width:min(100%,700px)}.ds-page-frame--tablet{width:500px}.ds-page-frame--mobile{width:300px}.ds-page-frame--mobile .ds-page-preview{transform-origin:0 0;width:820px;transform:scale(.365)}.ds-page-preview{width:100%;height:100%;color:var(--ds-gray-900);background:#fff;grid-template-columns:1.1fr .9fr;align-items:start;gap:5%;padding:8.5% 7%;display:grid;position:relative}.ds-page-copy{min-width:0}.ds-new-label{align-items:center;gap:8px;margin-bottom:17px;display:flex}.ds-new-label>span:last-child{color:var(--ds-gray-400);font-size:clamp(5px,.55vw,8px)}.ds-page-copy h1{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2.6vw,39px);line-height:.98}.ds-page-copy>p{max-width:390px;color:var(--ds-gray-600);margin:21px 0 18px;font-size:clamp(7px,.73vw,11px);line-height:1.5}.ds-page-actions{gap:8px;display:flex}.ds-page-actions .ds-button{height:27px;padding:0 12px;font-size:9px}.ds-page-metrics{border-top:1px solid var(--ds-gray-200);grid-template-columns:repeat(3,1fr);gap:16px;margin-top:31px;padding-top:21px;display:grid}.ds-page-metrics small{color:var(--ds-gray-500);font-size:clamp(5px,.53vw,8px);display:block}.ds-page-metrics strong{margin-top:6px;font-size:clamp(13px,1.5vw,22px);display:block}.ds-page-metrics em{color:var(--ds-green-fg);font-size:clamp(5px,.5vw,7px);font-style:normal;font-weight:500}.ds-page-metrics svg{width:100%;color:var(--ds-gray-900);margin-top:7px}.ds-mini-contact-card{border:1px solid var(--ds-gray-200);box-shadow:var(--ds-shadow-lg);background:#fff;border-radius:11px;margin-top:38px;overflow:hidden}.ds-mini-card-head,.ds-mini-card-foot{justify-content:space-between;align-items:center;height:37px;padding:0 13px;display:flex}.ds-mini-card-head{border-bottom:1px solid var(--ds-gray-100)}.ds-mini-card-head strong{font-size:9px}.ds-mini-card-head strong span{background:var(--ds-gray-75);color:var(--ds-gray-500);border-radius:4px;margin-left:4px;padding:2px 5px}.ds-mini-card-head>div{border:1px solid var(--ds-gray-200);color:var(--ds-gray-400);border-radius:5px;align-items:center;gap:3px;padding:5px 8px;font-size:7px;display:flex}.ds-mini-contact{border-bottom:1px solid var(--ds-gray-100);align-items:center;gap:9px;min-height:43px;padding:0 13px;display:flex}.ds-mini-avatar{border-radius:50%;flex:none;justify-content:center;align-items:center;width:23px;height:23px;font-size:7px;font-weight:600;display:inline-flex}.ds-mini-avatar-green{background:var(--ds-green-bg);color:var(--ds-green-fg)}.ds-mini-avatar-blue{background:var(--ds-blue-bg);color:var(--ds-blue-fg)}.ds-mini-avatar-amber{background:var(--ds-amber-bg);color:var(--ds-amber-fg)}.ds-mini-avatar-neutral{background:var(--ds-gray-100);color:var(--ds-gray-500)}.ds-mini-contact>span:nth-child(2){flex:1;min-width:0}.ds-mini-contact strong,.ds-mini-contact small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ds-mini-contact strong{font-size:8px}.ds-mini-contact small{color:var(--ds-gray-400);margin-top:2px;font-size:7px}.ds-mini-contact .ds-status{min-height:16px;padding:0 5px;font-size:7px}.ds-mini-card-foot{color:var(--ds-gray-400);font-size:7px}.ds-mini-card-foot strong{color:var(--ds-gray-700);font-weight:500}.ds-properties-panel{border-left:1px solid var(--ds-gray-200);background:var(--ds-gray-0);flex-direction:column;min-height:0;display:flex;overflow:hidden}.ds-selected-element{border-bottom:1px solid var(--ds-gray-200);gap:12px;padding:14px 16px;display:grid}.ds-selected-element>div{justify-content:space-between;align-items:center;gap:8px;display:flex}.ds-selected-element>div:first-child>span{border-radius:var(--ds-radius-sm);background:var(--ds-gray-75);width:24px;height:24px;color:var(--ds-gray-600);justify-content:center;align-items:center;display:inline-flex}.ds-selected-element code{font-family:var(--ds-font-mono);flex:1}.ds-selected-element>div>div{display:flex}.ds-selected-element .ds-icon-button{width:26px;height:26px}.ds-selected-element>div:last-child>span{color:var(--ds-gray-400);font-size:12px}.ds-selected-element .ds-segmented button{height:24px;padding:0 9px;font-size:12px}.ds-inspector-scroll{min-height:0;overflow-y:auto}.ds-inspector-group{margin:0;padding:14px 16px 6px}.ds-simple-panel{flex-direction:column;gap:12px;min-height:0;padding:16px;display:flex;overflow-y:auto}.ds-simple-panel>.ds-section-label{margin-top:3px}.ds-token-row,.ds-type-row{align-items:center;gap:10px;min-height:28px;display:flex}.ds-token-row i{border:1px solid var(--ds-gray-200);border-radius:6px;width:23px;height:23px}.ds-token-row span,.ds-type-row span{flex:1}.ds-token-row code,.ds-type-row code{color:var(--ds-gray-400);font-family:var(--ds-font-mono);font-size:11px}.ds-simple-panel label{color:var(--ds-gray-500);gap:6px;font-size:12px;display:grid}.ds-simple-panel input,.ds-simple-panel select{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-md);height:35px;color:var(--ds-gray-900);background:#fff;padding:0 11px}.ds-joined-demo{width:176px}.ds-joined-demo input{flex:1;min-width:0}.ds-joined-demo select{width:58px;padding-inline:8px}.ds-toggle-row{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.ds-toggle-row button{background:var(--ds-accent);border:0;border-radius:999px;width:38px;height:22px;position:relative}.ds-toggle-row i{background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:2px;right:2px}@media (width<=1180px){.ds-app-body{grid-template-columns:52px 238px minmax(390px,1fr) 280px}.ds-mode-chips>span:nth-child(2){display:none}.ds-canvas-toolbar{padding-inline:10px}.ds-page-copy>p{margin-top:14px}.ds-page-metrics{margin-top:22px}}.cadence-ds.onboarding-page,.cadence-ds.onboarding-loading{background:var(--ds-gray-75);min-height:100vh;color:var(--ds-gray-900)}.cadence-ds.onboarding-loading{place-items:center;display:grid}.onboarding-topbar{z-index:20;border-bottom:1px solid var(--ds-gray-200);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:52px;padding:0 18px;display:grid;position:sticky;top:0}.onboarding-topbar-side{align-items:center;gap:9px;min-width:0;display:flex}.onboarding-topbar-actions{justify-content:flex-end}.onboarding-back{margin-left:-8px}.onboarding-topbar-divider{background:var(--ds-gray-200);width:1px;height:20px}.onboarding-brand{white-space:nowrap;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.onboarding-brand>i{border-radius:var(--ds-radius-sm);background:var(--ds-accent);width:20px;height:20px}.onboarding-project-title{text-align:center;min-width:160px;display:grid}.onboarding-project-title span{color:var(--ds-gray-400);font-size:10px}.onboarding-project-title strong{color:var(--ds-gray-800);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.onboarding-progress{z-index:19;background:var(--ds-gray-150);height:3px;position:sticky;top:52px;overflow:hidden}.onboarding-progress span{background:var(--ds-accent);height:100%;transition:width .18s var(--ds-ease);display:block}.onboarding-shell{grid-template-columns:220px minmax(560px,1fr) 292px;align-items:start;gap:20px;width:min(1440px,100%);margin:0 auto;padding:28px;display:grid}.onboarding-rail,.onboarding-summary{position:sticky;top:83px}.onboarding-rail{gap:22px;padding:6px 4px;display:grid}.onboarding-rail-intro{justify-items:start;gap:9px;display:grid}.onboarding-rail-intro h2{letter-spacing:-.015em;margin:2px 0 0;font-size:16px;font-weight:600}.onboarding-rail-intro p{color:var(--ds-gray-500);margin:0;font-size:12px;line-height:1.55}.onboarding-checklist{gap:4px;margin:0;padding:0;list-style:none;display:grid}.onboarding-checklist li{border-radius:var(--ds-radius-md);align-items:center;gap:10px;min-height:44px;padding:7px 8px;display:flex}.onboarding-checklist li:first-child{background:var(--ds-gray-100)}.onboarding-checklist li>span{border:1px solid var(--ds-gray-300);background:var(--ds-gray-0);width:24px;height:24px;color:var(--ds-gray-500);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:10px;font-weight:600;display:inline-flex}.onboarding-checklist li.is-complete>span{border-color:var(--ds-green-bg);background:var(--ds-green-bg);color:var(--ds-green-fg)}.onboarding-checklist li>div{gap:2px;min-width:0;display:grid}.onboarding-checklist strong{font-size:12px;font-weight:500}.onboarding-checklist small{color:var(--ds-gray-400);font-size:10px}.onboarding-checklist li.is-complete small{color:var(--ds-green-fg)}.onboarding-rail-note{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-lg);background:var(--ds-gray-50);color:var(--ds-gray-500);align-items:flex-start;gap:8px;padding:11px;display:flex}.onboarding-rail-note svg{color:var(--ds-purple-fg);flex:none;margin-top:1px}.onboarding-rail-note p{margin:0;font-size:10px;line-height:1.5}.onboarding-rail-note strong{color:var(--ds-gray-700);font-weight:600}.onboarding-workspace{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-xl);background:var(--ds-gray-0);min-width:0;box-shadow:var(--ds-shadow-xs);overflow:hidden}.onboarding-workspace-header{border-bottom:1px solid var(--ds-gray-200);background:var(--ds-gray-25);justify-content:space-between;align-items:flex-start;gap:24px;padding:28px;display:flex}.onboarding-workspace-header>div{min-width:0}.onboarding-kicker{color:var(--ds-purple-fg);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.onboarding-workspace-header h1{letter-spacing:-.035em;margin:11px 0 8px;font-size:clamp(24px,3vw,34px);font-weight:600;line-height:1.08}.onboarding-workspace-header p{max-width:620px;color:var(--ds-gray-500);margin:0;font-size:13px;line-height:1.55}.onboarding-workspace-header>.ds-status{flex:none;margin-top:2px}.onboarding-form{display:grid}.onboarding-form-section{border-bottom:1px solid var(--ds-gray-100);grid-template-columns:168px minmax(0,1fr);gap:28px;padding:26px 28px 30px;display:grid}.onboarding-section-heading{align-items:flex-start;gap:10px;display:flex}.onboarding-section-heading>span{border-radius:var(--ds-radius-md);background:var(--ds-gray-75);width:30px;height:30px;color:var(--ds-gray-600);flex:none;justify-content:center;align-items:center;display:inline-flex}.onboarding-section-heading h2{margin:0;font-size:13px;font-weight:600}.onboarding-section-heading p{color:var(--ds-gray-400);margin:5px 0 0;font-size:10px;line-height:1.45}.onboarding-section-fields{gap:20px;min-width:0;display:grid}.onboarding-field-grid{grid-template-columns:1fr 1fr;align-items:start}.onboarding-choice-fieldset{border:0;min-width:0;margin:0;padding:0}.onboarding-choice-fieldset>legend{color:var(--ds-gray-800);margin-bottom:8px;font-size:12px;font-weight:600}.onboarding-goal-grid,.onboarding-brand-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.onboarding-form-actions{background:var(--ds-gray-25);justify-content:space-between;align-items:center;gap:20px;min-height:70px;padding:16px 28px;display:flex}.onboarding-form-actions>div{justify-content:flex-end;align-items:center;gap:14px;display:flex}.onboarding-form-actions>div>span{color:var(--ds-gray-400);font-size:11px}.onboarding-form-actions .ds-button--primary{min-width:126px}.onboarding-summary{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-xl);background:var(--ds-gray-0);box-shadow:var(--ds-shadow-xs);overflow:hidden}.onboarding-summary>header{border-bottom:1px solid var(--ds-gray-100);justify-content:space-between;align-items:flex-start;gap:12px;padding:17px 17px 15px;display:flex}.onboarding-summary>header h2{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:8px 0 0;font-size:14px;font-weight:600;overflow:hidden}.onboarding-summary>header svg{color:var(--ds-gray-400)}.onboarding-summary dl{margin:0;padding:5px 17px}.onboarding-summary dl div{border-bottom:1px solid var(--ds-gray-100);padding:10px 0}.onboarding-summary dl div:last-child{border-bottom:0}.onboarding-summary dt{color:var(--ds-gray-400);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:500}.onboarding-summary dd{overflow-wrap:anywhere;color:var(--ds-gray-700);margin:4px 0 0;font-size:11px;line-height:1.4}.onboarding-sitemap{border-top:1px solid var(--ds-gray-100);padding:14px 17px 16px}.onboarding-summary-heading{color:var(--ds-gray-500);align-items:center;gap:7px;display:flex}.onboarding-summary-heading h3{color:var(--ds-gray-800);margin:0;font-size:11px;font-weight:600}.onboarding-sitemap ul{gap:10px;margin:13px 0 0;padding:0;list-style:none;display:grid}.onboarding-sitemap li{grid-template-columns:56px 1fr;gap:7px;display:grid}.onboarding-sitemap strong{font-size:10px;font-weight:600}.onboarding-sitemap span{color:var(--ds-gray-400);font-size:9px;line-height:1.4}.onboarding-capability{border-radius:var(--ds-radius-lg);background:var(--ds-amber-bg);color:var(--ds-amber-fg);margin:0 10px 10px;padding:12px}.onboarding-capability strong{font-size:10px;font-weight:600}.onboarding-capability p{margin:4px 0 0;font-size:9px;line-height:1.45}@media (width<=1180px){.onboarding-shell{grid-template-columns:minmax(540px,1fr) 280px}.onboarding-rail{display:none}}@media (width<=880px){.onboarding-topbar{grid-template-columns:1fr auto}.onboarding-project-title{display:none}.onboarding-shell{grid-template-columns:minmax(0,1fr)}.onboarding-summary{position:static}.onboarding-summary dl{grid-template-columns:1fr 1fr;column-gap:20px;display:grid}}@media (width<=640px){.onboarding-topbar{padding-inline:10px}.onboarding-topbar-divider,.onboarding-brand{display:none}.onboarding-topbar-actions .ds-status{text-overflow:ellipsis;white-space:nowrap;max-width:98px;overflow:hidden}.onboarding-shell{padding:12px}.onboarding-workspace-header{gap:14px;padding:22px 18px;display:grid}.onboarding-form-section{grid-template-columns:1fr;gap:18px;padding:22px 18px}.onboarding-section-heading p{max-width:280px}.onboarding-goal-grid,.onboarding-brand-grid,.onboarding-field-grid{grid-template-columns:1fr}.onboarding-form-actions{flex-direction:column-reverse;align-items:stretch;padding:16px 18px}.onboarding-form-actions>div{flex-direction:column;align-items:stretch;gap:8px}.onboarding-form-actions .ds-button{width:100%}.onboarding-summary dl{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.onboarding-progress span{transition:none}}.cadence-ds.projects-page{background:var(--ds-gray-75);min-height:100vh;color:var(--ds-gray-900)}.projects-topbar{z-index:20;border-bottom:1px solid var(--ds-gray-200);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:52px;padding:0 18px;display:grid;position:sticky;top:0}.projects-topbar>.ds-button{justify-self:end}.projects-brand{width:fit-content;color:var(--ds-gray-900);align-items:center;gap:9px;text-decoration:none;display:inline-flex}.projects-brand>i,.projects-brand>span{border-radius:var(--ds-radius-sm);background:var(--ds-accent);flex:none;width:22px;height:22px}.projects-brand strong{letter-spacing:-.01em;font-size:13px;font-weight:600}.projects-topbar-title{color:var(--ds-gray-500);font-size:11px;font-weight:500}.projects-topbar-left{align-items:center;gap:9px;display:flex}.projects-topbar-left>.ds-button{margin-left:-8px}.projects-topbar-left>i{background:var(--ds-gray-200);width:1px;height:20px}.projects-topbar-placeholder{justify-self:end;width:92px}.projects-shell{width:min(1160px,100%);margin:0 auto;padding:54px 28px 88px}.projects-hero{justify-items:stretch;width:min(760px,100%);margin:0 auto;display:grid}.projects-hero-copy{text-align:center;justify-items:center;display:grid}.projects-hero-copy h1{letter-spacing:-.05em;max-width:680px;margin:16px 0 11px;font-size:clamp(34px,5vw,52px);font-weight:600;line-height:1.02}.projects-hero-copy p{max-width:590px;color:var(--ds-gray-500);margin:0;font-size:14px;line-height:1.6}.projects-composer{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-xl);background:var(--ds-gray-0);box-shadow:var(--ds-shadow-lg);text-align:left;gap:14px;margin-top:30px;padding:18px;display:grid}.projects-composer-heading{align-items:center;gap:10px;display:flex}.projects-composer-heading>span{border-radius:var(--ds-radius-md);background:var(--ds-purple-bg);width:30px;height:30px;color:var(--ds-purple-fg);flex:none;justify-content:center;align-items:center;display:inline-flex}.projects-composer-heading>div{gap:2px;display:grid}.projects-composer-heading label{color:var(--ds-gray-800);font-size:12px;font-weight:600}.projects-composer-heading small{color:var(--ds-gray-400);font-size:10px}.projects-composer .ds-textarea{border-color:var(--ds-gray-200);background:var(--ds-gray-25);min-height:108px;font-size:14px}.projects-composer footer{justify-content:space-between;align-items:center;gap:16px;display:flex}.projects-composer footer>span{color:var(--ds-green-fg);align-items:center;gap:6px;font-size:10px;display:inline-flex}.projects-composer footer .ds-button{min-width:126px}.projects-explore{border-radius:var(--ds-radius-lg);width:100%;min-height:58px;color:var(--ds-gray-700);cursor:pointer;text-align:left;transition:border-color .12s var(--ds-ease), background .12s var(--ds-ease);background:0 0;border:1px solid #0000;align-items:center;gap:11px;margin-top:12px;padding:9px 12px;display:flex}.projects-explore:hover{border-color:var(--ds-gray-200);background:var(--ds-gray-50)}.projects-explore>span{border-radius:var(--ds-radius-md);background:var(--ds-gray-100);width:32px;height:32px;color:var(--ds-gray-500);flex:none;justify-content:center;align-items:center;display:inline-flex}.projects-explore>div{flex:1;gap:3px;min-width:0;display:grid}.projects-explore strong{font-size:11px;font-weight:600}.projects-explore small{color:var(--ds-gray-400);font-size:10px}.projects-explore>svg{color:var(--ds-gray-400)}.projects-list{border-top:1px solid var(--ds-gray-200);margin-top:64px;padding-top:28px}.projects-list>header{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:18px;display:flex}.projects-list>header h2{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:600}.projects-list>header p{color:var(--ds-gray-400);margin:5px 0 0;font-size:11px}.projects-list>header>span{color:var(--ds-gray-400);font-size:10px}.projects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.projects-card{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-xl);background:var(--ds-gray-0);min-width:0;box-shadow:var(--ds-shadow-xs);grid-template-rows:auto 1fr auto;display:grid;overflow:hidden}.projects-card-preview{border-bottom:1px solid var(--ds-gray-100);background:linear-gradient(145deg, var(--ds-gray-100), var(--ds-gray-50));place-items:center;height:116px;display:grid;position:relative}.projects-card-preview>span{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-lg);background:var(--ds-gray-0);width:44px;height:44px;color:var(--ds-gray-700);box-shadow:var(--ds-shadow-xs);justify-content:center;align-items:center;font-size:18px;font-weight:600;display:inline-flex}.projects-card-preview>svg{color:var(--ds-gray-300);position:absolute;bottom:11px;right:12px}.projects-card-body{min-width:0;padding:15px 15px 12px}.projects-card-body h3{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;margin:10px 0 5px;font-size:14px;font-weight:600;overflow:hidden}.projects-card-body p{min-height:34px;color:var(--ds-gray-500);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:10px;line-height:1.5;display:-webkit-box;overflow:hidden}.projects-card>footer{border-top:1px solid var(--ds-gray-100);background:var(--ds-gray-25);justify-content:space-between;align-items:center;gap:10px;min-height:50px;padding:9px 12px 9px 15px;display:flex}.projects-card>footer>span{color:var(--ds-gray-400);font-size:9px}.projects-empty{border:1px dashed var(--ds-gray-300);border-radius:var(--ds-radius-xl);text-align:center;align-content:center;place-items:center;gap:7px;min-height:190px;padding:28px;display:grid}.projects-empty>span{border-radius:var(--ds-radius-lg);background:var(--ds-gray-100);width:38px;height:38px;color:var(--ds-gray-500);justify-content:center;align-items:center;display:inline-flex}.projects-empty h3{margin:3px 0 0;font-size:13px;font-weight:600}.projects-empty p{max-width:320px;color:var(--ds-gray-400);margin:0;font-size:10px;line-height:1.5}.new-project-shell{width:min(920px,100%);margin:0 auto;padding:58px 28px 88px}.new-project-heading{text-align:center;justify-items:center;display:grid}.new-project-heading h1{letter-spacing:-.045em;margin:16px 0 10px;font-size:clamp(32px,5vw,46px);font-weight:600;line-height:1.04}.new-project-heading p{max-width:610px;color:var(--ds-gray-500);margin:0;font-size:13px;line-height:1.6}.new-project-grid{grid-template-columns:1fr 1fr;gap:14px;margin-top:34px;display:grid}.new-project-method{border:1px solid var(--ds-gray-200);border-radius:var(--ds-radius-xl);background:var(--ds-gray-0);min-width:0;min-height:230px;color:var(--ds-gray-900);box-shadow:var(--ds-shadow-xs);text-align:left;flex-direction:column;justify-content:space-between;gap:24px;padding:20px;display:flex}button.new-project-method{cursor:pointer;transition:border-color .12s var(--ds-ease), box-shadow .12s var(--ds-ease), transform .12s var(--ds-ease)}button.new-project-method:hover{border-color:var(--ds-gray-400);transform:translateY(-1px);box-shadow:0 8px 24px #1c1c1e14}.new-project-method.is-featured{border-color:var(--ds-gray-700);box-shadow:0 0 0 1px var(--ds-gray-700), var(--ds-shadow-xs)}.new-project-method-top{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.new-project-method-top>span:first-child{border-radius:var(--ds-radius-lg);background:var(--ds-gray-100);width:40px;height:40px;color:var(--ds-gray-600);justify-content:center;align-items:center;display:inline-flex}.new-project-method.is-featured .new-project-method-top>span:first-child{background:var(--ds-purple-bg);color:var(--ds-purple-fg)}.new-project-method h2{letter-spacing:-.02em;margin:0;font-size:17px;font-weight:600}.new-project-method p{color:var(--ds-gray-500);margin:8px 0 0;font-size:11px;line-height:1.55}.new-project-method footer{border-top:1px solid var(--ds-gray-100);justify-content:space-between;align-items:center;gap:12px;padding-top:14px;display:flex}.new-project-method footer>span{color:var(--ds-gray-400);font-size:9px}.new-project-method footer>strong{color:var(--ds-gray-800);align-items:center;gap:5px;font-size:10px;font-weight:600;display:inline-flex}.new-project-method.is-unavailable{background:var(--ds-gray-50);box-shadow:none}.new-project-method.is-unavailable h2,.new-project-method.is-unavailable p,.new-project-method.is-unavailable footer{opacity:.66}.new-project-note{width:fit-content;color:var(--ds-gray-400);align-items:center;gap:7px;margin:18px auto 0;display:flex}.new-project-note p{margin:0;font-size:10px}@media (width<=840px){.projects-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.projects-topbar{grid-template-columns:1fr auto;padding-inline:10px}.projects-topbar-title,.projects-topbar-placeholder,.projects-topbar-left>i,.projects-topbar-left .projects-brand{display:none}.projects-shell{padding:38px 14px 64px}.projects-hero-copy h1{font-size:36px}.projects-composer{padding:14px}.projects-composer footer{flex-direction:column;align-items:stretch}.projects-composer footer .ds-button{width:100%}.projects-explore small{white-space:normal}.projects-list{margin-top:46px}.projects-grid,.new-project-grid{grid-template-columns:1fr}.new-project-shell{padding:42px 14px 64px}.new-project-heading h1{font-size:34px}.new-project-method{min-height:210px}}@media (prefers-reduced-motion:reduce){button.new-project-method{transition:none}}