.studio,.studio-modal-shade,.studio-context-menu{--text:#37352f;--muted:#787774;--paper:#fff;--surface:#f7f7f5;--line:#e9e9e7;--accent:#454440;--accent-soft:#eaeae7;--brand-accent:#50745e;--danger:#b8463c;--hover:#efefed;--shadow:0 4px 18px #19191916, 0 0 0 1px #19191906;letter-spacing:0;-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Helvetica Neue,sans-serif;font-size:14px;line-height:1.4}:root[data-theme=dark] .studio,:root[data-theme=dark] .studio-modal-shade,:root[data-theme=dark] .studio-context-menu{--text:#e6e6e4;--muted:#a2a29f;--paper:#191919;--surface:#202020;--line:#323231;--accent:#dededb;--accent-soft:#333332;--brand-accent:#a3c6a9;--danger:#f18c80;--hover:#2b2b2a;--shadow:0 5px 24px #0005, 0 0 0 1px #ffffff0a}.studio{background:var(--paper);height:100dvh;color:var(--text);flex-direction:column;display:flex;overflow:hidden}.studio :is(.studio-topbar-brand,.studio-topbar,.studio-sidebar-shell,.workspace-tabs,.surface-toolbar,.studio-context-menu,.studio-dialog,button,summary,[role=button],[data-surface-ui]){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.studio :is(input,textarea,[contenteditable=true]){-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.studio-sidebar{background:var(--surface);border-right:1px solid var(--line);-webkit-user-select:none;user-select:none;flex-direction:column;flex-shrink:0;width:226px;padding:10px;display:flex}.studio-main-nav{flex-shrink:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.studio-sidebar-back{min-height:37px;color:var(--muted);text-align:left;border-radius:7px;flex-shrink:0;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.studio-sidebar-back:hover{background:var(--hover);color:var(--text)}.studio-main-nav button,.studio-sidebar-bottom>button{text-align:center;white-space:nowrap;width:100%;min-width:0;min-height:32px;color:var(--muted);border-radius:5px;justify-content:center;align-items:center;padding:5px 0;font-size:14px;line-height:20px;display:flex}.studio-sidebar-projects{flex:1;min-height:0;margin-top:18px;overflow:auto}.studio-sidebar-label{min-height:28px;color:var(--muted);justify-content:space-between;align-items:center;padding:0 4px 4px 9px;font-size:12px;display:flex}.studio-tree-row{min-height:31px;color:var(--text);border-radius:5px;align-items:center;gap:1px;display:flex}.studio-tree-row:hover{background:var(--hover)}.studio-tree-row.active{background:var(--accent-soft);font-weight:500}.studio-tree-main{text-align:left;border-radius:5px;flex:1;align-items:center;gap:7px;min-width:0;min-height:31px;padding:5px 3px;font-size:14px;line-height:20px;display:flex}.studio-tree-main:hover{background:0 0}.studio-tree-title{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.studio-tree-main svg{color:var(--muted);flex-shrink:0}.studio-tree-chevron{width:20px;height:26px;color:var(--muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.studio-tree-children{margin:1px 0 3px 16px}.studio-row-menu{width:24px;height:24px;color:var(--muted);opacity:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-right:4px;padding:0;transition:opacity .1s,background .1s;display:inline-flex}.studio-tree-row:hover .studio-row-menu,.studio-tree-row:focus-within .studio-row-menu,.studio-project-card:hover .studio-row-menu,.studio-project-card:focus-within .studio-row-menu,.studio-page-list-row:hover .studio-row-menu,.studio-page-list-row:focus-within .studio-row-menu,.studio-row-menu[aria-expanded=true]{opacity:1}.studio-row-menu:hover,button.studio-tree-chevron:hover{color:var(--text);background:var(--line)}.studio-sidebar-bottom{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.studio-main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.studio-topbar{z-index:120;isolation:isolate;box-sizing:border-box;-webkit-app-region:drag;background:var(--paper);border-bottom:1px solid var(--line);flex:0 0 36px;justify-content:space-between;align-items:center;gap:12px;min-width:0;height:36px;padding:0 18px;display:flex;position:relative}.studio-topbar .expandable-search{position:static}.studio-topbar .expandable-search-results{width:min(540px,100% - 24px);top:calc(100% + 6px);right:12px}.studio-topbar button,.studio-header-actions{-webkit-app-region:no-drag}.studio-breadcrumb{color:var(--muted);align-items:center;gap:5px;min-width:0;font-size:13px;display:flex}.studio-breadcrumb button{white-space:nowrap;text-overflow:ellipsis;border-radius:4px;max-width:220px;padding:3px 5px;overflow:hidden}.studio-breadcrumb>span{white-space:nowrap;text-overflow:ellipsis;max-width:250px;overflow:hidden}.studio-breadcrumb-folder{align-items:center;gap:5px;min-width:0;display:inline-flex}.studio-breadcrumb-folder>svg{flex-shrink:0}.studio-header-actions{flex-shrink:1;align-items:center;gap:6px;min-width:0;display:flex}.studio-topbar-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;margin:0;font-size:14px;font-weight:600;overflow:hidden}.studio-topbar-view-actions:empty{display:none}.studio-topbar-view-actions{flex-shrink:0;gap:6px}.studio-search-scopes{border-bottom:1px solid var(--line);gap:6px;padding:10px 12px;display:flex}.studio-search-scopes button{color:var(--muted);border-radius:5px;padding:5px 9px;font-size:12px}.studio-search-scopes button[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}.studio-topbar .component-project-picker select{max-width:150px;min-height:30px;padding-block:3px}.studio-breadcrumb{flex:1;overflow:hidden}.studio-breadcrumb>svg,.studio-breadcrumb>button,.studio-breadcrumb-folder{flex-shrink:1}.studio-page-title-input{width:220px;min-width:50px;color:var(--text);font:inherit;text-overflow:ellipsis;-webkit-app-region:no-drag;background:0 0;border:1px solid #0000;border-radius:5px;flex:220px;padding:4px 6px;font-weight:600}.studio-page-title-input:hover{background:var(--surface)}.studio-page-title-input:focus{border-color:var(--accent);background:var(--paper);outline:none}.studio-scroll{overscroll-behavior:contain;flex:1;overflow:auto}.studio-library{max-width:1220px;margin:0 auto;padding:30px 42px 64px;animation:.15s ease-out studio-enter}.studio-library:has(>.studio-empty:only-child){box-sizing:border-box;flex-direction:column;justify-content:center;min-height:100%;padding-block:30px;display:flex}.studio-section-heading{justify-content:space-between;align-items:center;gap:20px;min-height:48px;margin-bottom:18px;display:flex}.studio-section-heading h1{letter-spacing:-.6px;margin:0;font-size:28px;font-weight:600;line-height:1.25}.studio-section-heading h1+p{color:var(--muted);margin:6px 0 0;font-size:13px}.studio-section-actions{align-items:center;gap:8px;display:flex}.studio-button{border:1px solid var(--line);background:var(--paper);white-space:nowrap;border-radius:5px;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:5px 11px;font-size:14px;line-height:20px;display:inline-flex}.studio-button.primary{background:var(--accent);color:var(--paper);border-color:var(--accent)}.studio-button.danger{background:var(--danger);border-color:var(--danger);color:var(--paper)}.studio-button.primary:hover,.studio-button.danger:hover{filter:brightness(.93)}.studio-icon{width:28px;height:28px;color:var(--muted);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.studio-text-button{color:var(--text);border-radius:4px;align-items:center;gap:6px;padding:4px 0;font-size:13px;display:inline-flex}.studio-text-button:hover{background:0 0;text-decoration:underline}.studio-library-toolbar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;min-height:32px;margin-bottom:12px;font-size:12px;display:flex}.studio-search{border:1px solid var(--line);border-radius:5px;align-items:center;gap:7px;min-height:32px;padding:5px 9px;display:flex}.studio-search input{background:0 0;border:0;outline:none;width:160px;font-size:14px;line-height:20px}.studio-search input::placeholder{color:var(--muted)}.studio-project-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;display:grid}.studio-project-card{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-width:0;min-height:110px;transition:background .12s,border-color .12s;position:relative}.studio-project-card:hover{border-color:color-mix(in srgb, var(--text) 18%, var(--line));background:var(--surface)}.studio-card-open{text-align:left;border-radius:7px;grid-template-columns:26px minmax(0,1fr);align-content:center;gap:3px 11px;width:100%;min-height:108px;padding:14px;display:grid}.studio-card-open:hover{background:0 0}.studio-project-card>.studio-row-menu{margin:0;position:absolute;top:7px;right:5px}.studio-folder-symbol{min-height:24px;color:var(--muted);grid-area:1/1/span 3;justify-content:center;align-self:start;align-items:center;display:inline-flex}.studio-project-card h2{letter-spacing:-.15px;white-space:nowrap;text-overflow:ellipsis;grid-column:2;min-width:0;margin:0;padding-right:18px;font-size:15px;font-weight:600;line-height:22px;overflow:hidden}.studio-project-card p{color:var(--muted);grid-column:2;margin:0;font-size:12px;line-height:18px}.studio-project-card footer{color:var(--muted);grid-column:2;font-size:12px;line-height:18px}.studio-empty{min-height:260px;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.studio-empty>svg{color:var(--accent);opacity:.65;margin-bottom:16px}.studio-empty h2{color:var(--text);letter-spacing:-.5px;margin:0 0 10px;font-size:20px;font-weight:500}.studio-empty p{margin:0 0 18px;font-size:14px;line-height:1.65}.studio-page-list{border-top:1px solid var(--line)}.studio-page-list-row{border-bottom:1px solid var(--line);align-items:center;gap:4px;min-height:48px;display:flex}.studio-page-list-row:hover{background:var(--hover)}.studio-page-list-open:hover{background:0 0}.studio-page-list-open{text-align:left;flex:1;align-items:center;gap:11px;min-width:0;min-height:48px;padding:5px 8px;display:flex}.studio-page-list-icon{width:28px;height:28px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;font-size:21px;display:flex}.studio-page-list-open>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.studio-page-list strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.studio-page-list-open time{flex-shrink:0;margin-left:auto}.studio-page-list time{color:var(--muted);white-space:nowrap;font-size:12px}.studio-page-list-open>svg{color:var(--muted);flex-shrink:0;margin-left:6px}.studio-recent-page-details{flex-direction:column;gap:2px;display:flex}.studio-recent-page-project{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:12px;overflow:hidden}.studio-recent-pages .studio-page-list-open{min-height:60px}.studio-editor-page{max-width:1000px;margin:0 auto;padding:48px 66px 110px;animation:.15s ease-out studio-enter}.studio-editor-page .document-content{letter-spacing:0;font-size:16px;line-height:1.75}.studio-page-title{resize:none;letter-spacing:-.65px;width:100%;color:var(--text);background:0 0;border:0;margin:0 0 25px;padding:0;font-size:34px;font-weight:600;line-height:1.35;display:block;overflow:hidden;outline:none!important}.studio-page-title::placeholder{color:var(--muted);opacity:.65}.studio-template-grid{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:14px;display:grid}.studio-template-card{border:1px solid var(--line);border-radius:7px;overflow:hidden}.studio-template-art{background:var(--surface);justify-content:center;align-items:flex-end;width:100%;height:118px;padding-top:14px;display:flex;overflow:hidden}.template-sheet{background:var(--paper);border:1px solid var(--line);border-radius:4px 4px 0 0;width:120px;height:112px;padding:15px 13px;transition:transform .18s;transform:translateY(7px)}.studio-template-art:hover .template-sheet{transform:translateY(3px)}.template-sheet i{background:var(--line);border-radius:1px;width:100%;height:3px;margin-bottom:6px;display:block}.template-sheet i:first-child{background:color-mix(in srgb, var(--text) 30%, var(--line));width:62%;height:6px;margin-bottom:12px}.template-sheet i:nth-child(3){width:78%}.template-sheet>div{background:var(--accent-soft);border-radius:2px;height:24px;margin:10px 0}.art-2 .template-sheet>div{background:repeating-linear-gradient(90deg, var(--accent-soft) 0 24px, transparent 24px 28px)}.studio-template-info>div{justify-content:space-between;align-items:center;gap:10px;display:flex}.studio-template-info h2{margin:0;font-size:14px;font-weight:500}.studio-tag{white-space:nowrap;border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:1px 5px;font-size:12px;font-weight:400;line-height:1.4}.studio-template-info p{color:var(--muted);min-height:36px;margin:8px 0;font-size:12px;line-height:1.5}.studio-caption{color:var(--muted);margin-top:14px;font-size:12px;line-height:1.6}.studio-filter-tabs{gap:2px;display:flex}.studio-filter-tabs button{border-radius:5px;min-height:31px;padding:5px 10px;font-size:14px}.studio-filter-tabs button.active{background:var(--accent-soft);color:var(--accent)}[data-indicator]{isolation:isolate;position:relative}[data-indicator]:before{content:"";z-index:-1;width:var(--indicator-width,0);height:var(--indicator-height,0);translate:var(--indicator-x,0) var(--indicator-y,0);pointer-events:none;position:absolute;top:0;left:0}[data-indicator=ready]:before{transition:translate var(--duration-base) var(--ease-out), width var(--duration-base) var(--ease-out)}.studio-filter-tabs[data-indicator]:before{background:var(--accent-soft);border-radius:7px}.studio-filter-tabs[data-indicator]>button[aria-pressed]{background:0 0;border-bottom-color:#0000;font-weight:500}.studio-filter-tabs[data-indicator]>button[aria-pressed=true]{color:var(--accent)}.studio-detail-tabs.catalog-tabs[data-indicator]:before{height:3px;translate:var(--indicator-x,0) 0;background:var(--brand-accent);top:auto;bottom:0}.studio-detail-tabs.catalog-tabs[data-indicator]>button[role=tab][aria-selected]{border-bottom-color:#0000}.studio-component-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:12px;display:grid}.studio-component-card{text-align:left;border:1px solid var(--line);border-radius:7px;align-items:flex-start;gap:12px;padding:15px;display:flex}.studio-component-symbol{background:var(--accent-soft);width:36px;height:36px;color:var(--text);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-size:25px;font-weight:300;display:flex}.studio-component-card>div:last-child{flex:1;min-width:0}.studio-component-card h2{align-items:center;gap:7px;margin:0 0 5px;font-size:15px;font-weight:500;display:flex}.studio-component-card p{color:var(--muted);margin:0 0 8px;font-size:13px;line-height:1.6}.studio-component-card footer{color:var(--muted);font-size:12px;line-height:1.5}.studio-modal-shade{z-index:200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:showai-fade-in var(--duration-base) var(--ease-out);background:#19191938;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.studio-modal{animation:showai-pop-in var(--duration-base) var(--ease-out);background:var(--paper);border:1px solid var(--line);border-radius:10px;flex-direction:column;width:470px;max-height:calc(100dvh - 48px);display:flex;overflow:hidden;box-shadow:0 16px 64px #0002}.studio-modal:focus{outline:none}.studio-modal>header{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;min-height:50px;padding:11px 18px;display:flex}.studio-modal h2{letter-spacing:-.15px;margin:0;font-size:16px;font-weight:500}.studio-modal>form,.studio-template-edit,.studio-component-detail,.studio-template-picker{overflow:auto}.studio-form{gap:14px;padding:18px;display:grid}.studio-form.compact{grid-template-columns:1fr 1.5fr;padding:0}.studio-form label{color:var(--muted);gap:6px;font-size:13px;display:grid}.studio-form input,.studio-form textarea{border:1px solid var(--line);background:var(--paper);color:var(--text);border-radius:5px;width:100%;padding:7px 9px;font-size:14px;line-height:20px}.studio-form textarea{resize:vertical;min-height:80px}.studio-form footer,.studio-template-edit>footer,.studio-component-detail>footer{justify-content:flex-end;align-items:center;gap:7px;padding-top:4px;display:flex}.studio-delete-description{color:var(--text);overflow-wrap:anywhere;margin:0;font-size:14px;line-height:1.6}.studio-form-error{color:#b85842;white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0;font-size:12px;line-height:1.6}.external-snapshots table{border-collapse:collapse;width:100%;font-size:13px}.external-snapshots th,.external-snapshots td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 8px}.external-snapshots td:nth-child(3),.external-snapshots td:nth-child(4),.external-snapshots tfoot td{white-space:nowrap}.external-snapshots tfoot th{text-align:right}.external-snapshots-path{overflow-wrap:anywhere}.external-snapshots-muted{color:var(--muted);font-size:12px}.external-snapshots-warning{color:#b85842;font-size:12px}.studio-template-picker{padding:6px}.studio-template-picker>button{text-align:left;border-radius:5px;align-items:center;gap:11px;width:100%;padding:10px;display:flex}.studio-template-picker>button>span{background:var(--accent-soft);color:var(--accent);border-radius:5px;padding:8px}.studio-template-picker>button>div{flex:1}.studio-template-picker strong{font-size:14px;font-weight:500}.studio-template-picker p{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.5}.studio-template-picker>button>svg{color:var(--muted)}.studio-template-edit{padding:18px}.studio-template-document{border:1px solid var(--line);border-radius:7px;min-height:240px;margin-top:16px;padding:24px 28px}.studio-template-edit>footer,.studio-component-detail>footer{border-top:1px solid var(--line);margin-top:16px;padding-top:12px}.studio-template-edit>footer>span,.studio-component-detail>footer>span{color:var(--muted);margin-right:auto;font-size:12px}.studio-component-detail{padding:16px 18px}.studio-modal-description{color:var(--muted);margin:0 0 10px;font-size:13px;line-height:1.6}.studio-detail-scenarios{flex-wrap:wrap;gap:6px;display:flex}.studio-detail-scenarios>span{color:var(--accent);background:var(--accent-soft);border-radius:4px;padding:2px 6px;font-size:12px}.studio-detail-tabs{border-bottom:1px solid var(--line);gap:16px;margin:15px 0 14px;display:flex}.studio-detail-tabs button{border-bottom:2px solid #0000;border-radius:0;padding:7px 1px;font-size:14px}.studio-detail-tabs button.active{color:var(--accent);border-color:var(--accent)}.studio-detail-tabs>span{color:var(--muted);align-self:center;margin-left:auto;font-size:12px}.studio-example-picker{color:var(--muted);align-items:center;gap:9px;margin-bottom:10px;font-size:12px;display:flex}.studio-example-picker select{border:1px solid var(--line);background:var(--paper);border-radius:5px;padding:5px 20px 5px 8px;font-size:13px}.studio-component-preview{background:var(--surface);border:1px solid var(--line);border-radius:7px;min-height:140px;padding:16px}.studio-component-preview .block-widget{margin:0}.studio-component-detail>.studio-form{padding:0}.studio-form-row{grid-template-columns:1fr 140px;gap:12px;display:grid}.studio-form .studio-code-editor{white-space:pre;tab-size:2;background:var(--surface);min-height:250px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.65}.studio-form .studio-code-editor.short{min-height:112px}.studio-toast{z-index:250;background:var(--text);color:var(--paper);box-shadow:var(--shadow);animation:showai-rise-in var(--duration-slow) var(--ease-out);border-radius:7px;align-items:center;gap:9px;padding:9px 14px;font-size:13px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.studio-problem{background:color-mix(in srgb, #bf6447 9%, var(--paper));color:#b75d43;border-bottom:1px solid var(--line);overflow-wrap:anywhere;align-items:center;gap:12px;padding:8px 18px;font-size:13px;display:flex}.studio-problem>span{flex:1}.studio-conflict{border-bottom:1px solid var(--line);background:color-mix(in srgb, #be9551 10%, var(--paper));align-items:center;gap:10px;padding:10px 18px;font-size:14px;display:flex}.studio-conflict>div{flex:1}.studio-conflict p{color:var(--muted);margin:3px 0 0;font-size:13px;line-height:1.5}.studio-conflict button{white-space:nowrap;border:1px solid var(--line);background:var(--paper);border-radius:5px;min-height:31px;padding:5px 9px;font-size:13px}.studio-popover-anchor{position:relative}.studio-menu-shade{z-index:49;position:fixed;inset:44px 0 0}.studio-popover,.studio-context-menu{border:1px solid var(--line);background:var(--paper);color:var(--text);box-shadow:var(--shadow);border-radius:7px;padding:4px}.studio-context-menu{z-index:300;transform-origin:0 0;animation:showai-pop-in var(--duration-fast) var(--ease-out);overscroll-behavior:contain;width:max-content;min-width:min(220px,100vw - 16px);max-width:calc(100vw - 16px);position:fixed;overflow:auto}.studio-popover{transform-origin:100% 0;animation:showai-pop-in var(--duration-fast) var(--ease-out);z-index:50;width:216px;position:absolute;top:32px;right:0}.studio-popover>button,.studio-context-menu-item{text-align:left;white-space:nowrap;border-radius:4px;align-items:center;gap:8px;width:100%;min-height:31px;padding:5px 8px;font-size:14px;line-height:20px;display:flex}.studio-popover hr,.studio-context-menu-separator{border:0;border-top:1px solid var(--line);margin:4px 0}.studio-popover .danger,.studio-context-menu-item.danger{color:var(--danger)}.studio-context-menu-item:disabled{background:0 0}.studio-loading{text-align:center;color:var(--muted);animation:showai-fade-in var(--duration-base) var(--ease-out) .2s both;padding:50px}.studio-spin{animation:1s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}@keyframes studio-enter{0%{opacity:0;translate:0 4px}to{opacity:1;translate:0}}@media (max-width:1100px){.studio-sidebar{width:200px}.studio-library{padding:26px 28px 60px}.studio-section-actions{gap:5px}.studio-section-actions .studio-button{padding:5px 10px}.studio-editor-page{padding:44px 42px 100px}}@media (hover:none){.studio-row-menu{opacity:1}}@media (prefers-reduced-motion:reduce){.studio *,.studio :before,.studio :after,.studio-context-menu,.studio-context-menu *{transition:none!important;animation:none!important}}.studio-navigation-updating{color:var(--text-muted,#667085);white-space:nowrap;margin-inline:12px;font-size:12px}@media (max-width:900px){.studio-topbar{gap:8px;padding-inline:12px}.studio-header-actions{--search-expanded-width:160px;gap:4px}.studio-breadcrumb{min-width:80px}.studio-breadcrumb>button:not(:last-child),.studio-breadcrumb>svg,.studio-breadcrumb-folder:not(:last-child),.studio-breadcrumb-folder>svg{display:none}.studio-topbar .component-project-picker{font-size:0}.studio-topbar .component-project-picker select{max-width:100px}}.studio-new-project{text-align:left;width:100%;color:var(--text);border-radius:6px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 9px;font-weight:500;display:flex}.studio-new-project:hover{background:var(--hover)}.studio-new-project:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.studio-breadcrumb button{align-items:center;gap:6px;min-width:0;display:inline-flex}.studio-breadcrumb button>span{text-overflow:ellipsis;overflow:hidden}.studio-breadcrumb button>svg{flex-shrink:0}.studio-topbar-title{align-items:center;gap:7px;display:flex}.studio-topbar-title>svg{flex-shrink:0}.studio-project-icon-choice{justify-self:start;align-items:center;gap:12px;display:inline-flex}.studio-breadcrumb-app-icon{width:18px;height:18px}.studio-topbar-title>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.directory-view-switch{gap:4px;display:flex}.directory-view-switch button{border-radius:5px;place-items:center;width:32px;height:30px;display:grid}.directory-view-switch button[aria-pressed=true]{background:var(--hover);color:var(--accent);outline:1px solid var(--line)}.studio-page-list[data-view]:not([data-view=list]){grid-template-columns:repeat(auto-fill, minmax(var(--thumbnail-width), 1fr));border:0;gap:18px;display:grid}.studio-page-list[data-view=small]{--thumbnail-width:140px}.studio-page-list[data-view=medium]{--thumbnail-width:220px}.studio-page-list[data-view=large]{--thumbnail-width:320px}.studio-page-list[data-view]:not([data-view=list]) .studio-page-list-row{border:1px solid var(--line);border-radius:10px;position:relative;overflow:hidden}.studio-page-list[data-view]:not([data-view=list]) .studio-page-list-open{flex-wrap:wrap;gap:8px;width:100%;padding:12px}.studio-page-list[data-view]:not([data-view=list]) .studio-page-list-open strong{flex:1}.studio-page-list[data-view]:not([data-view=list]) time{width:100%;margin:0}.studio-page-list[data-view]:not([data-view=list]) .studio-row-menu{position:absolute;bottom:6px;right:4px}.studio-page-thumbnail{pointer-events:none;background:var(--paper);border-bottom:1px solid var(--line);width:100%;height:150px;display:block;overflow:hidden}.studio-page-thumbnail .catalog-preview{height:100%;min-height:0}.studio-page-list[data-view=small] .studio-page-thumbnail{height:100px}.studio-page-list[data-view=large] .studio-page-thumbnail{height:210px}.studio-page-list[data-view]:not([data-view=list]) .studio-page-list-row{align-items:flex-start}.studio-page-list[data-view]:not([data-view=list]) .studio-page-list-icon{display:none}.studio-page-thumbnail{width:auto;position:absolute;top:12px;left:12px;right:12px}.studio-thumbnail-space{width:100%;height:150px;color:var(--muted);justify-content:center;align-items:center;display:flex}.studio-page-list[data-view=small] .studio-thumbnail-space{height:100px}.studio-page-list[data-view=large] .studio-thumbnail-space{height:210px}.studio-page-list-add .studio-page-list-open{color:var(--muted);justify-content:center}.studio-page-list-add .studio-page-list-open:hover:not(:disabled){color:var(--accent)}.studio-page-list[data-view]:not([data-view=list]) .studio-page-list-add{border-style:dashed;border-color:color-mix(in srgb, var(--muted) 45%, transparent);align-items:stretch}.studio-page-list[data-view]:not([data-view=list]) .studio-page-list-add .studio-page-list-open{min-height:226px}.studio-page-list[data-view=small] .studio-page-list-add .studio-page-list-open{min-height:176px}.studio-page-list[data-view=large] .studio-page-list-add .studio-page-list-open{min-height:286px}.studio-page-thumbnail .catalog-preview-content>.container-workspace{height:auto}.studio-page-thumbnail[data-board] .catalog-preview-content{min-height:0;padding:0}.studio-page-thumbnail[data-board] .catalog-preview-content>.container-workspace{width:var(--board-width);height:var(--board-height)}.catalog-preview-content[data-columns]{column-rule:3px solid var(--line)}.studio-folder-thumbnail{--folder-fill:color-mix(in srgb, var(--muted) 10%, var(--surface));--folder-tab:color-mix(in srgb, var(--muted) 18%, var(--surface));pointer-events:none;height:150px;display:block;position:absolute;top:12px;left:12px;right:12px}.studio-page-list[data-view=small] .studio-folder-thumbnail{height:100px}.studio-page-list[data-view=large] .studio-folder-thumbnail{height:210px}.studio-folder-thumbnail:before{content:"";background:var(--folder-tab);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 100%,0 100%);border-radius:6px 0 0;width:min(38%,112px);height:18px;position:absolute;top:0;left:0}.studio-folder-body{box-sizing:border-box;background:var(--folder-fill);border-top:2px solid var(--folder-tab);border-radius:0 8px 8px;flex-wrap:wrap;place-content:flex-start center;gap:8px;padding:14px 12px 12px;display:flex;position:absolute;inset:9px 0 0;overflow:hidden}.studio-folder-item{aspect-ratio:3/4;height:100%;color:var(--muted);background:var(--paper);box-shadow:0 0 0 1px var(--line), 0 2px 6px #0000000f;border-radius:4px;flex:none;justify-content:center;align-items:center;transition:transform .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.studio-folder-item[data-kind=folder]{background:color-mix(in srgb, var(--muted) 6%, var(--paper))}.studio-page-list-row:hover .studio-folder-item{box-shadow:0 0 0 1px var(--line), 0 6px 14px #00000017;transform:translateY(-3px)}.studio-page-list[data-view] .studio-folder-item>.studio-page-thumbnail{border:0;height:auto;inset:0}.studio-folder-item .catalog-preview,.studio-folder-item .catalog-preview-content{background:var(--paper);border:0}.studio-folder-body:has(>.studio-folder-empty){align-content:center}.studio-folder-empty{color:color-mix(in srgb, var(--muted) 55%, transparent)}.studio-page-thumbnail :is(.surface-toolbar,.container-workspace-bar,.surface-object-header){display:none}.studio-page-thumbnail .native-ink-world{transform:var(--thumbnail-transform)}.studio-directory-marquee{pointer-events:none;z-index:125;border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);box-sizing:border-box;position:fixed}.studio-page-selection{bottom:max(24px, env(safe-area-inset-bottom));box-sizing:border-box;background:var(--paper);z-index:121;border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:10px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0002,0 2px 8px #0001}.studio-main:has(>.studio-page-selection) .studio-library{padding-bottom:140px}.studio-scroll[tabindex="-1"]:focus{outline:none}.studio-scroll:has(.studio-page-list){-webkit-user-select:none;user-select:none}.studio-page-select-all{cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.studio-page-select-all input{width:16px;height:16px;accent-color:var(--accent);margin:0}.studio-page-selection-count{color:var(--muted);margin-right:auto;font-size:13px}.studio-page-checkbox{border:1px solid var(--muted);background:var(--paper);width:20px;height:20px;color:var(--accent);opacity:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin:0 4px 0 8px;padding:0;display:flex}.studio-page-checkbox[aria-checked=true]{border-color:var(--accent)}.studio-page-list-row:hover .studio-page-checkbox,.studio-page-list-row:focus-within .studio-page-checkbox,.studio-page-list[data-selecting] .studio-page-checkbox{opacity:1}.studio-page-list-row.selected{background:var(--hover);box-shadow:inset 3px 0 var(--accent)}.studio-page-list[data-view]:not([data-view=list]) .studio-page-checkbox{z-index:2;margin:0;position:absolute;top:12px;left:12px;box-shadow:0 1px 4px #0002}@media (hover:none){.studio-page-checkbox{opacity:1}}.studio-page-checkbox-spacer{flex-shrink:0;width:20px;margin:0 4px 0 8px}.studio-page-list[data-view]:not([data-view=list]) .studio-page-checkbox-spacer{display:none}.studio-icon.studio-icon-labeled{white-space:nowrap;gap:5px;width:auto;padding:0 8px 0 7px;font-size:12.5px;font-weight:500}.studio-icon.studio-icon-labeled[aria-pressed=true]{color:var(--accent);background:var(--accent-soft)}@property --install-border-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.homepage-install-trigger{--install-signal:var(--brand-accent,#120a8f);isolation:isolate;border:1px solid color-mix(in srgb,var(--install-signal) 28%,var(--paper,#fff));background:color-mix(in srgb,var(--install-signal) 6%,var(--paper,#fff));min-height:29px;color:var(--install-signal);font:500 11px/1.3 var(--font-sans,sans-serif);white-space:nowrap;cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:6px;margin-right:6px;padding:4px 10px;transition:border-color .2s,background .2s,transform .2s;display:inline-flex;position:relative;box-shadow:0 1px 3px #120a8f0a}.homepage-install-trigger:before{content:"";background:conic-gradient(from var(--install-border-angle),transparent 0deg 150deg,color-mix(in srgb,var(--install-signal) 18%,transparent) 210deg,var(--install-signal) 280deg,#7f9fff 320deg,#b6edff 342deg,var(--install-signal) 358deg,transparent 360deg);-webkit-mask-composite:xor;pointer-events:none;border-radius:9px;padding:2px;animation:2.4s linear infinite install-button-border;position:absolute;inset:-2px;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.homepage-install-trigger:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,#0000 35%,#fffc 50%,#0000 65%) 150% 0/300% 100%;animation:5.8s ease-in-out infinite install-button-shine;position:absolute;inset:0}.homepage-install-trigger>svg,.homepage-install-trigger>span{z-index:1;position:relative}.homepage-install-trigger>svg{width:14px;height:14px}.homepage-install-trigger:hover,.homepage-install-trigger:focus-visible{border-color:var(--install-signal);background:var(--accent-soft,#eeedf9);color:var(--install-signal);transform:translateY(-1px)}.homepage-install-trigger:is(:hover,:focus-visible):before{animation-duration:1.6s}.homepage-install-trigger:active{transform:translateY(0)scale(.98)}@keyframes install-button-border{to{--install-border-angle:360deg}}@keyframes install-button-shine{0%,62%{opacity:0;background-position:150% 0}65%{opacity:1}86%,to{opacity:0;background-position:-50% 0}}.homepage-install-trigger:focus-visible,.showai-install-dialog :is(button,a,pre):focus-visible{outline:2px solid var(--brand-accent,#120a8f);outline-offset:3px}.showai-install-dialog{--install-accent:var(--brand-accent,#120a8f);--install-muted:var(--muted,#6c6c73);box-sizing:border-box;border:1px solid var(--line,#ddd);background:var(--paper,#fff);width:min(850px,100vw - 40px);max-width:none;max-height:calc(100dvh - 48px);color:var(--text,#222);font:400 13px/1.6 var(--font-sans,sans-serif);overscroll-behavior:contain;border-radius:20px;margin:auto;padding:32px 32px 0;animation:.18s ease-out install-appear;overflow:auto;box-shadow:0 24px 90px #12132b26,0 4px 18px #12132b0a}.showai-install-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#19192842}.showai-install-dialog [hidden]{display:none!important}.showai-install-dialog :is(button,a){-webkit-tap-highlight-color:transparent}.showai-install-dialog button{cursor:pointer;font-family:inherit}.showai-install-dialog a{color:inherit;text-decoration:none}.install-heading{align-items:center;gap:14px;padding-right:28px;display:flex;position:relative}.install-app-icon{flex-shrink:0;width:40px;height:40px}.install-heading h1{letter-spacing:-.6px;margin:0;font-size:25px;font-weight:600;line-height:1.4}.install-heading p{color:var(--install-muted);margin:6px 0 0;font-size:13px;line-height:1.7}.install-close{width:32px;height:32px;color:var(--install-muted);background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid;position:absolute;top:-10px;right:-9px}.install-close:hover{background:var(--hover,#f0f0f0);color:var(--text,#222)}.install-tabs{border:1px solid var(--line,#ddd);background:var(--surface,#fafafa);border-radius:10px;gap:3px;max-width:100%;margin:27px 0 22px;padding:4px;display:flex}.install-tabs button{color:var(--install-muted);white-space:nowrap;background:0 0;border:0;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px 17px;font-size:12px;font-weight:500;line-height:1.5;display:inline-flex}.install-tabs button svg{width:15px;height:15px}.install-tabs button[aria-selected=true]{background:var(--action,#120a8f);color:#fff;box-shadow:0 1px 3px #12132b15}.install-tabs button[aria-selected=false]:hover{color:var(--text,#222);background:var(--hover,#eee)}.install-platforms{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.install-platform{border:1px solid var(--line,#ddd);background:var(--paper,#fff);border-radius:13px;flex-direction:column;min-width:0;padding:20px 18px 15px;display:flex}.install-platform-mac{border-color:color-mix(in srgb,var(--install-accent) 24%,var(--paper));background:color-mix(in srgb,var(--install-accent) 3%,var(--paper))}.install-platform-top{justify-content:space-between;align-items:center;gap:4px;min-height:34px;margin-bottom:16px;display:flex}.install-platform-icon{width:34px;height:34px;color:var(--text,#222);place-items:center;display:grid}.install-platform-icon svg{width:30px;height:30px}.install-current{border:1px solid color-mix(in srgb,var(--install-accent) 15%,var(--paper));background:var(--paper,#fff);color:var(--install-accent);white-space:nowrap;border-radius:5px;padding:3px 7px;font-size:10px;line-height:1.4}.install-platform h2{letter-spacing:-.3px;margin:0 0 3px;font-size:19px;font-weight:600;line-height:1.5}.install-platform-detail{color:var(--install-muted);margin:0 0 15px;font-size:11px}.install-availability{background:var(--surface,#f5f5f6);color:var(--install-muted);border-radius:5px;align-self:flex-start;padding:3px 7px;font-size:10px;line-height:1.6;display:block}.install-availability-release{background:var(--accent-soft,#eeedf9);color:var(--install-accent)}.install-platform-instruction{color:var(--install-muted);flex:1;margin:13px 0 20px;font-size:12px;line-height:1.8}.install-action{box-sizing:border-box;border:1px solid var(--line,#ddd);background:var(--paper,#fff);width:100%;min-height:37px;color:var(--text,#222);white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 5px;font-size:12px;font-weight:500;line-height:1.5;display:flex}.install-action svg{flex-shrink:0;width:14px;height:14px}.install-action:hover{border-color:var(--install-accent);color:var(--install-accent)}.showai-install-dialog .install-action-primary{border-color:var(--action,#120a8f);background:var(--action,#120a8f);color:#fff}.showai-install-dialog .install-action-primary:hover{filter:brightness(1.2)}.install-platform-links{min-height:18px;color:var(--install-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:13px;font-size:10px;display:flex}.install-platform-links :is(a,button){font-size:inherit;align-items:center;gap:4px;line-height:1.6;display:inline-flex}.install-platform-links button{color:inherit;background:0 0;border:0;padding:0}.install-platform-links svg{width:11px;height:11px}.install-platform-links :is(a,button):hover{color:var(--install-accent);text-underline-offset:3px;text-decoration:underline}.install-package-note{color:var(--install-muted);margin:16px 0 22px;font-size:11px;line-height:1.8}.install-footer{border-top:1px solid var(--line,#ddd);background:var(--surface,#fafafa);justify-content:space-between;align-items:center;gap:16px;margin:0 -32px;padding:18px 32px;font-size:11px;display:flex}.install-footer :is(a,button){align-items:center;gap:7px;line-height:1.6;display:inline-flex}.install-footer button{color:var(--install-muted);font-size:inherit;text-align:left;background:0 0;border:0;padding:0}.install-footer a{color:var(--install-muted);flex-shrink:0}.install-footer svg{flex-shrink:0;width:14px;height:14px}.install-footer :is(a,button):hover{color:var(--install-accent)}.install-source-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.install-source-heading h2{margin:0;font-size:17px;font-weight:550}.install-source-heading p{color:var(--install-muted);margin:4px 0 0;font-size:12px}.install-requirement{color:var(--install-muted);white-space:nowrap;font-size:11px}.install-build-options{gap:7px;margin-bottom:12px;display:flex}.install-build-options button{border:1px solid var(--line,#ddd);background:var(--paper,#fff);color:var(--install-muted);border-radius:6px;padding:6px 12px;font-size:11px;line-height:1.5}.install-build-options button[aria-pressed=true]{border-color:color-mix(in srgb,var(--install-accent) 24%,var(--paper));background:var(--accent-soft,#eeedf9);color:var(--install-accent)}.install-code{border:1px solid var(--line,#ddd);background:var(--surface,#fafafa);border-radius:10px;overflow:hidden}.install-code-bar{border-bottom:1px solid var(--line,#ddd);color:var(--install-muted);justify-content:space-between;align-items:center;gap:12px;padding:10px 15px;font-size:11px;display:flex}.install-code-bar>span,.install-code-bar>button{align-items:center;gap:7px;display:inline-flex}.install-code-bar svg{width:14px;height:14px}.install-code-bar button{color:var(--install-muted);background:0 0;border:0;border-radius:4px;padding:3px;font-size:11px}.install-code-bar button:hover{color:var(--install-accent)}.install-code pre{tab-size:2;text-align:left;margin:0;padding:18px 20px;overflow:auto}.install-code code{color:var(--text,#222);font:400 12px/2.1 SFMono-Regular,Consolas,Liberation Mono,monospace}.install-build-help{color:var(--install-muted);margin:14px 0 0;font-size:12px;line-height:1.8}.install-copy-status{min-height:18px;color:var(--install-accent);margin:5px 0 16px;font-size:11px}@keyframes install-appear{0%{opacity:0;transform:translateY(7px)scale(.99)}to{opacity:1;transform:none}}@media (max-width:680px){.showai-install-dialog{border-radius:16px;width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:25px 22px 0}.install-heading{gap:11px}.install-heading h1{font-size:22px}.install-heading p{font-size:12px}.install-app-icon{width:34px;height:34px}.install-tabs{margin-top:22px}.install-platforms{grid-template-columns:1fr;gap:12px}.install-platform{grid-template-columns:1fr auto;align-items:start;column-gap:16px;padding:17px;display:grid}.install-platform-top{grid-column:1/-1;margin-bottom:8px}.install-platform h2{grid-column:1;font-size:18px}.install-platform-detail{grid-column:1;margin-bottom:0}.install-availability{grid-area:3/2;place-self:center end}.install-platform-instruction{grid-column:1/-1;margin:11px 0 14px}.install-action{grid-column:1/-1}.install-platform-links{grid-column:1/-1;margin-top:10px}.install-package-note{margin-bottom:18px}.install-footer{flex-wrap:wrap;gap:11px;margin:0 -22px;padding:16px 22px}.install-source-heading{flex-direction:column;align-items:flex-start;gap:8px}.install-code pre{padding:15px}.install-code code{font-size:11px}}@media (prefers-reduced-motion:reduce){.showai-install-dialog{animation:none}.homepage-install-trigger{transition:none}.homepage-install-trigger,.homepage-install-trigger:is(:hover,:focus-visible,:active){transform:none}.homepage-install-trigger:before{background:linear-gradient(120deg,var(--install-signal),#7f9fff);opacity:.7;animation:none}.homepage-install-trigger:after{animation:none;display:none}}@media (max-width:600px){.agent-window-bar .traffic-lights,.showcase-native-topbar .traffic-lights,.showcase-native-topbar .studio-tab-history,.showcase-native-topbar .studio-app-brand strong{display:none}.agent-window-bar .agent-window-title{left:14px;transform:none}.showcase-native-topbar .studio-topbar-brand{padding-left:9px;width:68px!important}.showcase-native-topbar .studio-topbar-actions{padding:0 4px}}@media (max-width:420px){.install-tabs button{white-space:normal;gap:5px;min-width:0;padding:8px 6px;font-size:11px}.install-tabs button svg{flex-shrink:0}}.copy-control{flex-direction:column;align-items:flex-start;gap:4px;max-width:100%;display:inline-flex}.copy-status:empty{display:none}.copy-status{max-width:220px;color:var(--danger,#c13515);font-size:11px;line-height:1.6;display:block}.install-next{padding:4px 0 26px}.install-next-steps{gap:4px;margin:26px 0 0;padding:0;list-style:none;display:grid}.install-next-steps>li{border-top:1px solid var(--line,#ddd);grid-template-columns:30px minmax(0,1fr);gap:14px;padding:14px 0;display:grid}.install-next-steps>li:first-child{border-top:0}.install-step-index{background:var(--accent-soft,#eeedf9);width:30px;height:30px;color:var(--install-accent);border-radius:50%;place-items:center;font-size:13px;font-weight:600;display:grid}.install-step-index svg{width:15px;height:15px}.install-next-steps>li[data-done] .install-step-index{background:var(--install-accent);color:#fff}.install-next-steps h2{letter-spacing:-.1px;margin:3px 0 4px;font-size:15px;font-weight:600;line-height:1.55}.install-next-steps p{color:var(--install-muted);margin:0;font-size:13px;line-height:1.75}.install-prompt{border:1px solid color-mix(in srgb,var(--install-accent) 22%,var(--line,#ddd));background:color-mix(in srgb,var(--install-accent) 4%,var(--paper,#fff));border-radius:11px;align-items:flex-start;gap:14px;margin-top:12px;padding:13px 14px 13px 16px;display:flex}.install-prompt>p{color:var(--text,#222);flex:1;margin:0;font-size:13.5px;line-height:1.75}.install-prompt-copy{border:1px solid var(--line,#ddd);background:var(--paper,#fff);color:var(--text,#222);white-space:nowrap;border-radius:7px;flex-shrink:0;align-items:center;gap:6px;padding:6px 11px;font-size:12px;line-height:1.4;display:inline-flex}.install-prompt-copy svg{width:14px;height:14px}.install-prompt-copy:hover{border-color:var(--install-accent);color:var(--install-accent)}.install-next-links{border-top:1px solid var(--line,#ddd);color:var(--install-muted);flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:18px;padding-top:16px;font-size:12px;display:flex}.install-next-links a,.install-next-links button{color:var(--install-accent);font-size:inherit;background:0 0;border:0;padding:0;text-decoration:none}.install-next-links a:hover,.install-next-links button:hover{text-underline-offset:3px;text-decoration:underline}.install-next-links>button{color:var(--install-muted);margin-left:auto}.install-next-links>span>a{margin-left:4px}@media (max-width:680px){.install-prompt{flex-direction:column;gap:10px}.install-next-links>button{margin-left:0}}.text-shimmer{--shimmer-base:var(--lp-subtle,#858191);--shimmer-shine:var(--lp-text,#1c1a24);color:#0000;background-size:200%;-webkit-background-clip:text;background-clip:text;font-weight:550;animation:2.4s linear infinite text-shimmer;display:inline-block}@keyframes text-shimmer{0%{background-position:200%}to{background-position:0%}}.reasoning-trigger{color:var(--lp-muted,#5d5968);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:13px;display:inline-flex}.reasoning-trigger svg{transition:transform .2s}.reasoning-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.reasoning-content{max-height:0;transition:max-height .2s ease-out;overflow:hidden}.reasoning-text{border-left:2px solid var(--lp-line,#e7e5ee);color:var(--lp-subtle,#858191);margin-top:6px;padding:2px 0 2px 12px;font-size:13px;line-height:1.7}@media (prefers-reduced-motion:reduce){.text-shimmer{color:var(--lp-muted,#5d5968);background:0 0;animation:none}.reasoning-content{transition:none}}.settings-category-sidebar{flex:1;min-height:0;margin-top:28px;overflow:auto}.settings-nav-label{color:var(--muted);margin-bottom:11px;padding:0 10px;font-size:12px;font-weight:500}.settings-nav{gap:4px;display:grid}.settings-nav button{width:100%;min-height:37px;color:var(--muted);text-align:left;border-radius:7px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.settings-nav button[aria-current=page]{color:var(--text);background:var(--accent-soft);font-weight:500}.studio-settings{width:min(100%,832px);margin:0 auto;padding:49px 44px 80px;animation:.15s ease-out studio-enter}.settings-heading{margin-bottom:37px}.settings-heading h2{letter-spacing:-.6px;margin:0;font-size:25px;font-weight:600;line-height:1.3}.settings-heading p,.settings-row-text p,.settings-help,.settings-product p{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.studio-settings .settings-group{border:0;margin-bottom:34px;padding:0}.studio-settings .settings-group>h2{border-bottom:1px solid var(--line);margin:0;padding:0 0 13px;font-size:13px;font-weight:500;line-height:1.5;display:block}.settings-row{justify-content:space-between;align-items:center;gap:28px;padding:21px 0;display:flex}.settings-row-text{flex:1;min-width:0}.settings-row-text h3,.settings-row-text>label{margin:0;font-size:14px;font-weight:500;line-height:1.5}.settings-row-text p{margin-top:4px}.settings-button{border:1px solid var(--line);background:var(--surface);white-space:nowrap;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;gap:7px;min-height:33px;padding:6px 11px;font-size:12px;line-height:19px;display:inline-flex}.settings-path{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:8px;align-items:center;gap:11px;padding:11px 12px;display:flex}.settings-path>svg{flex-shrink:0}.settings-path code{overflow-wrap:anywhere;min-width:0;color:var(--text);flex:1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7}.settings-icon-button{border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:27px;height:27px;padding:0;display:inline-flex}.studio-settings .settings-help{margin:11px 0 0;font-size:12px}.settings-select{flex-shrink:0;position:relative}.settings-select select{appearance:none;border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:7px;min-width:118px;min-height:33px;padding:6px 34px 6px 12px;font-size:12px;line-height:19px}.settings-select>svg{pointer-events:none;color:var(--muted);position:absolute;top:50%;right:10px;transform:translateY(-50%)}.settings-theme-options{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;min-width:0;margin:3px 0 0;padding:0;display:grid}.settings-theme-option{border:1px solid var(--line);cursor:pointer;border-radius:11px;min-width:0;padding:5px;transition:border-color .15s;display:block;position:relative}.settings-theme-option:hover{border-color:var(--muted)}.settings-theme-option.selected{border-color:var(--text);box-shadow:0 0 0 1px var(--text)}.settings-theme-option>input{opacity:0;width:1px;height:1px;position:absolute}.settings-theme-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:4px}.settings-theme-preview{--preview-paper:#fff;--preview-sidebar:#f5f5f5;--preview-line:#e8e8e8;--preview-mark:#c6c6c6;--preview-strong:#696969;border:1px solid var(--preview-line);background:var(--preview-paper);border-radius:6px;height:151px;display:flex;overflow:hidden}.settings-theme-preview.preview-dark{--preview-paper:#181818;--preview-sidebar:#222;--preview-line:#333;--preview-mark:#505050;--preview-strong:#b7b7b7}.settings-preview-sidebar{background:var(--preview-sidebar);flex-direction:column;flex-shrink:0;width:28%;padding:13px 10px;display:flex}.settings-preview-brand{color:var(--preview-strong);margin-bottom:15px;font-size:16px;line-height:1}.settings-preview-nav{background:var(--preview-mark);border-radius:2px;width:82%;height:4px;margin:0 0 11px 4px;display:block}.settings-preview-nav.active{background:var(--preview-line);border-radius:3px;width:100%;height:15px;margin-bottom:9px;margin-left:0}.settings-preview-nav.short{width:53%}.settings-preview-bottom{background:var(--preview-mark);border-radius:2px;width:44%;height:4px;margin:auto 0 0 4px}.settings-preview-main{flex:1;min-width:0}.settings-preview-topbar{border-bottom:1px solid var(--preview-line);height:24px;display:block}.settings-preview-content{padding:22px 18px;display:block}.settings-preview-title,.settings-preview-line{background:var(--preview-strong);border-radius:2px;width:64%;height:7px;margin-bottom:12px;display:block}.settings-preview-line{background:var(--preview-mark);width:100%;height:4px;margin-bottom:7px}.settings-preview-line.short{width:76%}.settings-preview-blocks{gap:7px;margin-top:14px;display:flex}.settings-preview-blocks>span{background:var(--preview-sidebar);border:1px solid var(--preview-line);border-radius:3px;flex:1;height:27px}.settings-theme-label{align-items:center;gap:8px;padding:12px 9px 8px;font-size:13px;display:flex}.settings-radio-mark{border:1px solid var(--line);border-radius:50%;width:15px;height:15px;margin-left:auto}.selected .settings-radio-mark{border-color:var(--text);background:var(--text);box-shadow:inset 0 0 0 3px var(--paper)}.settings-config{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.settings-config summary{color:var(--muted);cursor:pointer;align-items:center;gap:8px;padding:11px 13px;font-size:12px;list-style:none;display:flex}.settings-config summary::-webkit-details-marker{display:none}.settings-config[open] summary{border-bottom:1px solid var(--line)}.settings-config[open] summary>svg:first-child{transform:rotate(90deg)}.settings-config pre{tab-size:2;margin:0;padding:16px;font-size:12px;line-height:1.7;overflow:auto}.settings-config code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.settings-value{color:var(--muted);flex-shrink:0;font-size:12px}.settings-product{align-items:center;gap:15px;margin:0 0 28px;padding:10px 0;display:flex}.settings-product-symbol{border:1px solid var(--line);background:var(--surface);border-radius:14px;justify-content:center;align-items:center;width:58px;height:58px;font-size:38px;line-height:1;display:flex}.studio-settings .settings-product h2{letter-spacing:-.3px;margin:0;font-size:18px;font-weight:600}.settings-product p{margin-top:4px}.settings-about dl{margin:0}.settings-about .settings-row{border-bottom:1px solid var(--line);padding:18px 0;font-size:13px}.settings-about dd{color:var(--muted);margin:0}.settings-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1100px){.studio-settings{padding:39px 32px 64px}}@media (max-width:850px){.studio-settings{padding:32px 26px 56px}.settings-row{gap:16px}.settings-theme-options{gap:12px}.settings-theme-preview{height:130px}.settings-preview-content{padding:18px 12px}}@media (max-width:600px){.studio-settings{padding:28px 22px 48px}.settings-row{flex-wrap:wrap}.settings-row-text{flex-basis:180px}}.library-space{flex-direction:column;gap:32px;display:flex}.library-space-section,.library-space-section-content{gap:16px;display:grid}.library-space-section>.settings-row{min-height:32px;padding:0}.library-space-summary{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.library-space-breakdown{color:var(--muted);gap:10px;padding:0;font-size:13px;display:grid}.library-space-breakdown>div{justify-content:space-between;gap:20px;display:flex}.library-space-breakdown>p{margin:4px 0;font-size:12px}.library-space-actions,.library-space-archive{flex-wrap:wrap;align-items:center;gap:9px;margin:0;display:flex}.library-space-archive input{border:1px solid var(--line);min-width:240px;color:var(--text);background:var(--paper);border-radius:6px;flex:1;padding:10px}.library-space-toggle{align-items:center;gap:7px;font-size:13px;display:flex}.library-space-plan{border:1px solid var(--line);border-radius:7px;margin:0;padding:14px;font-size:13px}.library-space-plan code{overflow-wrap:anywhere;font-size:11px}.library-space-plan details{max-height:240px;margin:12px 0;overflow:auto}.library-project-space-content{gap:16px;min-height:0;padding:18px;display:grid;overflow:auto}.library-project-space{gap:12px;min-width:0;display:grid}.library-project-space .settings-help{margin:0}.library-project-space-table{border:1px solid var(--line);border-radius:7px;max-height:420px;overflow:auto}.library-project-space table{border-collapse:collapse;width:100%;font-size:13px}.library-project-space th,.library-project-space td{border-bottom:1px solid var(--line);text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap;padding:10px 12px}.library-project-space thead th{background:var(--paper);color:var(--muted);font-weight:500;position:sticky;top:0}.library-project-space th:first-child{text-align:left;white-space:normal;overflow-wrap:anywhere;min-width:140px;max-width:320px;font-weight:500}.library-project-space tbody tr:last-child>*{border-bottom:0}.library-project-space small{color:var(--muted);margin-left:8px;font-size:11px;display:inline-block}.plugin-install-error{color:var(--danger,#c43d3d);overflow-wrap:anywhere}.plugin-install-note,.plugin-install-result{overflow-wrap:anywhere;font-size:12px;line-height:1.6}.plugin-install-note{opacity:.7}.plugin-install-settings .settings-row-text{min-width:0}.plugin-install-settings .settings-button{flex-shrink:0}.plugin-install-steps{margin:6px 0;padding-left:18px}.plugin-install-path{align-items:center;gap:8px;min-width:0;display:flex}.plugin-install-path code{overflow-wrap:anywhere;flex:1;min-width:0;font-size:11px}.plugin-verify-hosts{margin:8px 0;padding:0;font-size:12px;list-style:none}.plugin-verify-hosts li{flex-wrap:wrap;gap:4px 10px;padding:3px 0;display:flex}.plugin-verify-hosts li span{color:var(--muted)}.plugin-verify-hosts li[data-state=called] span{color:var(--accent)}.plugin-verify a{color:var(--accent);align-items:center;gap:5px;font-size:12px;display:inline-flex}.settings-switch{appearance:none;background:var(--line);cursor:pointer;border-radius:10px;flex-shrink:0;width:34px;height:20px;margin:0;transition:background .15s;position:relative}.settings-switch:after{content:"";background:var(--paper);border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.settings-switch:checked{background:var(--brand-accent,var(--accent))}.settings-switch:checked:after{transform:translate(14px)}.settings-switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.agent-settings{--agent-success:#15805c}.agent-brand-icon{box-sizing:border-box;color:#111827;background:#fff;border:1px solid #1118271a;border-radius:9px;flex-shrink:0;place-items:center;width:40px;height:40px;display:inline-grid}.agent-brand-icon img{object-fit:contain;width:26px;height:26px;display:block}.agent-brand-custom{border-color:var(--line);color:var(--muted);background:var(--surface)}.agent-modes{grid-template-columns:1fr 1fr;gap:12px;padding:20px 0 0;display:grid}.agent-modes button{border:1px solid var(--line);text-align:left;background:var(--surface);border-radius:9px;padding:16px}.agent-modes button[aria-checked=true]{border-color:var(--accent);background:var(--accent-soft)}.agent-modes button>span{align-items:center;gap:9px;font-size:14px;font-weight:550;display:flex}.agent-modes button>span svg:last-child:not(:first-child){margin-left:auto}.agent-modes small{color:var(--muted);margin-top:8px;font-size:12px;line-height:1.6;display:block}.agent-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.agent-card{border:1px solid var(--line);background:var(--surface);border-radius:9px;flex-direction:column;min-width:0;padding:16px;transition:border-color .15s;display:flex}.agent-card[data-selected=true]{border-color:var(--accent);background:var(--accent-soft)}.agent-card:has(label:hover):not([data-unavailable=true]){border-color:var(--muted)}.agent-card:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:3px}.agent-card>label{cursor:pointer;align-items:center;gap:10px;min-width:0;display:flex}.agent-card[data-unavailable=true]>label{cursor:default}.agent-card-name{flex:1;min-width:0}.agent-card label>input{flex-shrink:0;margin:0}.agent-current{background:var(--panel);color:var(--accent);white-space:nowrap;border-radius:4px;padding:3px 6px;font-size:10px}.agent-card-footer{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:14px;display:flex}.agent-settings input[type=radio],.agent-settings input[type=checkbox]{accent-color:var(--accent)}.agent-card-name strong,.agent-preset strong,.agent-source-summary strong{font-size:14px;font-weight:500;display:block}.agent-card-name small,.agent-preset small,.agent-source-summary small{color:var(--muted);margin-top:4px;font-size:11px;display:block}.agent-card-name small{overflow-wrap:anywhere}.agent-card>p{color:var(--muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:12px;line-height:1.7}.agent-availability{color:var(--muted);font-size:11px}.agent-availability.verified{color:var(--agent-success)}.agent-source-summary{align-items:center;gap:14px;padding-bottom:18px;display:flex}.agent-source-identity{overflow-wrap:anywhere;flex:1;min-width:0}.agent-form-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.agent-presets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:20px;display:grid}.agent-preset{border:1px solid var(--line);text-align:left;background:var(--surface);border-radius:9px;align-items:center;gap:10px;min-width:0;padding:12px;transition:border-color .15s;display:flex}.agent-preset:hover:not(:disabled){border-color:var(--muted)}.agent-preset>span:not(.agent-brand-icon){flex:1;min-width:0}.agent-preset>svg{color:var(--muted);flex-shrink:0}.agent-source-form{border:1px solid var(--line);background:var(--surface);border-radius:8px;margin:16px 0;padding:20px}.agent-source-form h3{margin:0;font-size:14px;font-weight:550}.agent-source-form-heading{align-items:center;gap:12px;margin-bottom:20px;display:flex}.agent-source-form-heading p{color:var(--muted);margin:4px 0 0;font-size:12px}.agent-source-form label,.agent-target label{color:var(--muted);gap:7px;margin-bottom:15px;font-size:12px;display:grid}.agent-source-form input,.agent-source-form select,.agent-target select,.agent-task-picker select{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;min-height:35px;color:var(--text);font:inherit;border-radius:6px;padding:8px 10px}.agent-settings input[type=checkbox]:focus-visible,.agent-settings input[type=radio]:focus-visible,.agent-settings select:focus-visible,.agent-settings button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.agent-version{color:var(--muted);font-size:11px;font-weight:400}.agent-target{grid-template-columns:1fr 1fr;gap:14px;padding-top:20px;display:grid}.agent-task-form>label{color:var(--muted);margin-bottom:8px;font-size:12px;display:block}.agent-task-form textarea{box-sizing:border-box;border:1px solid var(--line);resize:vertical;width:100%;color:var(--text);background:var(--surface);font:inherit;border-radius:8px;margin-bottom:12px;padding:12px;font-size:13px;line-height:1.7;display:block}.agent-run{color:var(--accent)}.agent-continue{color:var(--muted);gap:7px;font-size:12px;display:flex}.agent-task-picker{margin-top:24px}.agent-task{padding:18px 0}.agent-task header{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.agent-task header>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.agent-state{background:var(--surface);border-radius:4px;flex-shrink:0;padding:3px 7px}.agent-state.state-completed{color:var(--agent-success)}.agent-state.state-failed,.agent-error{color:#bd463f}.agent-answer{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:17px;font-size:13px;line-height:1.8}.agent-answer a,.agent-file-link{color:var(--accent);overflow-wrap:anywhere;text-decoration:underline}.agent-file-link{font:inherit;padding:0}.agent-approval{border:1px solid var(--line);background:var(--surface);border-radius:7px;margin:15px 0;padding:14px}.agent-events{color:var(--muted);margin:14px 0;font-size:12px}.agent-events pre{white-space:pre-wrap;background:var(--surface);border-radius:6px;max-height:260px;padding:12px;font-size:11px;overflow:auto}.agent-task .settings-help{align-items:center;gap:7px;display:flex}.agent-storage{border-top:1px solid var(--line);color:var(--muted);padding-top:15px;font-size:12px;line-height:1.7}.agent-storage p{margin:8px 0}.agent-storage code{overflow-wrap:anywhere;font-size:11px}.agent-feedback{border:1px solid var(--line);background:var(--panel);overflow-wrap:anywhere;border-radius:7px;padding:11px 14px;font-size:12px;position:sticky;bottom:12px}.agent-error{overflow-wrap:anywhere;font-size:12px;line-height:1.7}.agent-settings button:disabled{opacity:.45;cursor:default}@media (max-width:700px){.agent-modes,.agent-target,.agent-list,.agent-presets{grid-template-columns:1fr}.agent-source-summary{flex-wrap:wrap}.agent-settings .settings-row{flex-wrap:wrap;gap:12px}}.agent-execution-picker{flex-wrap:wrap;align-items:end;gap:8px;min-width:0;padding:8px 0;font-size:12px;display:flex}.agent-execution-picker label{flex:1;gap:4px;min-width:100px;display:grid}.agent-execution-picker select{border:1px solid var(--border,#ddd);background:var(--surface,#fff);width:100%;max-width:100%;min-height:34px;color:inherit;border-radius:6px;padding:4px 8px}.assistant-panel>.agent-execution-picker{border-bottom:1px solid var(--line);flex:none;padding:12px}.agent-device-settings .settings-row{justify-content:flex-start;gap:10px}.agent-device-settings label.settings-row:has(>input[type=checkbox]){gap:10px;padding:12px 0;font-size:13px}.agent-device-settings label.settings-row:not(:has(>input[type=checkbox])){grid-template-columns:150px minmax(0,1fr);align-items:center;gap:20px;font-size:13px;display:grid}.agent-device-settings input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent);margin:0}.agent-device-settings input:not([type=checkbox]),.agent-device-settings select{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;max-width:440px;min-height:36px;color:inherit;font:inherit;border-radius:8px;padding:8px 11px}.agent-device-settings fieldset{border:1px solid var(--line);border-radius:8px;min-width:0;margin:18px 0;padding:8px 16px 14px}.agent-device-settings legend{color:var(--muted);padding:0 5px;font-size:12px}.agent-device-settings fieldset .settings-help{margin:8px 0 0}.agent-device-settings .settings-row>span[role=status]{color:var(--muted);margin-right:auto;font-size:12px}@media (max-width:640px){.agent-device-settings label.settings-row:not(:has(>input[type=checkbox])){grid-template-columns:1fr;gap:8px}}.agent-execution-picker .agent-runtime-choice{gap:6px;min-width:140px}.agent-runtime-choice>span{color:var(--muted);font-size:11px}.agent-runtime-select{border:1px solid var(--line);background:var(--panel);border-radius:9px;align-items:center;gap:8px;min-width:0;padding-left:10px;display:flex}.agent-runtime-select>svg{color:var(--muted);flex-shrink:0}.agent-runtime-select>select{background:0 0;border:0;min-width:0;min-height:36px;padding-left:0}.agent-execution-picker .agent-connect-mac{border-radius:9px;align-items:center;gap:6px;min-height:38px;display:inline-flex}.agent-nearby-toggle{flex-wrap:wrap}.agent-nearby-toggle>span{margin-left:auto}.agent-remote-advanced{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:12px 0;padding:12px 0}.agent-remote-advanced>summary{cursor:pointer;color:var(--muted);font-size:12px}.agent-remote-advanced>.settings-help{margin-top:14px}.studio-settings .agent-settings>.agent-execution-picker{gap:14px;margin-bottom:30px;padding:0}.studio-settings .agent-settings .agent-runtime-choice>span,.studio-settings .agent-settings .settings-group>h2{font-family:var(--font-ui);color:var(--text);letter-spacing:0;border:0;margin:0 0 12px;padding:0;font-size:13px;font-weight:500;line-height:1.5}.device-model-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,210px),1fr));gap:14px;display:grid}.device-model-card,.device-model-add{border:1px solid var(--line);background:var(--surface);border-radius:14px;min-width:0;overflow:hidden}.device-model-card[data-active=true]{background:var(--accent-soft)}.device-model-select{text-align:left;width:100%;min-height:136px;color:var(--text);grid-template-columns:1fr auto;gap:6px;padding:18px 18px 12px;display:grid}.device-model-brand{align-items:center;min-height:30px;margin-bottom:8px;display:flex}.device-model-brand svg{width:26px;height:26px}.device-model-check{width:22px;height:22px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.device-model-card[data-active=true] .device-model-check{background:var(--paper)}.device-model-select strong{overflow-wrap:anywhere;grid-column:1/-1;font-size:15px;font-weight:600}.device-model-name{color:var(--muted);overflow-wrap:anywhere;grid-column:1/-1;font-size:12px}.device-model-configure{text-align:left;width:100%;min-height:44px;color:var(--muted);border-top:1px solid var(--line);padding:10px 18px;font-size:12px;display:block}.device-model-add{min-height:180px;color:var(--muted);border-style:dashed;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:13px;display:flex}.device-model-add:hover,.device-model-configure:hover{color:var(--text);background:var(--hover)}.studio-welcome{box-sizing:border-box;width:100%;max-width:760px;color:var(--text);flex-direction:column;gap:28px;margin:0 auto;padding:28px 0 40px;display:flex;container-type:inline-size}.studio-welcome-intro h2{letter-spacing:-.5px;margin:0 0 10px;font-size:26px;font-weight:600;line-height:1.3}.studio-welcome-intro p{color:var(--muted);margin:0 0 6px;font-size:14px;line-height:1.65}.studio-welcome-section h3{color:var(--text);margin:0 0 10px;font-size:13px;font-weight:600}.studio-welcome-hint{color:var(--muted);margin:-4px 0 10px;font-size:12.5px;line-height:1.6}.studio-welcome-hosts{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.studio-welcome-host{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:52px;padding:8px 2px;display:flex}.studio-welcome-host .agent-brand-icon{border-radius:8px;width:32px;height:32px}.studio-welcome-host .agent-brand-icon img{width:20px;height:20px}.studio-welcome-host-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.studio-welcome-host-text strong{font-size:13.5px;font-weight:500}.studio-welcome-host-state{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.5}.studio-welcome-host[data-state=ready] .studio-welcome-host-state{color:var(--accent)}.studio-welcome-host .settings-button{max-width:100%;color:var(--text);text-decoration:none}.studio-welcome .settings-button{white-space:normal;text-align:left}.studio-welcome-fallback,.studio-welcome-result{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;font-size:12.5px;display:flex}.studio-welcome-fallback p,.studio-welcome-result p{flex-basis:100%;margin:0;line-height:1.6}.studio-welcome-fallback .settings-button,.studio-welcome-result .settings-button{color:var(--text);text-decoration:none}.studio-welcome-error{color:var(--danger);overflow-wrap:anywhere;margin:8px 0 0;font-size:12px}.studio-welcome-prompts,.studio-welcome-samples{flex-wrap:wrap;gap:8px;display:flex}.studio-welcome-prompt{border:1px solid var(--line);background:var(--paper);max-width:100%;min-height:32px;color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.studio-welcome-prompt>svg{color:var(--muted);flex-shrink:0}.studio-welcome-prompt:hover{background:var(--hover)}.studio-welcome-prompt[data-copied]{border-color:var(--accent)}.studio-welcome-prompt[data-copied]>svg,.studio-welcome-copied{color:var(--accent)}.studio-welcome-copied{font-size:12px}.studio-welcome-sample{border:1px solid var(--line);background:var(--paper);min-width:0;min-height:56px;color:var(--text);text-align:left;cursor:pointer;border-radius:8px;flex:200px;align-items:center;gap:10px;padding:10px 14px;display:flex}.studio-welcome-sample:hover{background:var(--hover)}.studio-welcome-sample>span{font-size:20px;line-height:1}.studio-welcome-sample strong{font-size:13.5px;font-weight:500;line-height:1.4}.studio-welcome-footer{display:flex}@container (width<=520px){.studio-welcome-intro h2{font-size:22px}.studio-welcome-host{flex-wrap:wrap}.studio-welcome-host .agent-brand-icon+.studio-welcome-host-text~.settings-button{margin-left:44px}}@container (width<=280px){.studio-welcome-host .agent-brand-icon+.studio-welcome-host-text~.settings-button{margin-left:0}}.studio-welcome-footer .studio-button{white-space:normal;max-width:100%}.onboarding-status{border:1px solid var(--line);background:var(--paper);border-radius:8px;flex-direction:column;gap:4px;padding:8px 10px;font-size:12px;display:flex}.onboarding-status-line{align-items:center;gap:7px;min-width:0;display:flex}.onboarding-status-dot{background:var(--muted);border-radius:50%;flex-shrink:0;width:7px;height:7px}.onboarding-status[data-state=ready] .onboarding-status-dot{background:var(--accent)}.onboarding-status[data-state=blocked] .onboarding-status-dot,.onboarding-status[data-state=error] .onboarding-status-dot{background:var(--danger)}.onboarding-status-source{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;font-weight:500;overflow:hidden}.onboarding-status-change{color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0}.onboarding-status-change:hover{text-decoration:underline}.onboarding-status-text{color:var(--muted);overflow-wrap:anywhere;margin:0;padding-left:14px;line-height:1.5}.onboarding-status[data-state=blocked] .onboarding-status-text,.onboarding-status[data-state=error] .onboarding-status-text{color:var(--text)}.onboarding-steps{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.onboarding-status .onboarding-steps{padding-left:14px}.onboarding-step{border:1px solid var(--line);background:var(--surface);height:26px;color:var(--text);font:12px/1 var(--font-ui,var(--font-sans,system-ui, sans-serif));white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;gap:5px;padding:0 9px;text-decoration:none;display:inline-flex}.onboarding-step:hover:not(:disabled){background:var(--hover)}.onboarding-step:disabled{cursor:default;opacity:.6}.studio-welcome-prompt-text{border:1px solid var(--line);background:var(--surface);-webkit-user-select:text;user-select:text;border-radius:6px;margin:8px 0 0;padding:8px 10px;font-size:12.5px;line-height:1.6}.live-frame{position:relative}.live-page{background:var(--lp-card);height:520px;position:relative;overflow:hidden}.live-frame:after,.app-stage:after{content:"";background:linear-gradient(transparent,color-mix(in srgb,var(--lp-card) 85%,transparent));pointer-events:none;height:56px;position:absolute;bottom:0;left:0;right:0}.scroll-arrow{z-index:6;border:1px solid var(--lp-line);background:var(--lp-card);width:40px;height:40px;color:var(--lp-text);touch-action:none;-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;transition:transform .15s,box-shadow .15s;display:grid;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 6px 18px -8px #1d184966}.scroll-arrow[data-direction=down]{animation:2.4s ease-in-out infinite scroll-hint;bottom:14px}.scroll-arrow[data-direction=up]{top:14px}.scroll-arrow:hover{box-shadow:0 8px 22px -8px #1d184988}.scroll-arrow:active{transform:translate(-50%)scale(.94)}@keyframes scroll-hint{0%,70%,to{translate:0}80%{translate:0 3px}90%{translate:0}}.live-page-document .container-page-column{padding:22px 26px 32px!important}.live-page-placeholder{opacity:.55;filter:saturate(.8);width:100%;height:auto;display:block}.live-page-loading{height:100%;color:var(--lp-subtle);place-items:center;font-size:13px;display:grid}.landing-compare{scroll-margin-top:calc(var(--lp-header) + 16px)}.compare{max-width:var(--lp-max);text-align:left;margin:58px auto 0}.compare-plugin{color:#1597f0;vertical-align:-3px;align-items:center;gap:5px;margin-right:6px;font-weight:600;display:inline-flex}.compare-plugin img{border-radius:5px}.compare-ask{height:172px;position:relative}.compare-center{z-index:1;align-items:center;gap:12px;width:380px;display:flex;position:absolute;top:50%;left:37%;transform:translate(-50%,-50%)}.compare-cloud{position:absolute;inset:0}.compare-chip[data-slot]{max-width:210px;position:absolute}.compare-chip{text-overflow:ellipsis;overflow:hidden}.compare-chip[data-slot="0"]{top:6px;left:3%}.compare-chip[data-slot="1"]{top:0;left:25%}.compare-chip[data-slot="2"]{top:8px;left:50%}.compare-chip[data-slot="3"]{top:2px;right:4%}.compare-chip[data-slot="4"]{top:82px;left:0}.compare-chip[data-slot="5"]{top:76px;left:61%}.compare-chip[data-slot="6"]{top:86px;right:0}.compare-chip[data-slot="7"]{bottom:2px;left:9%}.compare-chip[data-slot="8"]{bottom:8px;left:38%}.compare-chip[data-slot="9"]{bottom:0;right:13%}.compare-chip{--drift:0px;border:1px solid var(--lp-line);background:var(--lp-card);height:34px;color:var(--lp-muted);white-space:nowrap;transform:translateY(var(--drift));border-radius:999px;align-items:center;gap:7px;padding:0 13px;font-size:13px;transition:opacity .35s,scale .35s,border-color .15s,color .15s;animation:6s ease-in-out infinite compare-float;display:inline-flex;box-shadow:0 4px 14px -10px #1d184940}.compare-chip:before{content:"";background:var(--case-color,var(--lp-ink));border-radius:50%;flex-shrink:0;width:7px;height:7px}.compare-chip:hover{border-color:var(--lp-line-strong);color:var(--lp-text)}.compare-chip[aria-hidden=true]{opacity:0;pointer-events:none;scale:.85}.compare-chip:nth-child(3n+1){--drift:-6px;animation-duration:7s}.compare-chip:nth-child(3n+2){--drift:5px;animation-delay:-2s}.compare-chip:nth-child(3n){--drift:-2px;animation-duration:8s;animation-delay:-4s}@keyframes compare-float{0%,to{transform:translateY(var(--drift))}50%{transform:translateY(calc(var(--drift) - 5px))}}.compare-bubble{border:1px solid color-mix(in srgb,var(--lp-ink) 10%,var(--lp-line));background:color-mix(in srgb,var(--lp-ink) 5%,var(--lp-card));min-width:0;color:var(--lp-text);box-shadow:var(--lp-shadow);border-radius:18px 18px 18px 4px;flex:1;margin:0;padding:14px 18px;font-size:17px;line-height:1.6;animation:.4s cubic-bezier(.22,1,.36,1) both compare-ask}@keyframes compare-ask{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:none}}.compare-avatar{border-radius:11px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.compare-avatar svg{width:21px;height:21px}.compare-avatar-you{background:var(--lp-card);width:52px;height:52px;color:var(--lp-muted);border:1px solid var(--lp-line);box-shadow:var(--lp-shadow);border-radius:16px}.compare-avatar-you svg{width:28px;height:28px}.compare-avatar-muted{background:var(--lp-bg-soft);color:var(--lp-subtle);border:1px solid var(--lp-line);filter:grayscale()}.compare-answers{margin-top:22px;padding-top:28px;position:relative}.compare-answer-showai{z-index:2;width:74%;position:relative}.compare-answer-showai+.compare-open{margin-top:10px}.compare-answer-text{z-index:1;width:44%;box-shadow:var(--lp-shadow);position:absolute;top:0;right:0}.compare-answer.compare-answer-text>header{justify-content:flex-end}.compare-answer{border:1px solid var(--lp-line);background:var(--lp-card);border-radius:18px;overflow:hidden}.compare-answer>header{border-bottom:1px solid var(--lp-line);align-items:center;gap:10px;min-height:60px;padding:12px 16px;display:flex}.compare-answer>header strong{font-size:15px;font-weight:650}.compare-note{color:var(--lp-subtle);font-size:12.5px}.compare-answer-text{background:var(--lp-bg-soft);animation:.35s both landing-fade}.compare-answer-text>header strong{color:var(--lp-muted)}.compare-text{color:var(--lp-muted);padding:20px 22px 24px;font-size:15px;line-height:1.85}.compare-text p{margin:0 0 12px}.compare-text p:last-child{margin-bottom:0}.compare-answer-showai{border-color:color-mix(in srgb,var(--lp-ink) 30%,var(--lp-line));box-shadow:var(--lp-shadow-window)}.compare-open{color:var(--lp-ink-text);white-space:nowrap;background:0 0;border:0;border-radius:8px;align-items:center;gap:6px;padding:6px 10px;font-size:13px;font-weight:600;display:inline-flex}.compare-open:hover{background:var(--lp-ink-soft)}.plugins-showcase{grid-template-columns:minmax(0,5fr) minmax(0,8fr);align-items:start;gap:32px;display:grid}.plugin-window{border:1px solid var(--lp-line);background:var(--lp-card);box-shadow:var(--lp-shadow-window);border-radius:16px;overflow:hidden}.plugin-window-bar{border-bottom:1px solid var(--lp-line);background:var(--lp-bg-soft);height:38px;color:var(--lp-subtle);align-items:center;gap:7px;padding:0 14px;font-size:12.5px;display:flex}.plugin-window-bar i{background:#ff5f57;border-radius:50%;width:11px;height:11px}.plugin-window-bar i:nth-child(2){background:#febc2e}.plugin-window-bar i:nth-child(3){background:#28c840}.plugin-window-bar span{margin:0 auto;transform:translate(-24px)}.landing .plugin-welcome{max-width:none;font-family:var(--font-sans);margin:0;padding:26px 24px 28px}.landing .plugin-welcome h2{font-size:22px}.agent-gallery-tabs{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.agent-gallery-tabs button{border:1px solid var(--lp-line);background:var(--lp-card);height:38px;color:var(--lp-muted);border-radius:999px;align-items:center;gap:8px;padding:0 14px 0 10px;font-size:13.5px;transition:border-color .15s,color .15s;display:inline-flex;position:relative;overflow:hidden}.agent-gallery-tabs img{width:20px;height:20px}.agent-gallery-tabs button:hover{color:var(--lp-text);border-color:var(--lp-line-strong)}.agent-gallery-tabs button[aria-selected=true]{border-color:var(--lp-ink-text);color:var(--lp-text);font-weight:600}.agent-gallery-tabs button[data-auto]:after{content:"";background:var(--lp-ink-text);transform-origin:0;width:100%;height:2px;animation:4.2s linear both app-progress;position:absolute;bottom:0;left:0}.agent-gallery-deck{aspect-ratio:16/10;margin:28px 18px 0 0;position:relative}.agent-gallery-shot{background:#e9e8ef;border-radius:14px;margin:0;transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .5s,filter .5s;position:absolute;inset:0;overflow:hidden;box-shadow:0 2px 6px #1d18490f,0 30px 60px -30px #1d184966}.agent-gallery-shot img{object-fit:cover;width:100%;height:100%;display:block}.agent-gallery-shot[data-depth="0"]{z-index:4;transform:none}.agent-gallery-shot[data-depth="1"]{z-index:3;opacity:.75;filter:saturate(.7);transform:translate(3%,-5%)scale(.94)}.agent-gallery-shot[data-depth="2"]{z-index:2;opacity:.4;filter:saturate(.5);transform:translate(6%,-10%)scale(.88)}.agent-gallery-shot[data-depth="3"]{z-index:1;opacity:0;transform:translate(6%,-10%)scale(.88)}.agent-gallery-note{z-index:5;color:#fff;background:#1c1a24b3;border-radius:999px;padding:2px 9px;font-size:11.5px;position:absolute;bottom:12px;right:12px}.app-demo{position:relative}.app-rounds{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.app-rounds button{border:1px solid var(--lp-line);background:var(--lp-card);width:100%;height:100%;color:var(--lp-muted);text-align:left;border-radius:12px;flex-direction:column;gap:3px;padding:12px 14px 14px;transition:border-color .15s,color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.app-rounds button:hover{border-color:var(--lp-line-strong);color:var(--lp-text)}.app-rounds button[aria-pressed=true]{border-color:var(--lp-ink-text);color:var(--lp-text);box-shadow:0 0 0 1px var(--lp-ink-text) inset}.app-rounds button[data-past]{color:var(--lp-text)}.app-round-when{color:var(--lp-subtle);font-size:12px;font-weight:600}.app-rounds button[aria-pressed=true] .app-round-when{color:var(--lp-ink-text)}.app-round-what{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13.5px;font-weight:550;line-height:1.45;display:-webkit-box;overflow:hidden}.app-rounds button[data-auto]:after{content:"";background:var(--lp-ink-text);transform-origin:0;width:100%;height:3px;animation:7s linear both app-progress;position:absolute;bottom:0;left:0}@keyframes app-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.app-ask{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 18px;margin:22px auto 18px;animation:.4s cubic-bezier(.22,1,.36,1) both compare-ask;display:flex}.app-ask-bubble{background:var(--lp-ink-soft);max-width:640px;color:var(--lp-text);border-radius:16px 16px 4px;margin:0;padding:11px 16px;font-size:15px;line-height:1.6}.app-ask-result{color:var(--lp-add);margin:0;font-size:13.5px;font-weight:550}.app-ask-result:before{content:"✓ "}.app-stage{border:1px solid var(--lp-line);background:var(--lp-card);box-shadow:var(--lp-shadow-window);border-radius:14px;position:relative;overflow:hidden}.app-frame{transform-origin:0 0;position:absolute;top:0;left:0}.app-frame>*{border:0;width:100%;height:100%;position:absolute;inset:0}.app-placeholder{object-fit:cover;object-position:top left}.app-frame iframe{opacity:0;background:0 0;transition:opacity .4s}.app-frame iframe[data-ready]{opacity:1}.app-caption{color:var(--lp-subtle);flex-wrap:wrap;justify-content:center;gap:6px 14px;margin:14px 0 0;font-size:13px;display:flex}.app-caption button{color:var(--lp-ink-text);background:0 0;border:0;align-items:center;gap:5px;padding:0;font-weight:600;display:inline-flex}.mac-app{border:1px solid var(--lp-line);background:var(--lp-card);box-shadow:var(--lp-shadow-window);border-radius:14px;overflow:hidden}.mac-app-top{border-bottom:1px solid var(--lp-line);background:var(--lp-bg-soft);align-items:stretch;height:46px;display:flex}.mac-app-brand{border-right:1px solid var(--lp-line);flex-shrink:0;align-items:center;gap:10px;padding:0 14px;display:flex}.mac-app-brand strong{letter-spacing:-.2px;font-size:16px;font-weight:650}.mac-lights,.agent-chat-bar{border-bottom:1px solid var(--lp-line);background:var(--lp-bg-soft);align-items:center;height:40px;padding:0 14px}.mac-lights{margin-right:12px}.mac-lights i,.agent-chat-bar i{background:#ff5f57;border-radius:50%;width:12px;height:12px}.mac-lights i:nth-child(2),.agent-chat-bar i:nth-child(2){background:#febc2e}.mac-lights i:nth-child(3),.agent-chat-bar i:nth-child(3){background:#28c840}.mac-app-nav{color:var(--lp-subtle);align-items:center;gap:12px;margin-left:22px;display:flex}.mac-app-tabs{align-items:stretch;min-width:0;display:flex;overflow:hidden}.mac-app-tabs button{border:0;border-right:1px solid var(--lp-line);min-width:0;max-width:220px;color:var(--lp-muted);white-space:nowrap;background:0 0;align-items:center;gap:8px;padding:0 14px;font-size:13.5px;display:flex}.mac-app-tabs button>span:nth-child(2){text-overflow:ellipsis;overflow:hidden}.mac-app-tabs button:hover{color:var(--lp-text)}.mac-app-tabs button[aria-selected=true]{background:var(--lp-card);min-width:200px;color:var(--lp-text)}.mac-tab-close{color:var(--lp-subtle);margin-left:auto;padding-left:14px;font-size:16px}.mac-tab-add{width:40px;color:var(--lp-subtle);place-items:center;font-size:20px;display:grid}.mac-app-crumbs{border-bottom:1px solid var(--lp-line);height:46px;color:var(--lp-muted);white-space:nowrap;align-items:center;gap:8px;padding:0 18px 0 22px;font-size:14px;display:flex}.mac-app-crumbs strong{color:var(--lp-text);font-weight:600}.mac-crumb-sep{color:var(--lp-subtle);margin:0 6px}.mac-app-tools{color:var(--lp-muted);align-items:center;gap:20px;margin-left:auto;display:flex}.mac-app-agent{color:var(--lp-text);align-items:center;gap:6px;display:inline-flex}.mac-app-open{display:none}.mac-app .mac-page-title{letter-spacing:-.01em;align-items:center;gap:16px;margin:0;padding:36px 40px 6px;font-size:40px;font-weight:700;display:flex}.mac-app .live-page{height:570px}.mac-app .live-page-document .container-page-column{padding:12px 40px 40px!important}.explorer-stage{position:relative}.explorer-stage[data-agent] .mac-app{margin-left:29%}.agent-chat{z-index:3;border:1px solid var(--lp-line);background:var(--lp-card);border-radius:18px;flex-direction:column;width:36%;display:flex;position:absolute;top:44px;bottom:44px;left:0;overflow:hidden;box-shadow:0 2px 6px #1d18490f,0 30px 60px -24px #1d184955}.agent-chat-bar{border-bottom:1px solid var(--lp-line);align-items:center;gap:10px;padding:12px 14px;display:flex}.agent-chat-log{scrollbar-width:thin;flex-direction:column;flex:1;gap:14px;min-height:0;padding:14px 14px 18px;display:flex;overflow-y:auto}.agent-chat-user{background:var(--lp-ink-soft);max-width:88%;color:var(--lp-text);border-radius:14px 14px 4px;align-self:flex-end;margin:0;padding:10px 13px;font-size:13.5px;line-height:1.6}.agent-chat-turn{flex-direction:column;gap:7px;animation:.35s both agent-in;display:flex}@keyframes agent-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.agent-chat-event{color:var(--lp-text);align-items:baseline;gap:8px;margin:0;font-size:13.5px;line-height:1.6;animation:.3s both agent-in;display:flex}.agent-chat-tag{background:var(--lp-ink-soft);color:var(--lp-ink-text);border-radius:999px;flex-shrink:0;padding:1px 7px;font-size:11.5px;font-weight:600}.agent-chat-mark{text-align:center;width:16px;color:var(--lp-subtle);flex-shrink:0;font-weight:700}.agent-chat-event[data-status=passed] .agent-chat-mark{color:#1f9d63}.agent-chat-event[data-status=failed] .agent-chat-mark{color:var(--lp-remove)}.agent-chat-event[data-status=running] .agent-chat-mark{color:var(--lp-ink-text)}.agent-chat-running{font-size:13px}.agent-chat-composer{border:1px solid var(--lp-line);color:var(--lp-subtle);border-radius:12px;margin:0 12px 12px;padding:10px 14px;font-size:13px}.agent-spark{z-index:5;pointer-events:none;background:radial-gradient(circle,#fff 0 22%,#8f86ff 45%,#5b50f0 70%);border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:-7px;box-shadow:0 0 12px 4px #6c62ffaa,0 0 28px 10px #6c62ff44}.agent-ripple{z-index:4;pointer-events:none;border:2px solid #6c62ff;border-radius:50%;width:28px;height:28px;position:absolute;top:-14px;left:-14px}.usage-modes{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.usage-mode{border:1px solid var(--lp-line);background:var(--lp-card);box-shadow:var(--lp-shadow);border-radius:18px;flex-direction:column;padding:26px;display:flex}.usage-mode h3{margin:0;font-size:19px}.usage-mode>p{color:var(--lp-muted);margin:10px 0 0;font-size:14.5px;line-height:1.75}.usage-brands{flex-wrap:wrap;gap:10px;margin:22px 0 0;padding:0;list-style:none;display:flex}.usage-brand{border:1px solid var(--lp-line);background:var(--lp-bg);border-radius:12px;place-items:center;width:46px;height:46px;display:grid;position:relative}.usage-brand img{width:24px;height:24px}.usage-brand[data-tone]:after{content:"";border:2px solid var(--lp-card);background:var(--tone);border-radius:50%;width:11px;height:11px;position:absolute;bottom:-3px;right:-3px}[data-tone=ready]{--tone:#1f9d63}[data-tone=preview]{--tone:#e0a21b}[data-tone=invite]{--tone:#6d5df0}[data-tone=experimental]{--tone:#9a96a8}.usage-key,.usage-tools li{border:1px dashed var(--lp-line-strong);min-width:46px;height:46px;color:var(--lp-muted);border-radius:12px;place-items:center;padding:0 12px;font-size:12.5px;font-weight:600;display:grid}.usage-tools li{background:var(--lp-bg);color:var(--lp-ink-text);border-style:solid}.usage-legend{color:var(--lp-subtle);flex-wrap:wrap;gap:6px 14px;margin:12px 0 0;font-size:12px;display:flex}.usage-legend span{align-items:center;gap:5px;display:inline-flex}.usage-legend span:before{content:"";background:var(--tone);border-radius:50%;width:8px;height:8px}.usage-link{align-self:flex-start;margin-top:auto;padding-top:22px}:root[data-theme=dark] .usage-brand{background:#f4f4f7}@media (max-width:1180px){.compare-ask{height:auto}.compare-center{width:auto;position:static;transform:none}.compare-cloud{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex;position:static}.compare-chip[data-slot]{position:static}.compare-chip[aria-hidden=true]{display:none}}@media (max-width:960px){.plugins-showcase{grid-template-columns:minmax(0,1fr)}.explorer-stage[data-agent] .mac-app{margin-left:0}.mac-app-brand strong,.mac-app-nav,.mac-app-tools{display:none}.mac-app-open{color:var(--lp-ink-text);background:0 0;border:0;align-items:center;gap:6px;margin-left:auto;padding:0;font-weight:600;display:inline-flex}.agent-chat{width:auto;height:420px;margin-bottom:14px;position:relative;top:auto;bottom:auto}.compare-answers{flex-direction:column;gap:16px;padding-top:0;display:flex}.compare-answer-showai,.compare-answer-text{width:auto;position:relative}.compare-answer.compare-answer-text>header{justify-content:flex-start}.app-rounds{grid-template-columns:repeat(3,minmax(0,1fr))}.usage-modes{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){.compare{margin-top:40px}.compare-ask{justify-content:flex-start}.compare-note{display:none}.compare-cloud{scrollbar-width:none;margin:0 calc(var(--lp-gutter) * -1);padding:8px var(--lp-gutter);flex-wrap:nowrap;overflow-x:auto}.compare-chip{flex-shrink:0}.compare-chip[aria-hidden=true]{display:none}.live-page{height:520px}.app-rounds{scrollbar-width:none;display:flex;overflow-x:auto}.app-rounds li{flex:0 0 150px}.usage-mode{padding:20px}}@media (prefers-reduced-motion:reduce){.scroll-arrow,.agent-gallery-shot,.compare-chip,.compare-bubble,.agent-chat-turn,.agent-chat-event{transition:none;animation:none}}.homepage-topbar-actions{flex-shrink:0;align-items:center;gap:4px;margin-left:auto;padding-right:12px;display:flex}.homepage-topbar-actions .showcase-github{margin:0!important;position:static!important}.homepage-language{align-items:center;display:flex;position:relative}.homepage-language-trigger{height:32px;color:var(--text-muted,#777);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:5px;padding:0 9px;display:inline-flex}.homepage-language-trigger:hover,.homepage-language-trigger[aria-expanded=true]{background:var(--hover-bg,#8080801f);color:var(--text,#333)}.homepage-language-trigger:focus-visible,.homepage-language-menu button:focus-visible{outline:2px solid var(--accent,#7963bf);outline-offset:2px}.homepage-language-menu{z-index:10000;border:1px solid var(--border,#dedbd6);background:var(--panel-bg,var(--paper,#fff));min-width:164px;color:var(--text,#333);border-radius:10px;padding:5px;line-height:1.4;position:absolute;top:calc(100% + 7px);right:0;box-shadow:0 8px 28px #0002}.homepage-language-menu button{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:6px;justify-content:space-between;gap:20px;padding:9px 11px;font-size:13px;display:flex}.homepage-language-menu button:hover,.homepage-language-menu button:focus{background:var(--hover-bg,#8080801f)}.homepage-language-menu button[aria-checked=true]{color:var(--accent,#7963bf)}.homepage-language-error{background:var(--paper,#fff);color:#b43e35;z-index:10000;border-radius:8px;width:240px;padding:12px;font-size:13px;position:absolute;top:38px;right:0;box-shadow:0 4px 18px #0002}html[lang=en] .agent-dock-enter{white-space:nowrap}@media (max-width:600px){.homepage-topbar-actions{gap:0;padding-right:6px}.homepage-language-menu{min-width:150px}}@media (max-width:780px){.reading-outline{display:none}}.homepage-language-current{letter-spacing:.02em;font-size:12.5px;font-weight:600}html[data-homepage-mode=landing],html[data-homepage-mode=landing] body,html[data-homepage-mode=landing] #root{height:auto;min-height:100%}html[data-homepage-mode=landing] body{background:var(--lp-page,#fff);overflow:auto}html[data-homepage-mode=landing][data-theme=dark] body{--lp-page:#111114}.showcase-shell[hidden],.landing[hidden]{display:none!important}.landing{--lp-bg:#fff;--lp-bg-soft:#f8f8fb;--lp-text:#1c1a24;--lp-muted:#5d5968;--lp-subtle:#858191;--lp-line:#e7e5ee;--lp-line-strong:#d6d3e1;--lp-card:#fff;--lp-ink:#120a8f;--lp-ink-text:#120a8f;--lp-ink-soft:#eeedf9;--lp-ink-hover:#0d076b;--lp-on-ink:#fff;--lp-you:#c2570c;--lp-you-soft:#fdf0e6;--lp-add:#0f6e4c;--lp-add-bg:#e8f5ee;--lp-remove:#a8323a;--lp-remove-bg:#fbecec;--lp-shadow:0 1px 2px #1d18490a,0 8px 24px -12px #1d184924;--lp-shadow-window:0 2px 5px #1d184907,0 14px 35px -12px #1d184920,0 35px 70px -35px #1d184921;--lp-max:1160px;--lp-header:64px;--lp-gutter:28px;--showai-ink:var(--lp-ink);--brand:var(--lp-ink);background:var(--lp-bg);min-height:100vh;color:var(--lp-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;font-weight:400}:root[data-theme=dark] .landing{--lp-bg:#111114;--lp-bg-soft:#16161b;--lp-text:#f1f0f6;--lp-muted:#b2aec0;--lp-subtle:#8e8a9c;--lp-line:#2a2933;--lp-line-strong:#3b3947;--lp-card:#1a1a20;--lp-ink:#5b50f0;--lp-ink-text:#b6b0ff;--lp-ink-soft:#24223d;--lp-ink-hover:#6c62ff;--lp-on-ink:#fff;--lp-you:#f6a465;--lp-you-soft:#3a2617;--lp-add:#6fd6a8;--lp-add-bg:#17302a;--lp-remove:#ff9a95;--lp-remove-bg:#3a1e21;--lp-shadow:0 0 0 1px #ffffff08,0 10px 30px -14px #000c;--lp-shadow-window:0 0 0 1px #ffffff0a,0 30px 70px -30px #000e}.landing *{box-sizing:border-box}.landing :is(h1,h2,h3){font-family:var(--font-sans);color:var(--lp-text)}.landing a{color:inherit}.landing button{cursor:pointer;font-family:inherit}.landing :is(a,button,summary,[tabindex]):focus-visible{outline:2px solid var(--lp-ink-text);outline-offset:3px}.landing :is(main,section,details)[tabindex="-1"]:focus{outline:none}.landing code{font-family:var(--font-mono);font-size:.92em}.landing-skip{z-index:60;background:var(--lp-ink);border-radius:10px;padding:10px 14px;font-size:14px;text-decoration:none;position:fixed;top:-60px;left:16px;color:var(--lp-on-ink)!important}.landing-skip:focus{top:12px}.landing-banner{background:var(--lp-ink-soft);justify-content:center;align-items:center;min-height:40px;padding:6px 48px;font-size:13px;display:flex;position:relative}.landing-banner a{color:var(--lp-text);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;text-decoration:none;display:inline-flex}.landing-banner-tag{background:var(--lp-ink);color:var(--lp-on-ink);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.landing-banner-link{color:var(--lp-ink-text);align-items:center;gap:4px;font-weight:550;display:inline-flex}.landing-banner button{width:28px;height:28px;color:var(--lp-muted);background:0 0;border:0;border-radius:8px;font-size:18px;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.landing-banner button:hover{background:var(--lp-bg)}.landing-header{z-index:40;height:var(--lp-header);background:color-mix(in srgb,var(--lp-bg) 84%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid #0000;transition:border-color .2s;position:sticky;top:0}.landing-header[data-scrolled]{border-bottom-color:var(--lp-line)}.landing-header-inner{height:100%;max-width:calc(var(--lp-max) + var(--lp-gutter) * 2);padding:0 var(--lp-gutter);align-items:center;gap:24px;margin:0 auto;display:flex}.landing-brand{color:var(--lp-text);flex-shrink:0;align-items:center;gap:9px;text-decoration:none;display:inline-flex}.landing-brand img{width:26px;height:26px}.landing-brand strong{letter-spacing:-.3px;font-size:17px;font-weight:650}.landing-header-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.landing-header-workbench{border:1px solid var(--lp-line-strong);background:var(--lp-card);height:31px;color:var(--lp-text);white-space:nowrap;border-radius:8px;padding:0 12px;font-size:12.5px;font-weight:500;transition:border-color .15s,color .15s}.landing-header-workbench:hover{border-color:var(--lp-ink-text);color:var(--lp-ink-text)}.landing-header .homepage-install-trigger{margin-right:0}.landing-header .showcase-github{width:34px;height:34px;color:var(--lp-text)}.landing-header .showcase-github:hover{background:var(--lp-bg-soft);color:var(--lp-ink-text)}.landing-header .homepage-language-trigger{color:var(--lp-text)}.landing-button{white-space:nowrap;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 22px;font-size:15px;font-weight:600;line-height:1.2;text-decoration:none;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s;display:inline-flex}.landing-button svg{flex-shrink:0;width:18px;height:18px}.landing-button-primary{background:var(--lp-ink);box-shadow:0 10px 24px -12px color-mix(in srgb,var(--lp-ink) 80%,transparent);color:var(--lp-on-ink)!important}.landing-button-primary:hover{background:var(--lp-ink-hover);transform:translateY(-1px)}.landing-button-secondary{background:var(--lp-card);border-color:var(--lp-line-strong);color:var(--lp-text)}.landing-button-secondary:hover{border-color:var(--lp-ink-text);color:var(--lp-ink-text);transform:translateY(-1px)}.landing-button-ghost{color:var(--lp-ink-text);background:0 0;padding:0 14px}.landing-button-ghost:hover{background:var(--lp-ink-soft)}.landing-button-ghost svg{transition:transform .2s}.landing-button-ghost:hover svg{transform:translate(3px)}.landing-inline-link{color:var(--lp-ink-text);font:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-weight:550;text-decoration:none;display:inline-flex}.landing-inline-link:hover{text-underline-offset:4px;text-decoration:underline}.landing-inline-link svg{width:15px;height:15px}.landing-hero{padding:76px var(--lp-gutter) 0;text-align:center;background:radial-gradient(ellipse 70% 52% at 50% 0%,color-mix(in srgb,var(--lp-ink) 9%,transparent),transparent 72%)}.landing-hero-copy{max-width:1160px;margin:0 auto;animation:.7s cubic-bezier(.22,1,.36,1) both landing-rise}.landing-hero-name{letter-spacing:-.2px;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:650;display:inline-flex}.landing-hero-name img{width:28px;height:28px}.landing-hero-tag{border:1px solid var(--lp-line-strong);color:var(--lp-muted);letter-spacing:0;border-radius:999px;padding:3px 9px;font-size:12px;font-weight:500}.landing-hero h1{letter-spacing:-.025em;text-wrap:balance;word-break:keep-all;max-width:20em;margin:0 auto;font-size:clamp(34px,4.4vw,60px);font-weight:650;line-height:1.15}.landing-title-logo{vertical-align:-.13em;width:.92em;height:.92em;margin-right:.28em;display:inline-block}:lang(zh) .landing-hero h1,:lang(zh-CN) .landing-hero h1{letter-spacing:-.01em}.landing-hero-lead{max-width:660px;color:var(--lp-muted);text-wrap:balance;margin:22px auto 0;font-size:clamp(17px,1.5vw,19.5px);line-height:1.72}.landing-hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:22px;display:flex}.landing-hero-meta{color:var(--lp-subtle);margin:16px 0 0;font-size:13px;line-height:1.7}.landing-hero-meta a{color:var(--lp-ink-text);text-underline-offset:3px;margin-left:6px}.landing .landing-fragment{background:0 0}.landing-fragment-loading{background:linear-gradient(100deg,var(--lp-bg-soft) 30%,color-mix(in srgb,var(--lp-line) 55%,var(--lp-bg-soft)) 50%,var(--lp-bg-soft) 70%) 0 0/200% 100%;color:var(--lp-subtle);border-radius:14px;place-items:center;font-size:13px;animation:1.6s linear infinite landing-shimmer;display:grid}.landing .landing-fragment .editor-readonly-note,.landing .landing-fragment .container-page-heading{display:none}.landing-section{padding:120px var(--lp-gutter);scroll-margin-top:var(--lp-header)}.landing-container{max-width:var(--lp-max);margin:0 auto}.landing-tinted{background:var(--lp-bg-soft);border-top:1px solid var(--lp-line);border-bottom:1px solid var(--lp-line)}.landing-tinted+.landing-section:not(.landing-tinted){border-top:0}.landing-section-head{margin-bottom:44px}.landing-section-head h2{letter-spacing:-.02em;margin:16px 0 0;font-size:clamp(30px,3.4vw,44px);font-weight:650;line-height:1.18}.landing-lead{max-width:780px;color:var(--lp-muted);text-wrap:pretty;margin:16px 0 0;font-size:18px;line-height:1.78}.landing-body{max-width:760px;color:var(--lp-muted);margin:0 0 8px;font-size:16px;line-height:1.85}.landing-body .landing-inline-link{margin-left:4px}.landing-section h3{letter-spacing:-.1px;margin:0;font-size:19px;font-weight:650}.landing-catalog{margin-top:28px}.landing .catalog-showcase{margin:0}.landing .showcase-section-label{color:var(--lp-text);font-size:14px}.landing .showcase-section-label a{color:var(--lp-ink-text);font-size:12.5px}.landing .preview-tile{border-color:var(--lp-line);background:var(--lp-card);color:var(--lp-muted)}.landing .preview-caption{border-top-color:var(--lp-line);color:var(--lp-text)}.landing .native-preview-frame{background:var(--lp-card)}.landing .preview-loading{border-bottom-color:var(--lp-line);color:var(--lp-subtle)}.landing .feature-showcase{scroll-margin-top:var(--lp-header);margin:0}.landing .feature-tabs{top:var(--lp-header);background:color-mix(in srgb,var(--lp-bg) 92%,transparent);border-bottom-color:var(--lp-line)}.landing .feature-tabs>button{color:var(--lp-muted);font-size:14px}.landing .feature-tabs>button[aria-selected=true],.landing .feature-tabs>button:hover{color:var(--lp-ink-text);border-color:var(--lp-ink-text)}@media (min-width:961px){.landing .feature-showcase{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:44px;display:grid}.landing .feature-tabs{top:calc(var(--lp-header) + 24px);border-bottom:0;border-left:1px solid var(--lp-line);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-direction:column;gap:2px;padding:0;overflow:visible}.landing .feature-tabs>button{text-align:left;white-space:normal;border-bottom:0;border-left:2px solid #0000;flex:none;margin-left:-1px;padding:12px 16px}.landing .feature-tabs>button[aria-selected=true]{border-left-color:var(--lp-ink-text);background:var(--lp-ink-soft);border-radius:0 8px 8px 0}.landing .feature-panel{min-width:0}}.landing .feature-article{color:var(--lp-muted)}.landing .feature-article-heading>h2,.landing .feature-copy>h3,.landing .feature-copy h3{color:var(--lp-text)}.landing .feature-copy .sb-rich-text,.landing .feature-copy .ProseMirror{color:var(--lp-muted)}.landing .feature-copy .sb-rich-text strong,.landing .feature-copy strong{color:var(--lp-text)}.landing .article-figure{border-top-color:var(--lp-line)}.landing .article-figure>figcaption,.landing .example-description{color:var(--lp-subtle)}.landing .article-more a,.landing .article-inline-link{color:var(--lp-ink-text)}.landing .article-export{border-color:var(--lp-ink);background:var(--lp-ink);color:var(--lp-on-ink)}.landing .article-export:hover{background:var(--lp-ink-hover)}.landing .article-ask{border-left-color:color-mix(in srgb,var(--lp-ink-text) 45%,transparent);background:var(--lp-ink-soft)}.landing .article-ask>span{color:var(--lp-muted)}.landing .article-ask>p{color:var(--lp-text)}.landing-prereq{border:1px solid var(--lp-line);background:var(--lp-bg-soft);color:var(--lp-muted);border-radius:12px;margin:-20px 0 34px;padding:10px 16px;font-size:14.5px;line-height:1.7;display:inline-block}.landing-steps{counter-reset:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.landing-steps>li{border:1px solid var(--lp-line);background:var(--lp-card);min-width:0;box-shadow:var(--lp-shadow);border-radius:18px;flex-direction:column;gap:16px;padding:24px;display:flex}.landing-steps>li>div{flex-direction:column;align-items:flex-start;gap:16px;min-width:0;display:flex}.landing-steps p{color:var(--lp-muted);margin:0;font-size:15px;line-height:1.78}.landing-steps strong{color:var(--lp-text);font-weight:650}.landing-step-index{background:var(--lp-ink);width:34px;height:34px;color:var(--lp-on-ink);border-radius:50%;place-items:center;font-weight:650;display:grid}.landing-step-download{min-height:42px;padding:0 18px;font-size:14px}.landing-prompts{flex-direction:column;gap:10px;width:100%;display:flex}.landing-prompt-options{flex-wrap:wrap;gap:6px;display:flex}.landing-prompt-options button{border:1px solid var(--lp-line-strong);background:var(--lp-card);color:var(--lp-muted);border-radius:999px;padding:5px 11px;font-size:12.5px}.landing-prompt-options button[aria-pressed=true]{background:var(--lp-ink-soft);color:var(--lp-ink-text);border-color:#0000;font-weight:600}.landing-prompt{border:1px solid var(--lp-line);background:var(--lp-bg-soft);border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.landing-prompt p{color:var(--lp-text);font-size:14px;line-height:1.75}.landing-copy{border:1px solid var(--lp-line-strong);background:var(--lp-card);color:var(--lp-text);white-space:nowrap;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:6px 11px;font-size:12.5px;display:inline-flex}.landing-copy svg{width:14px;height:14px}.landing-copy:hover{border-color:var(--lp-ink-text);color:var(--lp-ink-text)}.landing-start-links{flex-wrap:wrap;gap:12px 28px;margin:26px 0 0;display:flex}.landing-start-links a{color:var(--lp-ink-text);align-items:center;gap:6px;font-size:14.5px;font-weight:550;text-decoration:none;display:inline-flex}.landing-start-links a:hover{text-underline-offset:4px;text-decoration:underline}.landing-other{border:1px solid var(--lp-line);background:var(--lp-card);scroll-margin-top:calc(var(--lp-header) + 16px);border-radius:16px;margin-top:40px}.landing-other>summary{cursor:pointer;flex-wrap:wrap;align-items:baseline;gap:4px 14px;padding:18px 22px;font-size:16px;font-weight:600;list-style:none;display:flex}.landing-other>summary::-webkit-details-marker{display:none}.landing-other>summary:before{content:"";border-right:1.6px solid var(--lp-muted);border-bottom:1.6px solid var(--lp-muted);align-self:center;width:8px;height:8px;margin-right:2px;transition:transform .2s;transform:rotate(-45deg)}.landing-other[open]>summary:before{transform:rotate(45deg)}.landing-other-hint{color:var(--lp-subtle);font-size:13px;font-weight:400}.landing-other-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:4px 22px 22px;display:grid}.landing-other-grid article{background:var(--lp-bg-soft);border-radius:12px;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:18px;display:flex}.landing-other-grid h3{font-size:15.5px}.landing-other-grid p{color:var(--lp-muted);margin:0;font-size:13.5px;line-height:1.75}.landing-code{flex-direction:column;gap:8px;width:100%;display:flex}.landing-code pre{border:1px solid var(--lp-line);background:var(--lp-card);border-radius:10px;margin:0;padding:12px 14px;overflow:auto}.landing-code code{font:400 12px/1.9 var(--font-mono);color:var(--lp-text)}.landing-pillars{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.landing-pillars article{border:1px solid var(--lp-line);background:var(--lp-card);border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:26px;display:flex}.landing-pillars h3{font-size:19px}.landing-pillars p{color:var(--lp-muted);margin:0;font-size:15px;line-height:1.78}.landing-faq{border-top:1px solid var(--lp-line);margin-top:44px}.landing-faq details{border-bottom:1px solid var(--lp-line)}.landing-faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 4px;font-size:16.5px;font-weight:600;list-style:none;display:flex}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{content:"+";color:var(--lp-subtle);flex-shrink:0;font-size:22px;font-weight:300;line-height:1;transition:transform .2s}.landing-faq details[open] summary:after{transform:rotate(45deg)}.landing-faq details p{max-width:820px;color:var(--lp-muted);margin:0;padding:0 4px 22px;font-size:15px;line-height:1.85}.landing-final{padding:120px var(--lp-gutter) 112px;text-align:center;background:radial-gradient(ellipse 60% 70% at 50% 100%,color-mix(in srgb,var(--lp-ink) 8%,transparent),transparent 70%);flex-direction:column;align-items:center;display:flex}.landing-final img{width:48px;height:48px}.landing-final h2{word-break:keep-all;text-wrap:balance;letter-spacing:-.02em;max-width:14em;margin:22px 0 0;font-size:clamp(30px,3.8vw,48px);font-weight:650;line-height:1.15}.landing-final p{max-width:600px;color:var(--lp-muted);text-wrap:balance;margin:16px 0 0;font-size:17px;line-height:1.75}.landing-footer{max-width:calc(var(--lp-max) + var(--lp-gutter) * 2);padding:28px var(--lp-gutter) 40px;border-top:1px solid var(--lp-line);color:var(--lp-subtle);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin:0 auto;font-size:13px;display:flex}.landing-footer nav{flex-wrap:wrap;gap:8px 22px;display:flex}.landing-footer a{color:var(--lp-muted);text-decoration:none}.landing-footer a:hover{color:var(--lp-ink-text)}.homepage-home-button{border:1px solid var(--border,#ddd);height:29px;color:inherit;font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border-radius:7px;align-items:center;gap:5px;margin-right:4px;padding:0 9px;font-size:12px;display:inline-flex}.homepage-home-button:hover{border-color:var(--brand-accent,#120a8f);color:var(--brand-accent,#120a8f)}@media (max-width:600px){.homepage-home-button{border:0;justify-content:center;width:32px;padding:0}.homepage-home-button span{display:none}.showcase-shell .showcase-native-topbar .studio-topbar-brand{width:104px!important}}@media (max-width:420px){.showcase-native-topbar .homepage-install-trigger{width:32px;padding:0}.showcase-native-topbar .homepage-install-trigger span{display:none}}:root[data-theme=dark] .landing .showcase-section-label>span{color:var(--lp-text)}:root[data-theme=dark] .landing .article-options>button{border-color:var(--lp-line-strong);color:var(--lp-muted)}:root[data-theme=dark] .landing .article-options>button[aria-pressed=true]{background:var(--lp-ink-soft);color:var(--lp-ink-text);border-color:#0000}:root[data-theme=dark] .landing .device-stage{background:radial-gradient(circle at 70% 30%,#232232,#16161b 70%)}:root[data-theme=dark] .landing :is(.file-chip,.site-browser,.site-card,.version-track button,.version-doc,.version-nav button,.fragment-source button,.fragment-chat,.trip-track button){border-color:var(--lp-line);background:var(--lp-card);color:var(--lp-muted)}:root[data-theme=dark] .landing :is(.file-chip b,.site-card b,.version-label,.fragment-source b,.chat-card-bar b,.trip-track button[aria-pressed=true]){color:var(--lp-text)}:root[data-theme=dark] .landing :is(.site-chrome,.site-nav){border-color:var(--lp-line);background:var(--lp-bg-soft);color:var(--lp-subtle)}:root[data-theme=dark] .landing .site-nav button{color:var(--lp-muted)}:root[data-theme=dark] .landing .site-nav button[aria-pressed=true],:root[data-theme=dark] .landing :is(.version-track button,.fragment-source button,.trip-track button)[aria-pressed=true]{background:var(--lp-ink-soft);color:var(--lp-ink-text);box-shadow:none;border-color:#0000}:root[data-theme=dark] .landing :is(.site-card p,.role-can,.chat-agent>p,.version-doc){color:var(--lp-muted)}:root[data-theme=dark] .landing .version-doc p[data-change=add]{background:var(--lp-add-bg);color:var(--lp-add)}:root[data-theme=dark] .landing .version-doc p[data-change=remove]{background:var(--lp-remove-bg);color:var(--lp-remove)}:root[data-theme=dark] .landing .chat-user{background:var(--lp-ink-soft);color:var(--lp-text)}:root[data-theme=dark] .landing :is(.chat-card,.chat-card-bar){border-color:var(--lp-line)}:root[data-theme=dark] .landing .trip-stage{background:linear-gradient(90deg,#2a2018,#1d1f2b 35% 65%,#2a2018)}:root[data-theme=dark] .landing .trip-index{background:var(--lp-bg-soft);color:var(--lp-muted)}@keyframes landing-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes landing-fade{0%{opacity:0}to{opacity:1}}@keyframes landing-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes landing-pulse{0%{opacity:.25}to{opacity:1}}@keyframes landing-ring{0%,to{box-shadow:0 0 0 4px color-mix(in srgb,var(--lp-you) 18%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--lp-you) 8%,transparent)}}@media (max-width:960px){.landing{--lp-gutter:24px}.landing-section{padding-top:88px;padding-bottom:88px}.landing-steps,.landing-other-grid{grid-template-columns:1fr}}@media (max-width:720px){.landing{--lp-header:56px;--lp-gutter:16px}.landing-header-inner{gap:8px}.landing-header-workbench{display:none}.landing-header .homepage-install-trigger{padding:4px 9px}.landing-hero{padding-top:44px}.landing-hero-name{font-size:16px}.landing-hero h1{font-size:clamp(30px,8.6vw,40px)}.landing-hero-lead{font-size:16.5px}.landing-hero-actions{flex-direction:column;align-items:stretch;gap:10px;max-width:420px;margin-top:28px;margin-left:auto;margin-right:auto}.landing-button{width:100%}.landing-section{padding-top:72px;padding-bottom:72px}.landing-section-head{margin-bottom:32px}.landing-lead{font-size:16.5px}.landing-pillars{grid-template-columns:1fr}.landing-final{padding-top:88px;padding-bottom:88px}.landing-final .landing-hero-actions{width:100%}.landing-footer{flex-direction:column;align-items:flex-start}}@media (max-width:420px){.landing-header .homepage-install-trigger span{display:none}.landing-header .homepage-install-trigger{width:34px;padding:0}.landing-header .showcase-github{display:none}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.homepage-share{flex-shrink:0;position:relative}.homepage-share-trigger{border:1px solid var(--border,#ddd);color:inherit;font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:7px;padding:5px 9px}.homepage-share-panel{z-index:10000;box-sizing:border-box;background:var(--panel-bg,var(--paper,#fff));width:min(360px,100vw - 32px);color:var(--text,#222);border:1px solid var(--border,#ddd);border-radius:12px;gap:10px;padding:16px;display:grid;position:fixed;box-shadow:0 8px 32px #0002}.homepage-share-panel label{font-weight:600}.homepage-share-panel input{box-sizing:border-box;border:1px solid var(--border,#ddd);width:100%;min-width:0;color:inherit;background:0 0;border-radius:6px;padding:8px}.homepage-share-panel button{border:1px solid var(--border,#ddd);color:inherit;cursor:pointer;background:0 0;border-radius:6px;justify-self:end;padding:6px 12px}.homepage-share-panel p{margin:0;font-size:12px;line-height:1.5}.homepage-share-trigger svg{display:none}@media (max-width:600px){.homepage-share-trigger{border:0;place-items:center;width:32px;height:32px;padding:0;display:grid}.homepage-share-trigger svg{display:block}.homepage-share-trigger span{display:none}}html[data-homepage-mode=reader],html[data-homepage-mode=reader] body,html[data-homepage-mode=reader] #root{height:auto;min-height:100%}html[data-homepage-mode=reader] body{overflow:auto}.reader{--rd-bg:#fff;--rd-text:#1c1a24;--rd-muted:#5d5968;--rd-line:#e7e5ee;--rd-line-strong:#d6d3e1;--rd-ink:#120a8f;--rd-ink-hover:#0d076b;--rd-on-ink:#fff;--rd-bar:56px;background:var(--rd-bg);min-height:100vh;color:var(--rd-text);font-family:var(--font-sans)}:root[data-theme=dark] .reader{--rd-bg:#111114;--rd-text:#f1f0f6;--rd-muted:#b2aec0;--rd-line:#2a2933;--rd-line-strong:#3b3947;--rd-ink:#5b50f0;--rd-ink-hover:#6c62ff;--rd-on-ink:#fff}.reader *{box-sizing:border-box}.reader-bar{z-index:40;height:var(--rd-bar);background:color-mix(in srgb,var(--rd-bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4)blur(14px);backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--rd-line);position:sticky;top:0}.reader-bar-inner{align-items:center;gap:18px;max-width:1280px;height:100%;margin:0 auto;padding:0 24px;display:flex}.reader-brand{color:var(--rd-text);cursor:pointer;background:0 0;border:0;flex-shrink:0;align-items:center;gap:8px;padding:0;display:inline-flex}.reader-brand img{width:24px;height:24px}.reader-brand strong{letter-spacing:-.3px;font-size:16px;font-weight:650}.reader-crumbs{min-width:0;color:var(--rd-muted);flex:1;align-items:center;gap:8px;font-size:13.5px;display:flex}.reader-project{white-space:nowrap;flex-shrink:0}.reader-project:after{content:"/";color:var(--rd-line-strong);margin-left:8px}.reader-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--rd-text);font-weight:550;overflow:hidden}.reader-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.reader-edit{background:var(--rd-ink);height:32px;color:var(--rd-on-ink);white-space:nowrap;cursor:pointer;border:0;border-radius:8px;padding:0 13px;font-size:13px;font-weight:550;transition:background .15s}.reader-edit:hover{background:var(--rd-ink-hover)}.reader-edit:focus-visible,.reader-brand:focus-visible{outline:2px solid var(--rd-ink);outline-offset:2px}.reader-actions .homepage-home-button{display:none}.reader-main{max-width:1000px;margin:0 auto;padding:28px 24px 96px}.reader-document{background:0 0}.reader-loading,.reader-error{text-align:center;color:var(--rd-muted);padding:72px 0;font-size:14px}@media (max-width:720px){.reader-bar-inner{gap:10px;padding:0 14px}.reader-brand strong,.reader-project,.reader-actions .showcase-github{display:none}.reader-main{padding:18px 14px 72px}}html,body,#root{height:100%;margin:0}body{overflow:hidden}.showcase-shell{min-width:980px;height:100dvh;color:var(--text);font-family:var(--font-sans);background:#fff;flex-direction:column;padding:0 34px 32px;font-weight:400;display:flex}.showcase-shell [hidden]{display:none!important}.showcase-top{z-index:30;flex-shrink:0;align-items:center;height:86px;padding:0 9px;display:flex;position:relative}.showcase-brand{letter-spacing:-.6px;color:#222;align-items:center;gap:10px;font-size:22px;font-weight:650;text-decoration:none;display:flex}.showcase-brand img{width:30px;height:30px}.showcase-mode{background:#f6f6f8;border:1px solid #e9e8ef;border-radius:12px;gap:3px;padding:4px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.showcase-mode button{font:inherit;cursor:pointer;color:#77737e;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;display:flex}.showcase-mode button[aria-selected=true]{color:var(--brand);background:#fff;border-color:#e7e5f0;box-shadow:0 2px 4px #1b164509}.showcase-mode img,.showcase-mode svg{width:18px;height:18px}.showcase-github{color:#333;border-radius:50%;place-items:center;width:38px;height:38px;margin-left:auto;transition:background .2s;display:grid}.showcase-github:hover{color:var(--brand);background:#f4f3f8}.showcase-screen{isolation:isolate;background:#fff;border:1px solid #e2e1e7;border-radius:19px;flex:1;min-height:0;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 5px #1d184907,0 14px 35px -12px #1d184920,0 35px 70px -35px #1d184921}.showcase-agent{background:#fcfcfd;flex-direction:column;flex:1;min-width:0;display:flex}.agent-scroll{scrollbar-width:thin;scrollbar-color:#dcd9e6 transparent;overscroll-behavior:contain;outline:none;flex:1;min-height:0;overflow:auto}.conversation{width:calc(100% - 140px);max-width:920px;margin:0 auto;padding:46px 0 14px}.conversation-turn{opacity:0;min-height:100px;margin:0 0 64px;scroll-margin-top:38px;transition:opacity .7s,transform .7s cubic-bezier(.2,.8,.2,1);transform:translateY(35px)}.conversation-turn.is-visible{opacity:1;transform:none}.user-question{justify-content:flex-end;align-items:flex-start;gap:14px;margin-bottom:32px;display:flex}.message-avatar{border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.user-avatar{color:#6b6483;background:#f0eff6;order:2;margin-top:6px}.user-question p{color:#37334c;letter-spacing:0;background:#f1eff9;border:1px solid #e6e3f0;border-radius:13px 13px 3px;max-width:calc(100% - 46px);min-height:48px;margin:0;padding:11px 17px;font-size:16px;font-weight:400;line-height:1.8}.assistant-message{align-items:flex-start;gap:14px;animation:.4s both answer-in;display:flex}.assistant-avatar{color:var(--brand);background:#eeedf9;margin-top:3px}.assistant-answer{flex:1;min-width:0}.conversation-prose .sb-text{margin:0 0 16px;background:0 0!important;border:0!important;padding:0!important}.conversation-prose .sb-rich-text{font-family:var(--font-sans);color:#494650;letter-spacing:0;font-weight:400;line-height:1.9;font-size:16px!important}.conversation-prose .sb-rich-text p{margin:0 0 17px}.conversation-prose .sb-rich-text strong{color:#292633;font-weight:600}.conversation-prose .sb-rich-text ul{margin:16px 0;padding-left:22px}.conversation-prose .sb-rich-text li{margin:8px 0}.type-caret{vertical-align:-2px;background:var(--brand);width:2px;height:17px;margin-left:3px;animation:.8s steps(2,end) infinite caret-blink;display:inline-block}.streaming .sb-rich-text>:last-child:after{content:"";background:var(--brand);vertical-align:middle;border-radius:50%;width:6px;height:6px;margin-left:7px;animation:.8s infinite alternate caret-blink;display:inline-block}.thinking-dots{gap:5px;padding:15px 0;display:flex}.thinking-dots i{background:#a39bc6;border-radius:50%;width:5px;height:5px;animation:.6s infinite alternate typing-pulse}.thinking-dots i:nth-child(2){animation-delay:.15s}.thinking-dots i:nth-child(3){animation-delay:.3s}.answer-media{animation:.65s cubic-bezier(.2,.8,.2,1) both media-in}.conversation-note{background:#fff;border:1px solid #e0deec;border-radius:12px;margin:25px 0 5px;position:relative;overflow:hidden;box-shadow:0 5px 18px #26203a06}.conversation-note-bar{color:#706a80;background:#faf9fc;border-bottom:1px solid #efedf4;justify-content:space-between;align-items:center;height:44px;padding:0 18px;font-size:12px;display:flex}.conversation-note-bar>span{align-items:center;gap:8px;display:flex}.conversation-note-bar img{width:18px;height:18px}.conversation-note-bar button{font:inherit;color:var(--brand);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;display:flex}.conversation-note .gradient-lab{background:#fff;border:0;border-radius:0;padding:24px}.conversation-note-status{color:#7b7493;font-size:10px;position:absolute;bottom:15px;right:20px}.conversation-controls{background:linear-gradient(#0000,#fcfcfd 25%);flex-shrink:0;justify-content:center;padding:6px 0 18px;display:flex}.conversation-controls button{color:#777080;cursor:pointer;background:#fff;border:1px solid #e5e2ec;border-radius:24px;align-items:center;gap:22px;padding:9px 17px;font-family:inherit;font-size:12px;display:flex;box-shadow:0 2px 5px #26203a03}.conversation-controls button:hover{color:var(--brand);border-color:#c9c3e1}.conversation-controls span{color:var(--brand);font-size:15px}.project-shots{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:26px;display:grid}.project-shot{cursor:pointer;text-align:left;background:#fff;border:1px solid #e2dfeb;border-radius:10px;padding:0;transition:transform .2s,box-shadow .2s;overflow:hidden}.project-shot:hover{transform:translateY(-4px);box-shadow:0 10px 24px #33275212}.shot-image{background:#f5f4f9;border-bottom:1px solid #ece9f2;padding:9px}.shot-image img{border:1px solid #e6e2eb;border-radius:4px;width:100%;display:block}.shot-copy{grid-template-columns:1fr auto;align-items:center;gap:9px;padding:15px 13px;display:grid}.shot-copy strong{color:#46404f;font-family:inherit;font-size:12px;font-weight:550}.shot-copy svg{color:#92869f;width:13px}.shot-copy>span{color:#928998;grid-column:1/-1;font-size:10px;line-height:1.8}.real-catalog-preview{grid-template-columns:1.1fr 1fr;gap:18px;margin-top:26px;display:grid}.catalog-preview-block{background:#fff;border:1px solid #e3dfed;border-radius:10px;padding:20px}.catalog-preview-heading{align-items:center;gap:8px;display:flex}.catalog-preview-heading>span:first-child{color:#8477ac;font-size:20px}.catalog-preview-heading strong{color:#49405f;font-size:13px;font-weight:550}.catalog-preview-heading>span:last-child{color:#9a90a8;margin-left:auto;font-size:11px}.catalog-samples{flex-wrap:wrap;align-content:start;gap:7px;min-height:80px;margin-top:20px;display:flex}.catalog-samples>span{color:#867696;background:#fbf9fd;border:1px solid #e8e1ef;border-radius:5px;padding:5px 8px;font-size:11px}.catalog-preview-block>button{width:100%;color:var(--brand);cursor:pointer;background:0 0;border:0;border-top:1px solid #eee9f2;justify-content:space-between;align-items:center;margin-top:14px;padding:14px 0 0;font-family:inherit;font-size:12px;display:flex}.template-samples{grid-template-columns:repeat(4,1fr);gap:9px;min-height:80px;margin:20px 0 0;display:grid}.template-samples>span{flex-direction:column;align-items:center;gap:8px;display:flex}.template-samples i{background:repeating-linear-gradient(#fff 0 7px,#eeeaf3 7px 8px,#fff 8px 12px);border:1px solid #e0dce8;border-radius:3px;width:30px;height:40px;box-shadow:0 2px 4px #29203e08}.template-samples strong{color:#9a8ca6;font-size:10px;font-weight:400}.delivery-actions{gap:14px;margin:24px 0;display:flex}.delivery-actions button{color:#73658f;cursor:pointer;background:#fff;border:1px solid #ded9eb;border-radius:8px;align-items:center;gap:8px;padding:12px 16px;font-family:inherit;font-size:12px;display:flex}.delivery-actions button:first-child{background:var(--brand);color:#fff;border-color:var(--brand)}.delivery-actions img{width:18px;height:18px}.delivery-actions svg{margin-left:16px}.delivery-actions button>span{margin-left:16px;font-size:16px}.delivery-actions button:disabled{opacity:.6;cursor:wait}.getting-started{border-top:1px solid #eae5ee;margin-top:30px;padding-top:24px}.getting-started .sb-rich-text h2{margin:0 0 15px;font-size:18px;font-weight:550}.getting-started .sb-rich-text pre{color:#776487;background:#f7f5fa;border:1px solid #e8e1ef;border-radius:8px;padding:18px;font-size:12px}.conversation-loading{color:#9588a9;padding:40px 0;font-size:13px}.showcase-workspace{flex:1;min-width:0;min-height:0;position:relative}.showcase-workspace .studio{height:100%}.showcase-workspace .studio-main-nav button:disabled{opacity:.35;cursor:not-allowed}.showcase-error{z-index:120;color:#9b6550;background:#fff5f1;border:1px solid #eed7cb;border-radius:8px;align-items:center;gap:16px;max-width:720px;padding:12px 17px;font-size:12px;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 3px 20px #5d33231a}.showcase-error button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.showcase-shell button:focus-visible,.showcase-shell a:focus-visible{outline:2px solid var(--brand);outline-offset:3px}@keyframes caret-blink{0%{opacity:.2}to{opacity:1}}@keyframes typing-pulse{0%{opacity:.2;transform:translateY(1px)}to{opacity:1;transform:translateY(-2px)}}@keyframes answer-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes media-in{0%{opacity:0;filter:blur(3px);transform:translateY(16px)}to{opacity:1;filter:blur();transform:none}}@media (prefers-reduced-motion:reduce){.showcase-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.showcase-screen{flex-direction:column}.app-window-bar{-webkit-user-select:none;user-select:none;background:#f8f8fa;border-bottom:1px solid #e8e7ed;flex-shrink:0;justify-content:center;align-items:center;height:43px;display:flex;position:relative}.traffic-lights{gap:8px;display:flex;position:absolute;left:17px}.traffic-lights button{color:#0000;cursor:pointer;border:1px solid #0000000c;border-radius:50%;place-items:center;width:12px;height:12px;padding:0;font:10px/10px -apple-system,sans-serif;transition:color .15s;display:grid}.traffic-lights:hover button,.traffic-lights:focus-within button{color:#493725}.traffic-close{background:#ff5f57}.traffic-minimize{background:#febc2e}.traffic-maximize{background:#28c840}.app-window-title{color:#595563;align-items:center;gap:7px;font-size:12px;font-weight:500;display:flex}.app-window-title svg,.app-window-title img{width:15px;height:15px}.app-window-detail{color:#a5a0ad;font-size:10px;position:absolute;right:18px}.showcase-agent{background:#fcfcfd;position:relative;overflow:hidden}.opening-scene{flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;padding:0 70px 60px;animation:.7s both opening-in;display:flex}.opening-welcome{flex-direction:column;align-items:center;gap:19px;margin-bottom:36px;transition:opacity .4s,transform .5s;display:flex}.opening-agent{color:#5142a2;background:#f0eef9;border:1px solid #e7e2f2;border-radius:14px;place-items:center;width:42px;height:42px;display:grid}.opening-agent svg{width:24px;height:24px}.opening-welcome h1{font:500 26px/1.4 var(--font-sans);letter-spacing:-.5px;color:#34313a;margin:0}.opening-composer{background:#fff;border:1px solid #e6e3ed;border-radius:23px;align-items:center;gap:15px;width:min(780px,100%);height:67px;padding:10px 12px 10px 20px;transition:transform .52s cubic-bezier(.3,.1,.1,1),opacity .45s,box-shadow .3s;display:flex;box-shadow:0 4px 24px #2d214409}.composer-plus{color:#8d869b;font-size:24px;font-weight:300;line-height:1}.opening-composer input{box-shadow:none;min-width:0;font-family:var(--font-sans);color:#443c56;background:0 0;border:0;outline:0;flex:1;padding:0;font-size:16px;font-weight:400}.opening-composer input::placeholder{color:#aaa4b2}.opening-model{color:#a7a0b3;font-size:11px}.opening-composer button,.agent-bottom-composer button{background:var(--brand);color:#fff;cursor:pointer;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:37px;height:37px;transition:transform .2s,background .2s;display:grid}.opening-composer button svg{width:20px;height:20px}.opening-composer button.is-pressed{background:#40378f;transform:scale(.86)}.opening-scene.is-sending .opening-welcome{opacity:0;transform:translateY(-20px)}.opening-scene.is-sending .opening-composer{opacity:0;box-shadow:none;transform:translate(40px,-150px)scale(.9)}.conversation{max-width:890px;padding-top:33px}.agent-preface{font-family:var(--font-sans);color:#494650;min-height:30px;margin:0 0 28px;font-size:16px;font-weight:400;line-height:1.9}.stream-dot{vertical-align:middle;background:var(--brand);border-radius:50%;width:6px;height:6px;margin-left:6px;animation:.6s infinite alternate caret-blink;display:inline-block}.conversation-prose .sb-rich-text h2{font-family:var(--font-sans);color:#383042;letter-spacing:-.3px;margin:20px 0 19px;font-size:21px;font-weight:550;line-height:1.5}.conversation-prose .sb-rich-text h2:first-child{margin-top:0}.inline-showai-component{margin:24px 0 0;position:relative}.inline-showai-component>.gradient-lab{background:0 0;border:0;border-top:1px solid #e8e5ee;border-radius:0;padding:23px 0 0}.inline-save-status{text-align:right;color:#aaa0b8;margin-top:10px;font-size:10px;display:block}.agent-bottom-composer{color:#aaa3b1;background:#fff;border:1px solid #e5e2eb;border-radius:18px;flex-shrink:0;align-items:center;gap:15px;width:min(890px,100% - 140px);min-height:56px;margin:0 auto 18px;padding:10px 11px 10px 18px;font-size:14px;animation:.65s both opening-in;display:flex;box-shadow:0 3px 15px #2d214406}.agent-bottom-composer .composer-model{color:#bbb4c3;margin-left:auto;font-size:10px}.agent-bottom-composer button{color:#776d90;background:#efedf5;width:30px;height:30px}.agent-bottom-composer button:hover{background:var(--brand);color:#fff}.screen-minimized{flex:none;height:43px;min-height:43px;margin:auto 0}.screen-minimized>.showcase-agent,.screen-minimized>.showcase-workspace{display:none!important}.screen-maximized .showcase-top{height:68px}@keyframes opening-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.opening-scene.is-sending .opening-composer{transform:none}.showcase-shell *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.showcase-boot-error{max-width:600px;margin:auto;padding:80px 30px;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.showcase-boot-error h1{font-size:22px}.showcase-boot-error p{color:#786785;line-height:1.8}.showcase-boot-error button{cursor:pointer;background:#fff;border:1px solid #d5ccdf;border-radius:8px;padding:9px 20px}.app-window-detail.cache-error{color:#a24943}.traffic-lights .traffic-close{background:#ff5f57}.traffic-lights .traffic-minimize{background:#febc2e}.traffic-lights .traffic-maximize{background:#28c840}@media (min-width:820px) and (max-width:1100px){.conversation,.agent-bottom-composer{width:calc(100% - 84px)}.showcase-shell{padding-left:26px;padding-right:26px}.opening-scene{padding-left:42px;padding-right:42px}}.showcase-shell{min-width:820px;padding:22px 26px 26px}.showcase-screen{border-radius:16px}.app-window-bar{z-index:20;background:#f8f8fa;height:43px;padding:0 13px}.app-window-bar .traffic-lights{left:17px}.app-window-bar .showcase-mode{background:#f0eff4;border-radius:8px;gap:2px;padding:2px;top:6px}.app-window-bar .showcase-mode button{border-radius:5px;gap:6px;padding:4px 11px;font-size:11px;line-height:1.4}.app-window-bar .showcase-mode svg,.app-window-bar .showcase-mode img{width:14px;height:14px}.app-window-bar .showcase-github{width:29px;height:29px;margin-left:auto}.app-window-bar .showcase-github svg{width:18px;height:18px}.showcase-top,.showcase-brand,.app-window-detail{display:none!important}.screen-maximized{padding:7px}.screen-maximized .showcase-screen{border-radius:10px}.conversation{width:calc(100% - 400px);max-width:760px;padding-top:38px}.showai-document{min-height:150px;margin-left:0}.showai-document .inline-showai-component>.gradient-lab{padding-top:20px}.showai-document .lab-layout{grid-template-columns:minmax(0,1fr) 108px;gap:12px}.showai-document .lab-formula{font-size:17px}.showai-document .lab-control{flex-wrap:wrap;gap:10px}.showai-document .lab-control input{min-width:80px}.showai-document .lab-actions button{padding:7px 9px}.showai-document .project-shots{gap:10px}.showai-document .shot-copy{padding:11px}.showai-document .real-catalog-preview{grid-template-columns:1fr 1fr;gap:12px}.showai-document .catalog-preview-block{padding:14px}.showai-document .template-samples{grid-template-columns:repeat(2,1fr)}.agent-bottom-composer{width:min(760px,100% - 400px)}.conversation-turn:last-child{min-height:calc(100dvh - 205px)}@media (min-width:820px) and (max-width:1100px){.showcase-shell{padding:18px 20px 20px}.conversation,.agent-bottom-composer{width:calc(100% - 340px)}.showai-document .lab-top{gap:12px}.showai-document .lab-top h2{font-size:20px}.showai-document .lab-formula{display:none}.showai-document .project-shots{grid-template-columns:1fr}.showai-document .project-shot{grid-template-columns:42% 1fr;display:grid}.showai-document .shot-image{border-bottom:0;border-right:1px solid #ece9f2}.showai-document .real-catalog-preview{grid-template-columns:1fr}.showai-document .template-samples{grid-template-columns:repeat(4,1fr)}}.showcase-shell,.showcase-screen{min-width:0}@media (max-width:999px){.showcase-shell{padding:18px 18px 22px}.conversation{width:calc(100% - 300px)}.showai-document{margin-left:0;padding-top:0}.showai-document .project-shots,.showai-document .real-catalog-preview{grid-template-columns:1fr}.agent-bottom-composer{width:calc(100% - 300px)}}.showcase-workspace .studio-sidebar-edge{position:absolute;inset:0 auto 0 0}.showcase-workspace :is(.document-content,.sb-text){font-family:var(--font-sans);letter-spacing:0;font-size:16px;font-weight:500;line-height:1.7}.agent-window-bar{justify-content:flex-start;gap:0}.agent-window-bar .traffic-lights,.showcase-native-topbar .traffic-lights{flex-shrink:0;gap:8px;width:60px;margin:0 12px;position:static;left:auto}.agent-window-brand{color:#26232c;white-space:nowrap;align-items:center;gap:7px;display:flex}.agent-window-brand img{width:20px;height:20px}.agent-window-brand strong{letter-spacing:-.3px;font-size:15px;font-weight:600}.enter-workspace{color:#5b5370;font-family:var(--font-sans);cursor:pointer;background:#fff;border:1px solid #e5e2ec;border-radius:6px;align-items:center;gap:9px;margin-left:auto;margin-right:14px;padding:5px 10px;font-size:11px;display:flex}.enter-workspace:hover{color:var(--brand);border-color:#cfc8e0}.agent-window-bar .showcase-github{margin-left:0}.showcase-native-topbar{background:var(--surface);height:43px;padding-right:10px}.showcase-native-topbar .studio-topbar-brand{gap:4px;height:43px;padding:0 8px}.showcase-native-topbar .studio-tab-history button,.showcase-native-topbar .studio-sidebar-lock{width:27px}.showcase-native-topbar .studio-app-brand{gap:6px}.showcase-native-topbar .studio-app-brand strong{font-size:15px}.showcase-native-topbar .showcase-github{width:29px;height:29px;color:var(--text);flex-shrink:0;align-self:center;margin:0 0 0 8px}.showcase-native-topbar .showcase-github svg{width:18px;height:18px}.showcase-native-topbar .studio-tabs-bar{min-width:0;height:43px}.showcase-native-topbar .studio-tabs{flex:0 auto}.showcase-native-topbar .studio-tab-add{margin-right:5px}.showcase-native-topbar .studio-tab>[role=tab]{font-size:12px}.showcase-screen.screen-minimized[data-mode=app]>.showcase-workspace{flex:none;height:43px;display:block!important}.showcase-screen.screen-minimized[data-mode=app] .studio{height:43px}.showcase-screen.screen-minimized[data-mode=app] .studio-workspace{display:none}.showcase-screen.screen-minimized[data-mode=app] .showcase-native-topbar{border-bottom:0}@media (max-width:780px){.showcase-native-topbar .traffic-lights{width:56px;margin:0 10px}.showcase-native-topbar .studio-tab{min-width:100px}.showcase-native-topbar .studio-tab>[role=tab]{padding-left:9px}.showcase-native-topbar .studio-app-brand strong{font-size:14px}}.showcase-workspace .showcase-native-topbar{height:43px}.showcase-native-topbar .studio-app-brand strong{display:inline}.showcase-native-topbar .studio-app-brand{display:flex}.enter-workspace:disabled{opacity:.5;cursor:wait}.boot-bar-spacer{flex:1}.workbench-loading{color:#aaa3b4;flex:1;place-items:center;font-size:13px;display:grid}.traffic-lights button:disabled{cursor:default}.agent-window-bar{background:var(--surface);padding:0}.agent-window-bar .enter-workspace{height:31px;color:var(--muted);background:0 0;border-color:#0000;gap:8px;margin:0;padding:0 11px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.agent-window-bar .enter-workspace:hover{background:var(--hover);color:var(--text)}.agent-window-bar .agent-window-brand{color:var(--text);gap:6px;font-size:15px;line-height:21px}.agent-window-bar .agent-window-brand strong{letter-spacing:-.2px;font-size:15px;font-weight:600}.agent-window-bar .showcase-github{width:29px;height:29px;margin-left:auto;margin-right:10px}.agent-window-bar .showcase-github svg{width:18px;height:18px}.showcase-native-topbar .studio-topbar-brand{z-index:2;border-right:1px solid var(--line);justify-content:flex-start;gap:0;padding:0 8px 0 0;position:relative}.showcase-native-topbar .studio-app-brand{will-change:transform;flex-shrink:0}.showcase-native-topbar .studio-topbar-actions{align-self:stretch;gap:4px;margin:0;padding:0 7px}.showcase-native-topbar .studio-tabs-bar{flex:1;overflow:hidden}.showcase-workspace[data-entering] .studio-tabs-bar,.showcase-workspace[data-entering] .studio-topbar-actions{pointer-events:none}@media (max-width:780px){.conversation,.agent-bottom-composer{width:calc(100% - 48px)}}html[data-embed=app] .homepage-topbar-actions{display:none}html[data-embed=app] .container-page{overflow:hidden!important}html[data-embed=app] .showai-custom-block:not([data-embed-live]) iframe{pointer-events:none}.paragraph-inset{margin:30px 0 34px}.project-montage{aspect-ratio:1.48;isolation:isolate;width:100%;margin:0 0 8px;position:relative}.montage-shot{filter:drop-shadow(0 12px 17px #24213321);border-radius:9px;line-height:0;text-decoration:none;transition:transform .35s cubic-bezier(.2,.8,.2,1),filter .35s;display:block;position:absolute}.montage-shot img{background:#fff;border:1px solid #e5e4eb;border-radius:8px;width:100%;height:auto;display:block}.montage-0{z-index:1;width:92%;top:0;left:0}.montage-1{z-index:2;width:44%;top:41%;right:-1%;transform:rotate(3deg)}.montage-2{z-index:3;width:44%;bottom:0;left:7%;transform:rotate(-3deg)}.montage-shot:hover,.montage-shot:focus-visible{z-index:4;filter:drop-shadow(0 18px 24px #24213330);transform:translateY(-5px)rotate(0)}.montage-shot>span{color:#514c5b;opacity:0;background:#fffffff0;border-radius:5px;align-items:center;gap:14px;padding:7px 10px;font-size:11px;line-height:1.2;transition:opacity .2s,transform .2s;display:flex;position:absolute;bottom:10px;left:11px;transform:translateY(4px);box-shadow:0 2px 10px #29203e12}.montage-shot:hover>span,.montage-shot:focus-visible>span{opacity:1;transform:none}.catalog-showcase{margin:25px 0 0}.showcase-section-label{color:#48434e;justify-content:space-between;align-items:center;margin:22px 0 12px;font-size:13px;display:flex}.showcase-section-label>span{font-weight:550}.showcase-section-label a{color:#8a8491;align-items:center;gap:8px;font-size:11px;text-decoration:none;display:flex}.showcase-section-label a:hover{color:var(--brand)}.preview-strip{outline-offset:3px;margin:0 -8px;padding:8px 0 16px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000);mask-image:linear-gradient(90deg,#0000,#000 3% 97%,#0000)}.preview-track{will-change:transform;width:max-content;animation:78s linear infinite previews-right;display:flex}.templates .preview-track{animation-duration:54s}.preview-group{gap:14px;padding-right:14px;display:flex}.preview-tile{color:#655f6e;background:#fff;border:1px solid #e8e6ed;border-radius:10px;flex:0 0 226px;width:226px;text-decoration:none;transition:border-color .2s,box-shadow .2s;display:block;overflow:hidden;box-shadow:0 3px 8px #21193304}.preview-tile:hover{border-color:#bfb4d7;box-shadow:0 6px 14px #2119330d}.preview-caption{border-top:1px solid #f0edf3;justify-content:space-between;align-items:center;padding:10px 13px;font-size:11px;display:flex}.preview-caption>span{opacity:.5}.native-preview-frame{pointer-events:none;background:#fff;height:160px;position:relative;overflow:hidden}.native-preview-content{transform-origin:50%;pointer-events:none;width:640px;min-height:360px;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)scale(.35)}.native-preview-content .surface-runtime{min-height:360px}.preview-loading{color:#aaa3b1;border-bottom:1px solid #eeebf1;place-items:center;height:214px;font-size:12px;display:grid}.preview-strip:hover .preview-track,.preview-strip:focus-within .preview-track,.catalog-showcase[data-paused] .preview-track{animation-play-state:paused}@keyframes previews-right{0%{transform:translate(-50%)}to{transform:translate(0)}}.feature-showcase{margin-top:25px}.feature-tabs{scrollbar-width:none;border-bottom:1px solid #e6e2ec;gap:3px;display:flex;overflow:auto}.feature-tabs>button{white-space:nowrap;color:#928a9c;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:12px 7px 13px;font-family:inherit;font-size:12px;transition:color .2s,border-color .2s}.feature-tabs>button[aria-selected=true]{color:#42374f;border-color:#655783;font-weight:550}.feature-panel{animation:.3s both feature-in}.feature-visual{background:#faf9fc;border:1px solid #eeebf1;border-radius:10px;height:340px;margin-top:20px;overflow:hidden}.feature-visual>a{height:100%;display:block}.feature-visual img{object-fit:contain;background:#fff;width:100%;height:100%;display:block}.feature-document{background:#fff;height:100%}.feature-document .native-preview-content{width:640px}.feature-description{padding:21px 0 5px}.feature-description h3{color:#413848;margin:0 0 10px;font-size:17px;font-weight:550}.feature-description p{color:#81768b;margin:0 0 15px;font-size:14px;line-height:1.85}.feature-description>a,.feature-description>button{font:inherit;color:#756286;cursor:pointer;background:0 0;border:0;align-items:center;gap:25px;padding:0;font-size:12px;text-decoration:none;display:inline-flex}.feature-description>button:disabled{opacity:.5;cursor:wait}.collaboration-preview{background:linear-gradient(135deg,#fbfafc,#f4f5fa);height:100%;padding:30px 28px}.collaboration-project{color:#8a8095;letter-spacing:.03em;margin-bottom:25px;font-size:12px;display:block}.collaboration-roles{grid-template-columns:repeat(3,1fr);gap:16px;margin:0 0 24px;display:grid}.collaboration-roles>span{color:#514961;border-left:2px solid #c9bfd9;padding:5px 0 7px 12px;font-size:16px}.collaboration-roles small{color:#9c91a7;margin-top:8px;font-size:10px;display:block}.collaboration-preview .sb-rich-text h3{font-size:18px}.collaboration-preview .sb-rich-text p{font-size:13px;line-height:1.8}.brainstorm-preview{background:#faf9fc;height:100%;position:relative}.brainstorm-preview>div{height:100%}.getting-started{scroll-margin-top:30px}.usage-links{grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0 15px;display:grid}.usage-links>a{color:#51465d;border-top:1px solid #dcd5e6;padding:16px 0;text-decoration:none}.usage-links strong{justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;font-weight:550;display:flex}.usage-links>a>span{color:#9a8ca6;font-size:11px}.usage-links>a:hover{color:#796193;border-color:#796193}#turn-howto{padding-top:55px}#turn-howto .assistant-answer{padding-bottom:50px}@keyframes feature-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.reading-outline{z-index:35;width:170px;box-shadow:none;background:0 0;flex-direction:column;padding:0;display:flex;position:absolute;top:90px;left:18px}.reading-outline a{color:#466c94;white-space:nowrap;outline-offset:2px;align-items:center;gap:11px;height:34px;text-decoration:none;display:flex}.outline-line{background:#88a6c4;border-radius:2px;flex-shrink:0;width:16px;height:2px;transition:width .25s cubic-bezier(.2,.8,.2,1),background .2s}.outline-title{opacity:1;transform-origin:0;font-size:11.5px;transition:transform .22s,color .2s;transform:none}.reading-outline a[aria-current]{color:#234e80;font-weight:550}.reading-outline a[aria-current] .outline-line{background:#376eaa;width:24px}.reading-outline a:is(:hover,:focus-visible){color:#163e70}.reading-outline a:is(:hover,:focus-visible) .outline-line{background:#2c66a5;width:32px}.reading-outline a:is(:hover,:focus-visible) .outline-title{transform:scale(1.08)}@media (max-width:1100px){.feature-tabs>button{padding-inline:5px;font-size:11px}.feature-visual{height:310px}.collaboration-preview{padding:23px 18px}.collaboration-roles{gap:8px}.collaboration-roles>span{font-size:14px}.feature-description p{font-size:13px}}@media (prefers-reduced-motion:reduce){.preview-track{animation:none;transform:none}.preview-group[aria-hidden=true]{display:none}.preview-strip{overflow-x:auto}.preview-track,.feature-panel,.montage-shot,.reading-outline *{transition:none;animation:none}}.preview-strip:focus-within{overflow-x:auto}.preview-strip:focus-within .preview-track{animation:none;transform:none}.case-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:6px 0 10px;display:grid}.case-tile{color:inherit;background:#fff;border:1px solid #e5e4eb;border-radius:11px;flex-direction:column;gap:0;text-decoration:none;transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 8px 18px -12px #24213340}.case-tile:hover,.case-tile:focus-visible{transform:translateY(-3px);box-shadow:0 16px 26px -14px #24213355}.case-shot{aspect-ratio:16/9;background:#f6f6f8;border-bottom:1px solid #efeef3;display:block;overflow:hidden}.case-shot img{width:100%;height:auto;display:block}.case-caption{flex-direction:column;gap:4px;padding:10px 12px 11px;line-height:1.35;display:flex}.case-tag{color:var(--case-color,#5b4bd6);background:color-mix(in srgb,var(--case-color,#5b4bd6) 12%,white);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:11px;font-weight:600}.case-question{color:#25222e;font-size:14px;font-weight:600}.case-title{color:#7a7585;gap:6px;font-size:12px;display:flex}@media (max-width:620px){.case-wall{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.case-tile{transition:none}}.showai-document a.case-tile,.showai-document a.case-tile *,a.case-tile,a.case-tile *{-webkit-box-decoration-break:slice;box-decoration-break:slice;background-image:none;text-decoration:none!important}.showai-document a.case-tile .case-title,a.case-tile .case-title{color:#7a7585;background:0 0;border:0}.feature-showcase{scroll-margin-top:10px}.feature-tabs{z-index:24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fcfcfdf5;padding-top:6px;position:sticky;top:0}.feature-tabs>button{color:#7d8999;padding-block:12px;font-size:12px}.feature-tabs>button[aria-selected=true]{color:#264f7e;border-color:#3c6eaa}.feature-tabs>button:hover{color:#264f7e}.feature-panel{min-height:600px}.feature-article{font-family:var(--font-sans);color:#3e4652;padding:33px 0 16px}.feature-article-heading>h2{letter-spacing:-.4px;color:#283c55;margin:0 0 24px;font-size:25px;font-weight:600;line-height:1.55}.feature-copy>h3{letter-spacing:-.25px;color:#30455e;margin:38px 0 17px;font-size:20px;font-weight:550;line-height:1.55}.feature-copy .sb-text{box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important}.feature-copy .sb-rich-text{color:#515b69;letter-spacing:0;font-weight:400;line-height:1.95;font-size:16px!important}.feature-copy .sb-rich-text p{margin:0 0 17px}.feature-copy .sb-rich-text p:last-child{margin-bottom:0}.feature-copy .sb-rich-text strong{color:#344b66;font-weight:600}.article-figure{border-top:1px solid #e4eaf1;min-width:0;margin:30px 0 34px;padding:18px 0 0}.article-figure>figcaption{color:#8391a2;margin-top:10px;padding-top:13px;font-size:11px;line-height:1.85}.article-figure .sb-database{font-size:13px}.article-figure .sb-block{max-width:100%}.article-options{flex-wrap:wrap;gap:7px;margin:0 0 17px;display:flex}.article-options>button{color:#718299;font:inherit;cursor:pointer;background:0 0;border:1px solid #e4eaf2;border-radius:6px;padding:7px 13px;font-size:12px;line-height:1.4;transition:background .2s,color .2s,border-color .2s}.article-options>button[aria-pressed=true]{color:#315a8e;background:#ecf2fa;border-color:#c8d7eb}.article-options>button:hover{color:#315a8e;border-color:#aebfd7}.article-template-preview{background:#fff;border:1px solid #e6eaf0;border-radius:9px;height:370px}.example-description{color:#718299;margin:15px 0;font-size:13px;line-height:1.8}.article-inline-link,.article-more a{color:#3a6293;align-items:center;gap:16px;font-size:13px;text-decoration:none;display:inline-flex}.article-more{margin:18px 0}.article-more:first-of-type{padding-top:20px}.article-more a:hover,.article-inline-link:hover{color:#204775;text-underline-offset:4px;text-decoration:underline}.feature-article>.sb-toggle{margin:28px 0 23px}.article-export{color:#335c90;font:inherit;cursor:pointer;background:#f2f6fc;border:1px solid #cddbeb;border-radius:7px;align-items:center;gap:30px;margin:18px 0 0;padding:10px 16px;font-size:12px;display:inline-flex}.article-export:disabled{opacity:.55;cursor:wait}.article-gradient .gradient-lab{background:0 0;border:0;border-radius:0;padding:12px 0}.article-board{background:#fff;border:1px solid #e4eaf1;border-radius:10px;height:440px;position:relative;overflow:hidden}.article-board>div{height:100%}.brainstorm-stages>button{text-align:center;flex:1;min-width:120px;padding-inline:8px}.brainstorm-walkthrough>.example-description{min-height:47px}.feature-article .sb-database table{font-size:13px}.feature-article .sb-toggle{font-size:14px}.getting-started .sb-rich-text{line-height:1.9;font-size:16px!important}.getting-started .sb-rich-text h2{font-size:22px}.getting-started .sb-rich-text pre{font-size:13px;line-height:1.85}.feature-article-heading,.feature-copy>h3{scroll-margin-top:60px}@media (max-width:1100px){.reading-outline{width:150px;left:13px}.outline-title{font-size:10.5px}.reading-outline a{gap:8px}.feature-article-heading>h2{font-size:23px}.article-board{height:410px}.brainstorm-stages>button{min-width:105px;font-size:11px}}@media (prefers-reduced-motion:reduce){.article-options>button,.outline-line,.outline-title{transition:none}}.getting-started>.sb-text{background:0 0;border:0;padding:0}.article-ask{background:#f5f8fc;border-left:3px solid #9db6d8;border-radius:0 8px 8px 0;margin:26px 0 8px;padding:14px 18px}.article-ask>span{letter-spacing:.5px;color:#7d8fa6;margin-bottom:4px;font-size:11px;display:block}.article-ask>p{color:#2f4560;margin:0;font-size:15px;line-height:1.8}.article-actions{margin:4px 0 6px}.device-stage{background:radial-gradient(circle at 70% 30%,#eef4fb,#f7f8fa 70%);border-radius:12px;place-items:center;height:430px;display:grid;position:relative;overflow:hidden}.device-frame{background:#1c2126;border-radius:14px;padding:10px;transition:all .35s cubic-bezier(.2,.8,.2,1);box-shadow:0 26px 50px -24px #1f2c3d80}.device-frame img{object-fit:cover;object-position:top;background:#fff;border-radius:6px;width:100%;height:100%;display:block}.device-spread{height:470px;display:block}.device-spread .device-frame{position:absolute}.device-spread .device-frame[data-device=desktop]{aspect-ratio:16/10;width:58%;top:24px;left:5%}.device-spread .device-frame[data-device=tablet]{aspect-ratio:7/10;border-radius:20px;width:23%;padding:10px;bottom:28px;right:16%}.device-spread .device-frame[data-device=phone]{aspect-ratio:1/2;border-radius:24px;width:14%;padding:7px;bottom:20px;right:4%}.device-spread .device-frame[data-device=phone] img{border-radius:18px}.file-chip{background:#fff;border-radius:10px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:8px 14px 8px 8px;display:flex;position:absolute;bottom:14px;left:16px;box-shadow:0 8px 20px -10px #1f2c3d55}.file-chip b{color:#2b3a4c;font-size:13px;display:block}.file-chip small{color:#7d8999;font-size:11px;display:block}.file-icon{color:#fff;background:linear-gradient(160deg,#ffb061,#e67a18);border-radius:5px;flex:none;place-items:end center;width:32px;height:40px;padding-bottom:5px;font-size:9px;font-weight:700;display:grid}.site-preview{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}.site-browser{background:#fff;border:1px solid #e3e8ef;border-radius:10px;overflow:hidden;box-shadow:0 14px 30px -20px #1f2c3d66}.site-chrome{color:#6d7a88;background:#f3f5f7;border-bottom:1px solid #e6eaef;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.site-chrome i{background:#d5dbe1;border-radius:4px;width:8px;height:8px}.site-chrome span{margin-left:8px}.site-nav{border-bottom:1px solid #eef1f4;gap:2px;padding:6px 10px;display:flex}.site-nav button{font:inherit;color:#7a8696;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:5px 9px;font-size:12px}.site-nav button[aria-pressed=true]{color:#2d5585;background:#ecf2fa;font-weight:600}.site-browser img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;display:block}.site-people{flex-direction:column;gap:12px;display:flex}.site-card{background:#fff;border:1px solid #e3e8ef;border-radius:10px;padding:13px 14px}.site-card b{color:#2b3a4c;font-size:14px}.site-card p{color:#5d6977;margin:5px 0 10px;font-size:13px;line-height:1.7}.site-card .article-options{margin-bottom:8px}.role-can{color:#3f5672;margin:0;padding-left:18px;font-size:12.5px;line-height:1.9}.version-track{gap:4px;margin:0 0 4px;padding:0;list-style:none;display:flex}.version-track li{flex:1;min-width:0}.version-track button{width:100%;font:inherit;cursor:pointer;text-align:left;background:#fff;border:1px solid #e4eaf2;border-radius:8px;flex-direction:column;align-items:flex-start;gap:3px;padding:9px 10px;display:flex}.version-track button[aria-pressed=true]{background:#f2f6fc;border-color:#9db6d8}.version-track button[data-past]{opacity:.75}.version-dot{background:#9aa7b6;border-radius:5px;width:9px;height:9px}.version-track button[data-tone=agent] .version-dot{background:#7a5af0}.version-track button[data-tone=you] .version-dot{background:#2f74c0}.version-track button[data-tone=teammate] .version-dot{background:#22917a}.version-track button[data-tone=conflict] .version-dot{background:#e5484d}.version-label{color:#2b3a4c;font-size:12.5px;font-weight:600}.version-who{color:#8391a2;font-size:11px}.version-doc{color:#3a4654;background:#fff;border:1px solid #e6eaf0;border-radius:9px;padding:12px 16px;font-size:14px;line-height:1.9}.version-doc p{border-radius:4px;margin:0;padding:1px 6px}.version-doc p[data-change=add]{color:#1d6b46;background:#e9f7ef}.version-doc p[data-change=remove]{color:#a3373a;background:#fdeeee;text-decoration:line-through}.version-both{grid-template-columns:1fr 1fr;gap:10px;display:grid}.version-both>div>span{color:#a3373a;margin:0 0 5px 2px;font-size:11.5px;display:block}.version-nav{justify-content:space-between;margin-top:10px;display:flex}.version-nav button{font:inherit;color:#4d6584;cursor:pointer;background:#fff;border:1px solid #e4eaf2;border-radius:6px;padding:6px 12px;font-size:12px}.version-nav button:disabled{opacity:.4;cursor:default}.fragment-picker{grid-template-columns:minmax(0,.9fr) 26px minmax(0,1.4fr);align-items:center;gap:10px;display:grid}.fragment-source{flex-direction:column;gap:8px;display:flex}.fragment-heading{color:#8391a2;font-size:11px}.fragment-source button{font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #e4eaf2;border-radius:9px;align-items:center;gap:10px;padding:6px;display:flex}.fragment-source button[aria-pressed=true]{background:#f2f6fc;border-color:#9db6d8;box-shadow:0 0 0 3px #dce8f7}.fragment-source img{aspect-ratio:16/9;object-fit:cover;border:1px solid #eef1f4;border-radius:5px;width:74px}.fragment-source b{color:#2b3a4c;font-size:13px;display:block}.fragment-source small{color:#8391a2;font-size:11px}.fragment-arrow{text-align:center;color:#9db6d8;font-size:20px}.fragment-chat{background:#fff;border:1px solid #e3e8ef;border-radius:12px;flex-direction:column;gap:9px;padding:12px;display:flex}.chat-user{color:#2b3a4c;background:#f1f2f4;border-radius:14px 14px 4px;align-self:flex-end;max-width:85%;margin:0;padding:7px 12px;font-size:13px}.chat-agent>p{color:#3a4654;margin:0 0 7px;font-size:13px;line-height:1.7}.chat-card{border:1px solid #e6eaf0;border-radius:10px;overflow:hidden}.chat-card-bar{color:#8391a2;border-bottom:1px solid #eef1f4;align-items:center;gap:8px;padding:6px 10px;font-size:11px;display:flex}.chat-card-bar b{color:#2b3a4c}.chat-card-bar .chat-open{color:#fff;white-space:nowrap;background:#1c2126;border-radius:999px;margin-left:auto;padding:2px 9px}.chat-card img{width:100%;display:block}.trip-track{gap:6px;margin:0 0 12px;padding:0;list-style:none;display:flex}.trip-track li{flex:1}.trip-track button{width:100%;font:inherit;color:#4d5d70;cursor:pointer;background:#fff;border:1px solid #e4eaf2;border-radius:8px;align-items:center;gap:8px;padding:9px 10px;font-size:13px;display:flex}.trip-track button[aria-pressed=true]{color:#264f7e;background:#f2f6fc;border-color:#9db6d8;font-weight:600}.trip-index{color:#4d6584;background:#e8eef6;border-radius:10px;place-items:center;width:20px;height:20px;font-size:11px;display:grid}.trip-track button[aria-pressed=true] .trip-index,.trip-track button[data-past] .trip-index{color:#fff;background:#3c6eaa}.trip-stage{background:linear-gradient(90deg,#fdf1e5,#eef4fb 35% 65%,#fdf1e5);border-radius:10px;height:90px;position:relative;overflow:hidden}.trip-stage:before{content:"";border-top:2px dashed #c8d5e5;position:absolute;top:50%;left:8%;right:8%}.trip-file{top:50%;left:calc(8% + var(--trip) * 84%);transition:left .45s cubic-bezier(.2,.8,.2,1);position:absolute;transform:translate(-50%,-50%)}.trip-file .file-icon{width:40px;height:50px;font-size:10px;box-shadow:0 10px 20px -10px #1f2c3d80}@media (max-width:760px){.device-spread{height:340px}.device-spread .device-frame[data-device=desktop]{width:78%;left:4%}.device-spread .device-frame[data-device=tablet]{width:30%;right:12%}.device-spread .device-frame[data-device=phone]{width:19%;right:3%}.site-preview,.fragment-picker{grid-template-columns:1fr}.fragment-arrow{display:none}.version-track,.trip-track{flex-wrap:wrap}.version-track li,.trip-track li{flex:45%}.version-both{grid-template-columns:1fr}.device-stage{height:340px}}@media (prefers-reduced-motion:reduce){.device-frame,.trip-file{transition:none}}.showcase-shell{--showai-ink:#120a8f;--showai-ink-soft:#eeedf9;--brand:var(--showai-ink)}.reading-outline{top:50%;transform:translateY(-50%)}.reading-outline a,.reading-outline a[aria-current],.reading-outline a:is(:hover,:focus-visible){color:var(--showai-ink)}.outline-line,.reading-outline a[aria-current] .outline-line,.reading-outline a:is(:hover,:focus-visible) .outline-line{background:var(--showai-ink)}.reading-outline a:focus-visible{outline-color:var(--showai-ink)}.feature-tabs>button[aria-selected=true],.feature-tabs>button:hover,.feature-article-heading>h2,.feature-copy>h3,.article-inline-link,.article-more a,.article-more a:hover,.article-inline-link:hover{color:var(--showai-ink)}.feature-tabs>button[aria-selected=true]{border-color:var(--showai-ink)}.article-options>button[aria-pressed=true],.article-options>button:hover{color:var(--showai-ink);background:var(--showai-ink-soft);border-color:#b4aadc}.article-export{color:#fff;background:var(--showai-ink);border-color:var(--showai-ink)}.article-export:hover{background:#0e0870}.showcase-section-label>a,.preview-caption,.template-explorer>.article-inline-link,.usage-links>a,.usage-links>a:hover,.user-avatar,.assistant-avatar,.agent-bottom-composer button{color:var(--showai-ink)}.message-avatar{border-radius:12px;width:38px;height:38px}.message-avatar svg{width:24px;height:24px}.user-question p{max-width:calc(100% - 52px)}.shared-document-fragment{--showai-ink:#120a8f;background:var(--paper)}.shared-document-fragment>.surface-editor-shell,.shared-document-fragment>.surface-editor-shell>.container-workspace,.shared-document-fragment>.surface-editor-shell>.container-workspace>.container-main,.shared-document-fragment>.surface-editor-shell>.container-workspace>.container-main>.page-outline-shell,.shared-document-fragment>.surface-editor-shell>.container-workspace>.container-main>.container-page,.shared-document-fragment>.surface-editor-shell>.container-workspace>.container-main>.page-outline-shell>.container-page{height:auto;min-height:0;overflow:visible}.shared-document-fragment>.surface-editor-shell>.container-workspace>.container-workspace-bar{display:none}.shared-document-fragment>.surface-editor-shell>.container-workspace>.container-main .container-page.is-root>.container-page-column{max-width:none;padding:0}.shared-document-fragment>.surface-editor-shell>.container-workspace>.container-main .container-page.is-root>.container-page-column>.container-page-heading{display:none}.feature-copy .document-content{min-height:0;padding:0}.feature-copy .document-content h3{margin-top:28px}.feature-copy{margin:0 0 24px}.showcase-native-topbar .studio-topbar-actions{flex-shrink:0;margin-left:auto;padding:0 0 0 8px}.showcase-native-topbar .traffic-lights{width:60px;margin:0 12px}.shared-document-fragment .editor-readonly-note{display:none}.shared-document-fragment.studio{height:auto;min-height:0;display:block;overflow:visible}.feature-copy .editor-readonly-note{display:none}.shared-document-fragment.studio,.shared-document-fragment>.surface-editor-shell>.container-workspace,.shared-document-fragment>.surface-editor-shell>.container-workspace>.container-main .container-page.is-root{background:0 0}.local-file-body{padding:18px 22px 20px}.local-file-path{align-items:center;gap:8px;margin-bottom:12px;display:flex}.local-file-path input,.local-file-name input{width:100%;min-width:0;color:var(--text);background:var(--paper);border:1px solid var(--line,#8886);font:inherit;border-radius:7px;flex:1;padding:9px 11px}.local-file-shortcuts{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.local-file-entries{border:1px solid var(--line,#8884);border-radius:8px;height:min(42vh,340px);padding:5px;overflow:auto}.local-file-entry{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:5px;align-items:center;gap:10px;padding:9px 10px;display:flex}.local-file-entry span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.local-file-entry:hover{background:#8881}.local-file-entry.selected{background:#538a7826;outline:1px solid #538a7866}.local-file-entry svg{flex-shrink:0}.local-file-empty{opacity:.7;justify-content:center;align-items:center;gap:10px;padding:35px 15px;display:flex}.local-file-name{align-items:center;gap:12px;margin:14px 0;display:flex}.local-file-footer{align-items:center;gap:8px;margin-top:18px;display:flex}.local-file-footer>span{opacity:.65;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:12px;overflow:hidden}:root{color:#343a35;--text:#343a35;--muted:#92968f;--paper:#fff;--surface:#f7f8f5;--line:#e9ece5;--accent:#50745e;--accent-soft:#eaf0e8;--hover:#f0f2ed;--shadow:0 12px 50px #25362b16;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#fff;font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--text:#dfe4db;--muted:#8e9b8f;--paper:#1c211e;--surface:#171c19;--line:#303a32;--accent:#a3c6a9;--accent-soft:#2b3a2d;--hover:#273027;--shadow:0 12px 50px #0006;color:var(--text);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;transition:background .15s,color .15s}@media (hover:hover){button:hover{background:var(--hover)}}button:active:not(:disabled){background:var(--hover)}button:disabled{opacity:.45;cursor:default}a{color:var(--accent)}.hidden{display:none!important}.canvas-app{background:var(--paper);min-height:100dvh}.canvas-app .container-page-column{padding-top:80px}.canvas-actions{z-index:30;background:color-mix(in srgb, var(--paper) 94%, transparent);border-radius:9px;gap:5px;padding:3px;display:flex;position:fixed;top:20px;right:24px}.canvas-icon-button{width:32px;height:32px;color:var(--muted);border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.canvas-icon-button:hover{color:var(--text)}.canvas-page{width:min(100%,1040px);margin:0 auto;padding:100px 52px 120px}.canvas-title{resize:none;width:100%;color:var(--text);letter-spacing:-.9px;background:0 0;border:0;min-height:53px;margin:0 0 35px;padding:0;font-size:36px;font-weight:600;line-height:1.45;display:block;overflow:hidden;outline:none!important}.canvas-title::placeholder{color:#b6bcb1;font-weight:500}.canvas-menu-anchor{position:relative}.canvas-menu{background:var(--paper);border:1px solid var(--line);width:192px;box-shadow:var(--shadow);border-radius:9px;padding:6px;animation:.12s reveal;position:absolute;top:40px;right:0}.canvas-menu button{text-align:left;border-radius:5px;align-items:center;gap:10px;width:100%;padding:10px 9px;font-size:12px;display:flex}.canvas-menu button svg{color:var(--muted)}.canvas-error{background:var(--surface);border-bottom:1px solid var(--line);z-index:25;align-items:center;gap:14px;padding:12px 120px 12px 24px;font-size:12px;display:flex;position:sticky;top:0}.canvas-error>button:not(.canvas-icon-button){color:var(--accent);text-decoration:underline}.canvas-toast{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);z-index:50;border-radius:7px;padding:9px 15px;font-size:12px;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.canvas-spinner{border:1.5px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes reveal{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:650px){.canvas-actions{top:12px;right:12px}.canvas-page{padding:85px 25px 80px}.canvas-title{margin-bottom:25px;font-size:29px}.canvas-error{flex-wrap:wrap;gap:8px;padding:12px 100px 12px 15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media print{.canvas-actions,.canvas-error,.canvas-toast{display:none!important}.canvas-page{width:100%;padding:0}}@keyframes showai-fade-in{0%{opacity:0}}@keyframes showai-pop-in{0%{opacity:0;scale:.96}}@keyframes showai-rise-in{0%{opacity:0;translate:0 8px}}@keyframes showai-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text)>:last-child,:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(blockquote,li,th,td,.callout-content>div,.toggle-body>div>div,.portable-callout>div,.portable-toggle-body)>:last-child{margin-bottom:0}@media (max-width:700px){.portable-document{padding:76px 24px 64px}.portable-title{font-size:28px}.sb-header,:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) pre,.sb-code pre{padding:16px}}@media print{.portable-document{max-width:none;padding:0}.sb-block{--sb-accent:#222}}:root:not([data-keyboard-focus]) :focus-visible{outline:none!important}.studio{font-size:14px;line-height:1.5}.studio-sidebar{background:var(--paper);width:240px;padding:44px 16px 6px}.studio-brand{gap:10px;margin-bottom:0;padding:4px 12px 8px;font-size:20px;font-weight:700}.studio-brand>span{font-size:28px}.studio-main-nav,.settings-nav{gap:4px}.studio-main-nav button,.studio-sidebar-bottom>button,.settings-nav button{min-height:40px;color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;font-weight:500}.settings-nav button[aria-current=page]{background:var(--selected);font-weight:600}.studio-sidebar-bottom{flex-shrink:0;padding-top:4px}.studio-sidebar-bottom>button{min-height:32px;padding:6px 12px}.studio-sidebar-projects{margin-top:4px}.studio-sidebar-label{gap:4px;min-height:28px;margin-bottom:2px;padding:0 0 0 8px;font-size:14px;font-weight:500}.studio-project-section+.studio-project-section{margin-top:12px}.studio-section-title,.studio-section-toggle{text-align:left;min-width:0;min-height:28px;color:var(--muted);font-size:inherit;font-weight:inherit;border-radius:6px;flex:1;align-items:center;gap:6px;padding:0 4px;display:flex}.studio-section-title,.studio-section-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-section-toggle svg{flex-shrink:0}.studio-section-tools{flex-shrink:0;display:flex}.studio-sidebar-label .studio-row-menu{width:24px;height:24px;margin:0}.studio-sidebar-label:hover .studio-row-menu,.studio-sidebar-label:focus-within .studio-row-menu{opacity:1}.studio-group-empty{color:var(--subtle);padding:4px 12px 4px 28px;font-size:12px}@media (hover:none){.studio-sidebar-label .studio-row-menu{opacity:1}}.studio-tree-row{border-radius:8px;min-height:36px}.studio-tree-row.active{background:var(--selected)}.studio-tree-main{gap:8px;min-height:36px;font-size:14px}.studio-tree-chevron{border-radius:50%}.studio-row-menu{border-radius:50%;width:28px;height:28px}.studio-topbar{height:var(--studio-topbar-height);padding:0 24px}.studio-breadcrumb{gap:8px;font-size:14px}.studio-menu-shade{inset:var(--studio-topbar-height) 0 0}.studio-icon,.canvas-icon-button{width:36px;height:36px;color:var(--text);border-radius:50%}.studio-library{max-width:1280px;padding:40px 48px 72px}.studio-section-heading{gap:24px;margin-bottom:24px}.studio-section-heading h1,.settings-heading h1{letter-spacing:-.02em;font-size:28px;font-weight:700;line-height:1.3}.studio-section-heading h1+p{margin-top:8px;font-size:14px;line-height:1.6}.studio-button{border-radius:8px;gap:8px;min-height:40px;padding:10px 16px;font-size:14px;font-weight:500}.settings-button{background:var(--paper);border-radius:8px;gap:7px;min-height:32px;padding:5px 11px;font-size:13px;font-weight:500;line-height:20px}.settings-button:hover:not(:disabled){background:var(--hover)}.settings-button-icon{width:32px;height:32px;padding:0}.settings-icon-button{width:28px;height:28px;color:var(--muted)}.settings-select select{background:var(--paper);min-height:32px;padding-block:5px;font-size:13px;line-height:20px}.studio-button.primary{background:var(--action);border-color:var(--action);color:#fff}.studio-button.primary:hover{background:var(--action-hover);border-color:var(--action-hover);filter:none}.studio-button:active:not(:disabled),.settings-button:active:not(:disabled),.studio-icon:active:not(:disabled){transform:scale(.96)}.studio-button.danger{color:#fff}.studio-button:disabled{opacity:1;color:var(--subtle);background:var(--surface);border-color:var(--line)}.studio-button.small{border-radius:8px;min-height:32px;padding:6px 12px;font-size:13px}.studio-text-button{text-underline-offset:4px;font-size:14px;font-weight:500}.studio-library-toolbar{min-height:40px;margin-bottom:24px;font-size:13px}.studio-search{background:var(--paper);border-radius:999px;gap:10px;min-height:40px;padding:10px 16px;box-shadow:0 2px 6px #00000008}.studio-search input{width:180px;font-size:14px}.studio-project-grid,.studio-template-grid{gap:24px}.studio-component-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.studio-project-card,.studio-template-card,.studio-component-card{background:var(--paper);transition:border-color .15s ease, box-shadow var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out);border-radius:16px}.studio-project-card:hover,.studio-template-card:hover,.studio-component-card:hover{border-color:var(--subtle);background:var(--paper);box-shadow:var(--shadow);transform:translateY(-2px)}.studio-card-open{padding:20px}.studio-project-card h2{font-size:16px;font-weight:600;line-height:1.4}.studio-project-card p,.studio-project-card footer{font-size:13px;font-weight:400;line-height:1.5}.studio-template-art{background:var(--surface);height:148px;padding-top:24px}.template-sheet{border-radius:8px 8px 0 0;width:144px;height:144px;padding:20px 16px}.studio-template-info{padding:16px 20px}.studio-template-info h2{font-size:16px;font-weight:600;line-height:1.4}.studio-template-info p{min-height:44px;margin:8px 0 16px;font-size:14px;line-height:1.6}.studio-tag{background:var(--surface);color:var(--muted);border:0;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;line-height:1.4}.studio-component-card{gap:16px;padding:24px}.studio-component-symbol{background:var(--surface);width:44px;height:44px;color:var(--text);border-radius:12px;font-size:24px}.studio-component-card h2{flex-wrap:wrap;gap:8px;margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.4}.studio-component-card p{margin-bottom:12px;font-size:14px;font-weight:500;line-height:1.6}.studio-component-card footer{color:var(--subtle);font-weight:400}.studio-filter-tabs{gap:16px}.studio-filter-tabs button{min-height:40px;color:var(--muted);background:0 0;border-bottom:2px solid #0000;border-radius:0;padding:8px 0}.studio-filter-tabs button.active{color:var(--text);border-color:var(--text);background:0 0;font-weight:600}.studio-filter-tabs button:hover{color:var(--text);background:0 0}.studio-page-list-row,.studio-page-list-open{min-height:56px}.studio-page-list strong{font-size:16px;font-weight:600}.studio-page-list time{font-size:13px;font-weight:400}.studio-editor-page{max-width:1000px;padding:56px 64px 112px}.studio-editor-page .document-content{font-size:16px;font-weight:500;line-height:1.7}.studio-page-title,.canvas-title{letter-spacing:-.02em;margin-bottom:32px;font-size:32px;font-weight:700;line-height:1.25}.editor-toolbar{gap:4px;min-height:48px;margin-bottom:24px;padding:8px 0}.editor-tool{border-radius:8px;width:32px;height:32px}.editor-tool.is-active{color:var(--text);background:var(--selected)}.text-style-button{border-radius:8px;min-width:90px;height:32px;font-size:13px}.studio-modal-shade{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000052;padding:32px}.studio-modal{box-shadow:var(--shadow-dialog);border:0;border-radius:20px;width:500px;max-height:calc(100dvh - 64px)}.studio-modal.wide{width:min(1040px,100%)}.studio-modal>header{min-height:72px;padding:20px 24px}.studio-modal h2{letter-spacing:-.02em;font-size:22px;font-weight:600;line-height:1.3}.studio-form,.studio-template-edit,.studio-component-detail{padding:24px}.studio-form{gap:20px}.studio-form label{font-size:14px;line-height:1.5}.studio-form input,.studio-form textarea,.studio-form select,.catalog-edit-form :is(input,textarea,select),.catalog-composition :is(input,select),.catalog-scope-controls select{border-radius:8px;padding:12px 14px;font-size:14px;line-height:1.5}.studio-form select:focus-visible{border-color:var(--text)}.studio-form .studio-code-editor{font-family:var(--font-mono);font-size:13px}.studio-template-edit>footer,.studio-component-detail>footer{gap:12px;margin-top:24px;padding-top:20px}.studio-detail-tabs{gap:24px;margin-bottom:24px}.studio-detail-tabs button{color:var(--muted);padding:12px 0;font-size:14px}.studio-detail-tabs button.active{color:var(--text);border-color:var(--text);font-weight:600}.studio-empty h2{font-size:22px;font-weight:600}.studio-empty p{max-width:48ch;font-size:16px;line-height:1.65}.studio-empty>svg{color:var(--text);opacity:1}.studio-context-menu,.studio-popover,.canvas-menu{box-shadow:var(--shadow);border-radius:16px;padding:8px}.studio-context-menu-item,.studio-popover>button{border-radius:8px;min-height:40px;padding:10px 12px;font-size:14px}.studio-popover{width:240px;top:44px}.studio-caption,.studio-modal-description{font-size:14px;font-weight:400;line-height:1.6}.studio-form-error{color:var(--danger);font-size:13px}.studio-toast{background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px 20px;font-size:14px}.catalog-lineage{font-size:12px;font-weight:400}.catalog-reference-intro{padding:0 0 24px}.catalog-reference-intro>span{background:var(--surface);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.catalog-reference-intro>p{color:var(--text);margin-top:16px;font-size:16px;font-weight:500;line-height:1.7}.catalog-overview{grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);gap:32px;padding-top:32px}.catalog-overview .catalog-documentation{padding-right:32px}.catalog-reference-section+.catalog-reference-section{margin-top:32px}.catalog-reference-section>h3,.catalog-live-example>header h3{gap:12px;margin-bottom:16px;font-size:18px;font-weight:600;line-height:1.4}.catalog-reference-section>h3 svg{color:var(--text)}.catalog-reference-section li,.catalog-reference-section p{color:var(--text);font-size:14px;font-weight:500;line-height:1.7}.catalog-reference-section li{margin-bottom:16px}.catalog-reference-section li:before{background:var(--muted)}.catalog-preview-stage{background:var(--surface);border-radius:16px;padding:24px}.catalog-preview-stage>.sb-primitive,.catalog-preview-stage>.sb-block,.catalog-template-paper{box-shadow:none;border-radius:12px;padding:24px}.catalog-example-request{margin:16px 0;font-size:14px;font-weight:400;line-height:1.6}.studio-example-picker{gap:12px;margin-bottom:16px;font-size:13px;font-weight:400}.studio-example-picker select{border-radius:999px;min-height:36px;padding:8px 32px 8px 14px;font-size:14px}.catalog-example-data{padding:16px 0;font-size:13px}.catalog-example-data pre{font:12px/1.65 var(--font-mono);border-radius:8px;padding:16px}.catalog-template-preview{max-height:480px}.catalog-related li{border-color:var(--line)}.studio-settings{max-width:900px;padding-top:48px}.settings-heading p,.settings-row-text p{font-size:14px;line-height:1.6}.settings-row-text :is(h3,label),.settings-group>h2{font-size:16px;font-weight:600}.settings-nav-label{font-size:12px;font-weight:600}.settings-config,.settings-theme-preview{border-radius:12px}.settings-product-symbol{color:var(--brand)}@media (max-width:1100px){.studio-sidebar{width:208px;padding-inline:12px}.studio-library{padding:32px}.studio-section-actions .studio-button{padding:8px 12px}.studio-editor-page{padding:48px 40px 96px}}@media (max-width:780px){.studio-modal-shade{padding:16px}.studio-modal{max-height:calc(100dvh - 32px)}.studio-modal>header{min-height:64px;padding:16px 20px}.studio-modal h2{font-size:20px}.studio-template-edit,.studio-component-detail,.studio-form{padding:20px}.studio-section-heading{flex-wrap:wrap;align-items:flex-start;gap:16px}.studio-section-actions{flex-wrap:wrap}.studio-library{padding:24px}.studio-project-grid,.studio-template-grid,.studio-component-grid{grid-template-columns:minmax(0,1fr);gap:16px}.catalog-overview{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:24px}.catalog-overview .catalog-documentation{border-right:0;padding:0 0 24px}.catalog-preview-stage{padding:16px}.studio-editor-page{padding:32px 24px 80px}.studio-header-actions{gap:4px}}@media (pointer:coarse){.studio-icon,.editor-tool{min-width:44px;min-height:44px}}.catalog-detail>footer{z-index:2;background:var(--paper);padding:16px 0 24px;position:sticky;bottom:-24px}@media (max-width:780px){.catalog-detail>footer{padding-bottom:20px;bottom:-20px}}.studio-button.danger{color:#fff;background:#c13515;border-color:#c13515}.showai-loading{background:var(--paper);animation:showai-fade-in var(--duration-slow) var(--ease-out) .3s both;place-items:center;font-size:14px;display:grid;position:fixed;inset:0}:root,.studio,.studio.settings-view,.studio-modal-shade,.studio-context-menu,[data-showai-inline-root]{--font-sans:"Airbnb Cereal VF", "Circular", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--brand:#120a8f;--action:#120a8f;--action-hover:#0d076b;--text:#222;--muted:#6a6a6a;--subtle:#929292;--paper:#fff;--surface:#fafafa;--line:#ddd;--hover:#f7f7f7;--accent:var(--action);--accent-soft:#eeedf9;--brand-accent:var(--brand);--danger:#c13515;--selected:#f2f2f2;--bg:var(--paper);--border:var(--line);--text-secondary:var(--muted);--editor-bg:var(--paper);--radius-control:8px;--radius-card:16px;--radius-panel:20px;--radius-pill:999px;--space-unit:8px;--shadow:0 0 0 1px #00000005, 0 2px 6px #0000000a, 0 4px 8px #00000014;--shadow-dialog:0 16px 64px #00000024;--studio-topbar-height:56px;font-family:var(--font-sans);font-synthesis:none;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);letter-spacing:0;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-weight:500}:root[data-theme=dark],:root[data-theme=dark] .studio,:root[data-theme=dark] .studio.settings-view,:root[data-theme=dark] .studio-modal-shade,:root[data-theme=dark] .studio-context-menu,[data-showai-inline-root][data-theme=dark]{--text:#f7f7f7;--muted:#b0b0b0;--subtle:#929292;--paper:#181818;--surface:#222;--line:#414141;--hover:#2c2c2c;--accent:#aaa4ff;--brand-accent:#aaa4ff;--accent-soft:#25233f;--selected:#2c2c2c;--danger:#ff9c86;--shadow:0 0 0 1px #ffffff08, 0 2px 6px #00000030, 0 4px 8px #00000040;--shadow-dialog:0 16px 64px #0006;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root,[data-showai-inline-root]{--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--duration-fast:.14s;--duration-base:.2s;--duration-slow:.32s}.showai-text-shimmer{color:#0000;background:linear-gradient(90deg, var(--muted) 0%, var(--muted) 35%, var(--text) 50%, var(--muted) 65%, var(--muted) 100%) 0 0 / 200% 100%;-webkit-background-clip:text;background-clip:text;animation:2s linear infinite showai-shimmer}button,input,textarea,select{font-family:inherit}button{transition:background-color .15s,color .15s,border-color .15s,transform .15s}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--text);outline-offset:3px}input:is([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=button],[type=submit],[type=reset]):focus-visible,select:focus-visible{outline:2px solid var(--text);outline-offset:2px}input:not([type=checkbox],[type=radio],[type=range],[type=color],[type=file],[type=button],[type=submit],[type=reset]):focus,textarea:focus{outline:none}input::placeholder,textarea::placeholder{color:var(--subtle)}::selection{background:var(--accent-soft);color:var(--text)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}:root{--reading-text:#494650;--reading-heading:#383042;--reading-accent:#120a8f;--reading-highlight:#e6e1fc;--reading-code:#f0eef9}:root[data-theme=dark]{--reading-text:#d4d1dd;--reading-heading:#e4dfec;--reading-accent:#bbb3ff;--reading-highlight:#37304f;--reading-code:#29243a}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-text){font-family:var(--font-sans);letter-spacing:0;color:var(--reading-text);font-size:16px;font-weight:400;line-height:1.8}.sb-text>.sb-rich-text{font:inherit;line-height:inherit}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(h1,h2,h3,h4,h5,h6){color:var(--reading-heading);letter-spacing:-.3px;scroll-margin-top:80px;font-weight:600}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) h1{margin:40px 0 14px;font-size:28px;line-height:1.35}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) h2{margin:34px 0 12px;font-size:22px;line-height:1.4}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) h3{margin:26px 0 8px;font-size:18px;line-height:1.45}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(h4,h5,h6){margin:20px 0 6px;font-size:16px;line-height:1.5}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(h1,h2,h3,h4,h5,h6)+:is(h2,h3,h4,h5,h6){margin-top:14px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) p{margin:0 0 14px}:is(.document-content,.portable-editor .tiptap,.portable-content) mark:not(:where(.sb-block *,.showai-custom-block *)),.sb-text .sb-rich-text mark{--showai-highlight-start:43%;color:inherit;background:linear-gradient(transparent var(--showai-highlight-start), var(--showai-highlight-color,var(--reading-highlight)) var(--showai-highlight-start));-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:0;padding:0 1px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) mark[data-highlight-mode=full]{--showai-highlight-start:0%}:is(.document-content,.portable-editor .tiptap,.portable-content) strong:not(:where(.sb-block *,.showai-custom-block *)),.sb-text .sb-rich-text strong{font-weight:600}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) mark{background-color:#0000!important}:root[data-theme=dark] :is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) mark{background-image:linear-gradient(transparent var(--showai-highlight-start,43%), color-mix(in srgb, var(--showai-highlight-color,var(--reading-highlight)) 22%, transparent) var(--showai-highlight-start,43%))}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) em{color:var(--reading-accent);font-style:normal;font-weight:550}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) a{color:var(--reading-accent);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) blockquote{border-left:3px solid color-mix(in srgb, var(--reading-accent) 45%, transparent);color:var(--reading-text);background:0 0;border-radius:0;margin:18px 0;padding:2px 0 2px 16px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) blockquote p{margin:0 0 8px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul,ol){margin:0 0 14px;padding-left:1.5em}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) li{margin:4px 0;padding-left:.2em}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) li>p{margin:0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) li>:is(ul,ol){margin:4px 0 0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) ol{font-variant-numeric:tabular-nums}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list){padding-left:0;list-style:none}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list)>li{align-items:flex-start;gap:10px;padding-left:0;display:flex}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list)>li>label{flex:none;align-items:center;height:1.8em;display:inline-flex}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list) input[type=checkbox]{appearance:none;border:1.5px solid color-mix(in srgb, var(--reading-text) 40%, transparent);cursor:pointer;--task-tick:#fff;background:0 0;border-radius:4px;flex:none;width:15px;height:15px;margin:0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list) input[type=checkbox]:checked{border-color:var(--reading-accent);background-color:var(--reading-accent)}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list) input[type=checkbox]:checked:before{content:"";border:solid var(--task-tick);border-width:0 2px 2px 0;width:4px;height:8px;margin:1px 0 0 4px;display:block;transform:rotate(45deg)}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list) input[type=checkbox]:disabled{cursor:default}:root[data-theme=dark] :is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list) input[type=checkbox]:checked{--task-tick:#201c2e}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list) input[type=checkbox]:focus-visible{outline:2px solid var(--reading-accent);outline-offset:2px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) .portable-task-list>li>input[type=checkbox]{margin-top:calc(.9em - 7.5px)}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list)>li>div{flex:1;min-width:0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list)>li>div>p{margin:0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul[data-type=taskList],.portable-task-list)>li[data-checked=true]>div>p{color:var(--muted);text-decoration:line-through}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) li::marker{color:var(--reading-accent)}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) code{font-family:var(--font-mono);color:var(--reading-accent);background:var(--reading-code);border-radius:4px;padding:.1em .35em;font-size:.875em}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) pre,.sb-code pre{border:1px solid var(--line);background:var(--surface);color:var(--reading-text);font:13.5px/1.7 var(--font-mono);white-space:pre;tab-size:2;border-radius:10px;margin:18px 0;padding:16px 20px;overflow-x:auto}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) pre code{font:inherit;color:inherit;background:0 0;border-radius:0;padding:0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) hr{border:0;border-top:1px solid var(--line);margin:28px 0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text)>:first-child{margin-top:0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text)>:last-child,:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(blockquote,li,th,td,.callout-content>div,.toggle-body>div>div,.portable-callout>div,.portable-toggle-body)>:last-child{margin-bottom:0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(blockquote,li,th,td,.callout-content>div,.toggle-body>div>div,.portable-callout>div,.portable-toggle-body)>:first-child{margin-top:0}.document-content .document-image,.portable-editor .document-image,.portable-image,.sb-rich-text img,.sb-image img{border-radius:14px}:is(.document-content,.portable-editor .tiptap,.portable-content) :is(.tableWrapper,.portable-table-scroll):not(.sb-block *){margin:18px 0;overflow-x:auto}:is(.document-content,.portable-editor .tiptap,.portable-content) table:not(.sb-block table),.sb-rich-text table{border-collapse:collapse;width:100%;font-size:15px;line-height:1.6}:is(.document-content,.portable-editor .tiptap,.portable-content) :is(th,td):not(.sb-block :is(th,td)),.sb-rich-text :is(th,td){border:1px solid var(--line);vertical-align:top;text-align:start;padding:8px 12px}:is(.document-content,.portable-editor .tiptap,.portable-content) th:not(.sb-block th),.sb-rich-text th{background:var(--surface);color:var(--reading-heading);font-weight:600}:is(.document-content,.portable-editor .tiptap,.portable-content) :is(th,td):not(.sb-block :is(th,td))>p,.sb-rich-text :is(th,td)>p{margin:0}:is(.document-content,.portable-editor .tiptap,.portable-content) :is(th,td):not(.sb-block :is(th,td))>p+p,.sb-rich-text :is(th,td)>p+p{margin-top:6px}.sb-table table{font-size:inherit;line-height:inherit}.sb-table :is(th,td){border-color:var(--line);padding:12px 16px}.sb-table th{background:var(--surface);font-weight:600}.sb-primitive{font-family:var(--font-sans)}.sb-image figcaption,.sb-primitive-editor{color:var(--muted);font-size:13px;line-height:1.5}.sb-image-empty{background:var(--surface);color:var(--muted);border-radius:14px}.sb-primitive-editor :is(input,textarea){border:1px solid var(--line);background:var(--paper);color:var(--text);border-radius:8px;padding:12px}.sb-code textarea{font-family:var(--font-mono);background:var(--paper);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:12px}.sb-block{font-family:var(--font-sans);border-radius:16px;font-size:14px;font-weight:500;line-height:1.6}.sb-header{padding:20px 24px 16px}.sb-title{font-size:16px;font-weight:600}.sb-description{font-size:14px;line-height:1.6}.sb-block :is(.sb-button,.sb-icon-button){border-radius:8px}.sb-block .sb-button{min-height:36px;font-size:14px}.sb-metric-value{letter-spacing:-.02em;font-weight:700}.sb-bookmark-copy>strong{font-size:16px;font-weight:600;line-height:1.4}.sb-bookmark-copy>p{font-size:14px;line-height:1.6}.portable-document{max-width:1000px;padding:80px 64px 96px}.portable-title{letter-spacing:-.02em;margin-bottom:32px;font-size:32px;font-weight:700;line-height:1.25}.portable-options-trigger{border-radius:50%;width:40px;height:40px}.portable-options-menu{box-shadow:var(--shadow);border-radius:16px;padding:8px}.portable-options-menu button{border-radius:8px;min-height:40px;font-size:14px}.portable-toggle summary{font-weight:600}@media (max-width:700px){.portable-document{padding:76px 24px 64px}.portable-title{font-size:28px}.sb-header,:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) pre,.sb-code pre{padding:16px}}@media print{.portable-document{max-width:none;padding:0}.sb-block{--sb-accent:#222}}.document-content .page-document-flow>:first-child:not(.document-content :not(:first-child) *){margin-top:0}.document-content .page-document-flow>:last-child:not(.document-content :not(:last-child) *){margin-bottom:0}