.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-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}.studio-topbar{z-index:20;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-save-state{color:var(--muted);align-items:center;gap:5px;margin-right:4px;font-size:12px;display:flex}.studio-save-state.conflict,.studio-save-state.error{color:#bd7040}.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)}.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);background:#19191938;justify-content:center;align-items:center;padding:24px;animation:.12s studio-enter;display:flex;position:fixed;inset:0}.studio-modal{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>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}.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);border-radius:7px;align-items:center;gap:9px;padding:9px 14px;font-size:13px;animation:.15s studio-enter;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;overscroll-behavior:contain;width:max-content;min-width:min(220px,100vw - 16px);max-width:calc(100vw - 16px);position:fixed;overflow:auto}.studio-popover{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);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-save-state{gap:0;margin:0;font-size:0}}.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}.editor-tool{width:28px;height:29px;color:var(--muted);background:0 0;border:0;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.editor-tool svg{stroke-width:1.65px}.editor-tool:hover,.editor-tool.is-active{color:var(--accent);background:var(--editor-soft)}.editor-tool:disabled{opacity:.32}.editor-bubble{--editor-line:var(--line,#e8ece5);--editor-soft:var(--accent-soft,#edf2e9);z-index:80;border:1px solid var(--line,#e8ece5);background:var(--paper,#fff);border-radius:6px;align-items:center;gap:2px;max-width:calc(100vw - 16px);padding:5px;animation:.13s editor-menu-appear;display:flex;position:fixed;overflow-x:auto;box-shadow:0 5px 20px #2434291c}@keyframes editor-menu-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.editor-bubble{transition:none!important;animation:none!important}}@media print{.editor-bubble{display:none!important}}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}.annotation-layer{pointer-events:none;z-index:80;color:#655c8d;position:fixed;inset:0}.annotation-arrow{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.annotation-arrow>path{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round}.pencil-note{pointer-events:auto;box-sizing:border-box;background:#fffef9;border:1.4px solid #8a80a5;border-radius:46% 4% 47%/6% 40% 6% 42%;padding:16px 20px 12px;font-family:Kaiti SC,STKaiti,KaiTi,cursive;animation:.35s both note-in;position:absolute;transform:rotate(-1.4deg);box-shadow:3px 5px #ddd7eb40,0 5px 20px #3b29530b}.pencil-note strong{padding-right:13px;font-size:17px;font-weight:600;line-height:1.6;display:block}.pencil-note p{white-space:pre-line;margin:6px 0;font-size:14px;line-height:1.7}.dismiss-note{color:#9e96b3;cursor:pointer;background:0 0;border:0;width:25px;height:25px;font-family:inherit;font-size:20px;position:absolute;top:6px;right:9px}.next-note{color:#807198;font:inherit;cursor:pointer;background:0 0;border:0;border-bottom:1px dashed #bbb2ca;align-items:center;gap:9px;margin-left:auto;padding:2px;font-size:13px;display:flex}.next-note span{font-size:18px}@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}}@keyframes note-in{0%{opacity:0;transform:rotate(-3deg)scale(.95)}to{opacity:1;transform:rotate(-1.4deg)scale(1)}}@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}.annotation-layer{color:#23396b}.pencil-note{color:#23396b;background:#fffefa;border-color:#6f81a4;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif;transform:rotate(-1.4deg);box-shadow:3px 5px #bcc7db30,0 5px 20px #1a2d4e09}.pencil-note strong{font-size:14px;font-weight:550;line-height:1.6}.pencil-note p{color:#364c76;margin:8px 0;font-size:12px;line-height:1.85}.pencil-note .dismiss-note{color:#7f8da8}.pencil-note .next-note{color:#405783;border-color:#aab7ce;font-size:11px}.annotation-arrow{color:#506a96}@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}.annotation-layer{pointer-events:none}.pencil-note.margin-note{pointer-events:none;border-radius:46% 4% 47%/6% 40% 6% 42%;min-height:0;padding:14px 13px;transform:rotate(-1.2deg)}.pencil-note.margin-note strong{padding:0;font-size:12px;line-height:1.8}.pencil-note.margin-note p{margin:7px 0 0;font-size:11px;line-height:1.9}.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)}#showai-sidebar-note-slot{flex-shrink:0;padding:5px 10px 10px}.pencil-note.sidebar-note{pointer-events:none;width:100%;min-height:0;padding:11px 12px;position:relative;top:auto;left:auto;transform:rotate(-1deg);box-shadow:2px 3px #bcc7db24}.pencil-note.sidebar-note strong{padding:0;font-size:12px}.pencil-note.sidebar-note p{margin:6px 0 0;font-size:11px;line-height:1.8}.pencil-note.sidebar-note:after{content:"";background:#fffefa;border-bottom:1px solid #6f81a4;border-right:1px solid #6f81a4;width:12px;height:9px;position:absolute;bottom:-6px;left:42%;transform:rotate(41deg)}.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}.pencil-note.margin-note{padding:12px 14px}.pencil-note.margin-note strong{font-size:12px;line-height:1.7}.pencil-note.margin-note p{font-size:11px;line-height:1.8}.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)}}.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)}.annotation-layer{transition:opacity .18s}@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}.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}.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)}.pencil-note,.pencil-note p,.annotation-arrow{color:var(--showai-ink)}.pencil-note,.pencil-note.sidebar-note:after{border-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)}.annotation-anchor{position:relative}.content-annotation{opacity:0;pointer-events:none;z-index:2;width:154px;transition:opacity .1s linear;position:absolute;top:24px;left:0}.content-annotation .pencil-note.margin-note{pointer-events:none;width:100%;animation:none;position:relative;transform:rotate(-1.2deg)}.content-annotation-arrow{width:100%;height:70px;color:var(--showai-ink);position:absolute;top:0;left:0;overflow:visible}.content-annotation-arrow>path{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linecap:round}@media (prefers-reduced-motion:reduce){.content-annotation{transition:none}}.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>.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>.container-page-column{max-width:none;padding:0}.shared-document-fragment>.surface-editor-shell>.container-workspace>.container-main>.container-page>.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}#showai-sidebar-note-slot{justify-content:center;align-items:center;padding:8px 0 12px;display:flex}#showai-sidebar-note-slot:empty{display:none}.pencil-note.sidebar-note{text-align:center;pointer-events:auto;flex:none;width:188px;min-width:188px;padding:14px 12px;transition:opacity .18s,transform .18s}.pencil-note.sidebar-note strong,.pencil-note.sidebar-note p{text-align:center}.pencil-note.sidebar-note.is-leaving{opacity:0;pointer-events:none;animation:none;transform:translateY(5px)rotate(-1deg)}.content-annotation-arrow{opacity:.6;height:100%}.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{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}button:hover{background:var(--hover)}button:disabled{opacity:.45;cursor:default}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 40%, transparent);outline-offset:2px}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}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@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}}.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-save-state{font-size:12px;font-weight:400}.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:focus-within{outline:2px solid var(--text);outline-offset:2px}.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);border-radius:16px;transition:border-color .15s,transform .15s}.studio-project-card:hover,.studio-template-card:hover,.studio-component-card:hover{border-color:var(--subtle);background:var(--paper);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 :is(input,textarea,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}: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}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:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--text);outline-offset:2px}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.9}.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:550;line-height:1.5}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) h1{margin:32px 0 20px;font-size:28px;font-weight:600}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) h2{margin:20px 0 19px;font-size:21px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) h3{margin:28px 0 17px;font-size:20px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(h4,h5,h6){margin:24px 0 12px;font-size:16px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) p{margin:0 0 17px}:is(.document-content,.portable-editor .tiptap,.portable-content) :is(strong,mark):not(:where(.sb-block *,.showai-custom-block *)),.sb-text .sb-rich-text :is(strong,mark){color:var(--reading-accent);background:linear-gradient(transparent 43%, var(--showai-highlight-color,var(--reading-highlight)) 43%);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:0;padding:0 1px}: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}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) mark strong{background:0 0;padding:0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) strong mark{padding:0}:root[data-theme=dark] :is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) mark{background-image:linear-gradient(transparent 43%, color-mix(in srgb, var(--showai-highlight-color,var(--reading-highlight)) 22%, transparent) 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 var(--reading-accent);color:var(--reading-accent);background:0 0;border-radius:0;margin:22px 0;padding:8px 0 8px 18px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul,ol){margin:16px 0;padding-left:22px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) li{margin:8px 0}: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;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:14px/1.65 var(--font-mono);border-radius:12px;margin:24px 0;padding:20px 24px;overflow:auto}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) pre code{font:inherit;color:inherit;background:0 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{margin-bottom: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) table:not(.sb-block table),.sb-table table,.sb-rich-text table{font-size:inherit;line-height:inherit}:is(.document-content,.portable-editor .tiptap) :is(th,td):not(.sb-block :is(th,td)),.sb-table :is(th,td),.sb-rich-text :is(th,td){border-color:var(--line);padding:12px 16px}.sb-table th,.sb-rich-text 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{margin-top:0}.document-content .page-document-flow>:last-child{margin-bottom:0}