body{color:#33434c;margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.gradient-lab{background:#fbfdfe;border:1px solid #dae8ef;border-radius:10px;padding:27px 28px}.lab-top{justify-content:space-between;align-items:center;gap:20px;display:flex}.lab-label{color:#80a0b1;font-size:10px}.lab-top h2{letter-spacing:-.5px;margin:8px 0 9px;font-size:23px;font-weight:560}.lab-top p{color:#8ca2ae;margin:0;font-size:12px;line-height:1.8}.lab-formula{color:#7e9aaa;white-space:nowrap;font-family:Georgia,serif;font-size:20px}.lab-layout{grid-template-columns:minmax(0,1fr) 125px;align-items:center;gap:20px;margin-top:24px;display:grid}.lab-plot svg{width:100%;display:block}.lab-stat{margin-bottom:15px}.lab-stat>span{color:#a1b0b9;font-size:10px;display:block}.lab-stat strong{color:#54798e;font-variant-numeric:tabular-nums;font-size:24px;font-weight:500;line-height:1.5}.lab-stat small{color:#a2b4bf;font-size:11px}.lab-status{color:#72927f;background:#eff6f1;border-radius:4px;padding:6px 8px;font-size:10px;line-height:1.8}.lab-status.unstable{color:#b98265;background:#faf1e9}.lab-control{border-top:1px solid #e3edf2;align-items:center;gap:20px;margin-top:16px;padding-top:20px;display:flex}.lab-control label{color:#7f98a6;white-space:nowrap;align-items:center;gap:13px;font-size:12px;display:flex}.lab-control output{font-variant-numeric:tabular-nums;color:#3d8eb8;background:#eaf4fa;border-radius:3px;padding:4px 7px}.lab-control input{accent-color:#3b91bd;flex:1;min-width:60px}.lab-actions{gap:7px;display:flex}.lab-actions button{color:#fff;cursor:pointer;white-space:nowrap;background:#457f9e;border:1px solid #457f9e;border-radius:5px;padding:8px 13px;font-size:11px}.lab-actions .secondary{color:#7693a4;background:#fff;border-color:#dce7ee}.lab-presets{color:#9bacb5;align-items:center;gap:8px;margin-top:18px;font-size:10px;display:flex}.lab-presets button{color:#8da4b2;cursor:pointer;background:#fff;border:1px solid #e1eaf0;border-radius:4px;padding:5px 9px;font-size:10px}.lab-presets button[aria-pressed=true]{color:#4b8baa;background:#eaf5fb;border-color:#b8d8e9}.lab-note{color:#a5b5be;margin-top:18px;font-size:10px;line-height:1.7}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #398bbb}@media (max-width:620px){.lab-layout{grid-template-columns:1fr}.lab-layout aside{justify-content:space-between;gap:12px;display:flex}.lab-status{display:none}.lab-control{flex-wrap:wrap}.lab-formula{display:none}.gradient-lab{padding:20px}.lab-top h2{font-size:19px}}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:36px;display:flex}.message-avatar{border-radius:10px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.message-avatar svg{width:19px;height:19px}.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% - 70px);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}.assistant-answer .sb-text{margin:0 0 16px;background:0 0!important;border:0!important;padding:0!important}.assistant-answer .sb-rich-text{font-family:var(--font-sans);color:#494650;letter-spacing:0;font-weight:400;line-height:1.9;font-size:16px!important}.assistant-answer .sb-rich-text p{margin:0 0 17px}.assistant-answer .sb-rich-text strong{color:#292633;font-weight:600}.assistant-answer .sb-rich-text ul{margin:16px 0;padding-left:22px}.assistant-answer .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}.showai-document .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}.showai-document .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% - 70px);max-width:1160px;padding-top:32px}.showai-document{min-height:150px;margin-left:184px}.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}#showai-sidebar-note-slot:empty{display:none}.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(980px,100% - 70px)}.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% - 52px)}.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% - 48px)}.showai-document{margin-left:0;padding-top:136px}.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% - 48px)}}.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 .studio-topbar-brand{width:195px!important}.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}.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}}.document-content,.portable-editor .tiptap,.portable-content,.sb-text{font-family:var(--font-sans);letter-spacing:0;font-size:16px;font-weight:500;line-height:1.7}.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:inherit;letter-spacing:-.02em;scroll-margin-top:80px;font-weight:600;line-height:1.3}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) h1{margin:40px 0 16px;font-size:28px;font-weight:700}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) h2{margin:32px 0 16px;font-size:22px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) h3{margin:24px 0 12px;font-size:20px}.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:12px 0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) strong{font-weight:700}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) a{color:inherit;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:2px solid var(--text);background:var(--surface);color:inherit;border-radius:0 8px 8px 0;margin:24px 0;padding:12px 20px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) :is(ul,ol){margin:16px 0;padding-left:24px}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) li{margin:4px 0}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) li::marker{color:inherit}:is(.document-content,.portable-editor .tiptap,.portable-content,.sb-rich-text) code{font-family:var(--font-mono);color:inherit;background:var(--surface);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:inherit;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}}