@font-face{font-family:inter;src:url(../media/inter_latin_wght_normal-s.p.0gsaq8ukbf34m.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.O3HrsG_className{font-family:inter,inter Fallback}.O3HrsG_variable{--font-inter:"inter", "inter Fallback"}
@font-face{font-family:display;src:url(../media/manrope_latin_wght_normal-s.p.1p_a2k8qd5zhp.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:display Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}._9oYS7a_className{font-family:display,display Fallback}._9oYS7a_variable{--font-display:"display", "display Fallback"}
:root{--p-color-bg:#f6f6f7;--p-color-bg-surface:#fff;--p-color-bg-surface-hover:#f1f2f3;--p-color-bg-surface-active:#edeeef;--p-color-bg-surface-secondary:#f6f6f7;--p-color-bg-fill-brand:#008060;--p-color-bg-fill-brand-hover:#006e52;--p-color-bg-fill-brand-active:#005c45;--p-color-bg-fill-secondary:#e3e5e7;--p-color-bg-fill-critical:#d72c0d;--p-color-bg-fill-success:#008060;--p-color-bg-fill-warning:#b98900;--p-color-bg-fill-info:#2c6ecb;--p-color-bg-fill-emphasis:#1a1c1e;--p-color-bg-inverse:#1a1c1e;--p-color-text:#1a1c1e;--p-color-text-secondary:#6d7175;--p-color-text-disabled:#8c9196;--p-color-text-on-fill:#fff;--p-color-text-brand:#008060;--p-color-text-critical:#d72c0d;--p-color-text-success:#008060;--p-color-text-info:#2c6ecb;--p-color-border:#e1e3e5;--p-color-border-hover:#babfc3;--p-color-border-focus:#008060;--p-color-border-critical:#d72c0d;--p-color-border-brand:#008060;--p-color-icon:#5c5f62;--p-color-icon-hover:#1a1c1e;--p-color-icon-brand:#008060;--p-shadow-xs:0 1px 0 #0000000d;--p-shadow-sm:0 0 0 1px #0000000d, 0 1px 2px #00000012;--p-shadow-md:0 0 0 1px #0000000d, 0 3px 6px -1px #00000012;--p-shadow-lg:0 0 0 1px #0000000d, 0 12px 24px -4px #0000001a;--p-shadow-focus:0 0 0 2px #fff, 0 0 0 4px #008060;--p-font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--p-font-family-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, monospace;--p-space-050:2px;--p-space-100:4px;--p-space-200:8px;--p-space-300:12px;--p-space-400:16px;--p-space-500:20px;--p-space-600:24px;--p-space-800:32px;--p-space-1000:40px;--p-space-1200:48px;--p-space-1600:64px;--p-border-radius-100:4px;--p-border-radius-200:8px;--p-border-radius-300:12px;--p-border-radius-400:16px;--p-border-radius-full:9999px;--p-motion-duration-100:.1s;--p-motion-duration-200:.2s;--p-motion-ease:cubic-bezier(.25, .1, .25, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--p-color-bg);color:var(--p-color-text);font-family:var(--p-font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--p-border-radius-full);background:#00000026}::-webkit-scrollbar-thumb:hover{background:#00000040}h1,h2,h3,h4,h5,h6{font-family:var(--p-font-family);color:var(--p-color-text);letter-spacing:-.01em;font-weight:700;line-height:1.2}h1{letter-spacing:-.02em;font-size:27px}h2{font-size:22px}h3{font-size:16px;font-weight:600}.text-display{letter-spacing:-.03em;font-size:clamp(36px,5vw,60px);font-weight:800;line-height:1.08}.text-subdisplay{letter-spacing:-.02em;font-size:clamp(28px,3.5vw,42px);font-weight:700;line-height:1.12}.text-body{color:var(--p-color-text);font-size:14px;line-height:1.5}.text-body-secondary{color:var(--p-color-text-secondary);font-size:14px;line-height:1.5}.text-caption{color:var(--p-color-text-secondary);font-size:12px;line-height:1.4}.text-mono{font-family:var(--p-font-family-mono);font-size:13px}.container{width:100%;max-width:1200px;padding:0 var(--p-space-600);margin:0 auto}.container-wide{width:100%;max-width:1440px;padding:0 var(--p-space-600);margin:0 auto}.p-btn{justify-content:center;align-items:center;gap:var(--p-space-200);font-family:var(--p-font-family);border-radius:var(--p-border-radius-200);cursor:pointer;white-space:nowrap;transition:background var(--p-motion-duration-100) var(--p-motion-ease), border-color var(--p-motion-duration-100) var(--p-motion-ease), box-shadow var(--p-motion-duration-100) var(--p-motion-ease);-webkit-user-select:none;user-select:none;border:1px solid #0000;padding:10px 16px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.p-btn:focus-visible{box-shadow:var(--p-shadow-focus);outline:none}.p-btn:disabled{opacity:.5;cursor:not-allowed}.p-btn svg{flex-shrink:0}.p-btn-primary,.btn-primary{justify-content:center;align-items:center;gap:var(--p-space-200);font-family:var(--p-font-family);border-radius:var(--p-border-radius-200);background:var(--p-color-bg-fill-brand);color:var(--p-color-text-on-fill);cursor:pointer;white-space:nowrap;transition:background var(--p-motion-duration-100) var(--p-motion-ease);border:none;padding:10px 16px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 1px #00000014,inset 0 -1px #0003}.p-btn-primary:hover,.btn-primary:hover{background:var(--p-color-bg-fill-brand-hover)}.p-btn-primary:active,.btn-primary:active{background:var(--p-color-bg-fill-brand-active)}.p-btn-secondary,.btn-secondary{justify-content:center;align-items:center;gap:var(--p-space-200);font-family:var(--p-font-family);border-radius:var(--p-border-radius-200);background:var(--p-color-bg-surface);color:var(--p-color-text);border:1px solid var(--p-color-border);cursor:pointer;white-space:nowrap;box-shadow:var(--p-shadow-xs);transition:background var(--p-motion-duration-100) var(--p-motion-ease), border-color var(--p-motion-duration-100) var(--p-motion-ease);padding:10px 16px;font-size:14px;font-weight:600;line-height:1;display:inline-flex}.p-btn-secondary:hover,.btn-secondary:hover{background:var(--p-color-bg-surface-hover);border-color:var(--p-color-border-hover)}.btn-compact,.p-btn-compact{padding:6px 12px;font-size:13px}.p-btn-plain{align-items:center;gap:var(--p-space-100);color:var(--p-color-text-brand);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;font-weight:600;display:inline-flex}.p-btn-plain:hover{text-decoration:underline}.p-btn-emphasis{justify-content:center;align-items:center;gap:var(--p-space-200);font-family:var(--p-font-family);border-radius:var(--p-border-radius-200);background:var(--p-color-bg-fill-emphasis);color:var(--p-color-text-on-fill);cursor:pointer;white-space:nowrap;transition:opacity var(--p-motion-duration-100) var(--p-motion-ease);border:none;padding:10px 16px;font-size:14px;font-weight:600;line-height:1;display:inline-flex;box-shadow:0 1px #0000001a}.p-btn-emphasis:hover{opacity:.9}.p-card,.glass-card{background:var(--p-color-bg-surface);border-radius:var(--p-border-radius-300);box-shadow:var(--p-shadow-sm);transition:box-shadow var(--p-motion-duration-200) var(--p-motion-ease)}.p-card:hover,.glass-card:hover{box-shadow:var(--p-shadow-md)}.p-card-padding{padding:var(--p-space-500)}.p-badge,.pill-badge{border-radius:var(--p-border-radius-full);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;line-height:1.3;display:inline-flex}.p-badge{background:var(--p-color-bg-fill-secondary);color:var(--p-color-text)}.p-badge-success,.pill-badge{color:var(--p-color-text-brand);background:#00806014;border:1px solid #00806033}.p-badge-info{color:var(--p-color-text-info);background:#2c6ecb14}.p-badge-critical{color:var(--p-color-text-critical);background:#d72c0d14}.p-badge-attention{color:var(--p-color-bg-fill-warning);background:#b9890014}.pill-badge-cyan{color:var(--p-color-text-info);background:#2c6ecb14;border:1px solid #2c6ecb33}.p-input,.p-textarea{width:100%;font-family:var(--p-font-family);color:var(--p-color-text);background:var(--p-color-bg-surface);border:1px solid var(--p-color-border);border-radius:var(--p-border-radius-200);transition:border-color var(--p-motion-duration-100) var(--p-motion-ease), box-shadow var(--p-motion-duration-100) var(--p-motion-ease);outline:none;padding:8px 12px;font-size:14px;display:block}.p-input:focus,.p-textarea:focus{border-color:var(--p-color-border-focus);box-shadow:0 0 0 1px var(--p-color-border-focus)}.p-input::placeholder,.p-textarea::placeholder{color:var(--p-color-text-disabled)}.p-textarea{resize:vertical;min-height:80px;line-height:1.5}.site-nav{z-index:100;-webkit-backdrop-filter:blur(12px)saturate(180%);backdrop-filter:blur(12px)saturate(180%);border-bottom:1px solid var(--p-color-border);background:#ffffffeb;position:sticky;top:0}.site-nav-inner{justify-content:space-between;align-items:center;height:64px;display:flex}.site-nav-links{align-items:center;gap:28px;display:flex}.nav-link{color:var(--p-color-text-secondary);transition:color var(--p-motion-duration-100) var(--p-motion-ease);font-size:14px;font-weight:500}.nav-link:hover{color:var(--p-color-text)}.p-modal-overlay{z-index:500;animation:p-fade-in var(--p-motion-duration-200) var(--p-motion-ease);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.p-modal{background:var(--p-color-bg-surface);border-radius:var(--p-border-radius-300);box-shadow:var(--p-shadow-lg);width:90%;max-width:620px;max-height:85vh;animation:p-scale-in var(--p-motion-duration-200) var(--p-motion-ease);flex-direction:column;display:flex}.p-modal-header{padding:var(--p-space-400) var(--p-space-500);border-bottom:1px solid var(--p-color-border);justify-content:space-between;align-items:center;display:flex}.p-modal-header h3{font-size:16px;font-weight:600}.p-modal-body{padding:var(--p-space-500);flex:1;overflow-y:auto}.p-modal-footer{justify-content:flex-end;align-items:center;gap:var(--p-space-200);padding:var(--p-space-400) var(--p-space-500);border-top:1px solid var(--p-color-border);display:flex}.grid-2{gap:var(--p-space-500);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--p-space-500);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--p-space-400);grid-template-columns:repeat(4,1fr);display:grid}@media (max-width:960px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}@media (max-width:768px){.container,.container-wide{padding:0 var(--p-space-400)}h1{font-size:22px}h2{font-size:18px}}.section-hero{padding:var(--p-space-1600) 0 var(--p-space-1200) 0;text-align:center;position:relative;overflow:hidden}.section-block{padding:var(--p-space-1600) 0}.section-block-alt{padding:var(--p-space-1600) 0;background:var(--p-color-bg-surface)}.section-header{text-align:center;max-width:640px;margin:0 auto var(--p-space-1000) auto}.section-header .text-subdisplay{margin-bottom:var(--p-space-300)}.section-header p{color:var(--p-color-text-secondary);font-size:16px;line-height:1.6}.feature-card{background:var(--p-color-bg-surface);border-radius:var(--p-border-radius-300);box-shadow:var(--p-shadow-sm);padding:var(--p-space-600);transition:box-shadow var(--p-motion-duration-200) var(--p-motion-ease), transform var(--p-motion-duration-200) var(--p-motion-ease)}.feature-card:hover{box-shadow:var(--p-shadow-md);transform:translateY(-2px)}.feature-card-icon{border-radius:var(--p-border-radius-200);width:40px;height:40px;color:var(--p-color-icon-brand);margin-bottom:var(--p-space-400);background:#00806014;justify-content:center;align-items:center;display:flex}.feature-card h3{margin-bottom:var(--p-space-200)}.feature-card p{color:var(--p-color-text-secondary);font-size:14px;line-height:1.5}.pricing-card{background:var(--p-color-bg-surface);border-radius:var(--p-border-radius-300);box-shadow:var(--p-shadow-sm);padding:var(--p-space-800);border:1px solid var(--p-color-border);flex-direction:column;display:flex;position:relative}.pricing-card-popular{border-color:var(--p-color-border-brand);box-shadow:0 0 0 1px var(--p-color-border-brand), var(--p-shadow-md)}.pricing-card-popular:before{content:"Most Popular";background:var(--p-color-bg-fill-brand);color:var(--p-color-text-on-fill);border-radius:var(--p-border-radius-full);padding:4px 14px;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pricing-card h3{margin-bottom:var(--p-space-100);font-size:18px}.pricing-card .price{letter-spacing:-.02em;margin:var(--p-space-300) 0 var(--p-space-200) 0;font-size:36px;font-weight:800}.pricing-card .price span{color:var(--p-color-text-secondary);font-size:14px;font-weight:500}.pricing-card .feature-list{margin:var(--p-space-500) 0;gap:var(--p-space-300);flex-direction:column;flex:1;list-style:none;display:flex}.pricing-card .feature-list li{align-items:flex-start;gap:var(--p-space-200);color:var(--p-color-text);font-size:14px;display:flex}.pricing-card .feature-list li svg{flex-shrink:0;margin-top:2px}.studio-layout{background:var(--p-color-bg);flex-direction:column;height:100vh;display:flex;overflow:hidden}.studio-toolbar{background:var(--p-color-bg-surface);border-bottom:1px solid var(--p-color-border);height:56px;padding:0 var(--p-space-400);z-index:20;justify-content:space-between;align-items:center;gap:var(--p-space-300);flex-shrink:0;display:flex}.studio-body{flex:1;display:flex;overflow:hidden}.studio-sidebar{background:var(--p-color-bg-surface);border-right:1px solid var(--p-color-border);flex-direction:column;width:380px;min-width:340px;max-width:440px;display:flex;overflow:hidden}.studio-main{padding:var(--p-space-400);gap:var(--p-space-400);flex:1;display:flex;overflow:hidden}.studio-preview{background:var(--p-color-bg-surface);border-radius:var(--p-border-radius-200);min-width:320px;height:100%;box-shadow:var(--p-shadow-sm);flex:1;overflow:hidden}.studio-code-panel{border-radius:var(--p-border-radius-200);width:460px;height:100%;box-shadow:var(--p-shadow-sm);background:#1e1e1e;flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.segmented-control{background:var(--p-color-bg-surface-secondary);border-radius:var(--p-border-radius-200);border:1px solid var(--p-color-border);padding:2px;display:flex}.segmented-control button{color:var(--p-color-text-secondary);cursor:pointer;transition:all var(--p-motion-duration-100) var(--p-motion-ease);background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:13px;font-weight:600;display:inline-flex}.segmented-control button[data-active=true]{background:var(--p-color-bg-surface);color:var(--p-color-text);box-shadow:var(--p-shadow-xs)}.segmented-control button:hover:not([data-active=true]){color:var(--p-color-text)}.chat-messages{padding:var(--p-space-400);gap:var(--p-space-300);flex-direction:column;flex:1;display:flex;overflow-y:auto}.chat-bubble{max-width:92%;padding:var(--p-space-300) var(--p-space-400);border-radius:var(--p-border-radius-300);word-wrap:break-word;font-size:14px;line-height:1.55}.chat-bubble-ai{background:var(--p-color-bg-surface-secondary);border:1px solid var(--p-color-border);color:var(--p-color-text);align-self:flex-start}.chat-bubble-user{background:var(--p-color-bg-fill-emphasis);color:var(--p-color-text-on-fill);align-self:flex-end}.chat-bubble-error{color:var(--p-color-text-critical);background:#d72c0d0f;border:1px solid #d72c0d33;align-self:flex-start}.chat-input-bar{padding:var(--p-space-300);border-top:1px solid var(--p-color-border);gap:var(--p-space-200);flex-direction:column;display:flex}.chat-input-row{align-items:flex-end;gap:var(--p-space-200);display:flex}.chat-input-row textarea{font-family:var(--p-font-family);color:var(--p-color-text);background:var(--p-color-bg-surface);border:1px solid var(--p-color-border);border-radius:var(--p-border-radius-200);resize:none;min-height:42px;max-height:120px;transition:border-color var(--p-motion-duration-100) var(--p-motion-ease);outline:none;flex:1;padding:10px 12px;font-size:14px;line-height:1.5}.chat-input-row textarea:focus{border-color:var(--p-color-border-focus)}.chat-input-row textarea::placeholder{color:var(--p-color-text-disabled)}.chat-send-btn{background:var(--p-color-bg-fill-brand);width:40px;height:40px;color:var(--p-color-text-on-fill);border-radius:var(--p-border-radius-200);cursor:pointer;transition:background var(--p-motion-duration-100) var(--p-motion-ease);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chat-send-btn:hover{background:var(--p-color-bg-fill-brand-hover)}.chat-send-btn:disabled{opacity:.5;cursor:not-allowed}.chat-chips{padding:0 var(--p-space-300) var(--p-space-200) var(--p-space-300);flex-wrap:wrap;gap:6px;display:flex}.chat-chip{background:var(--p-color-bg-surface);border:1px solid var(--p-color-border);border-radius:var(--p-border-radius-full);color:var(--p-color-text-secondary);cursor:pointer;transition:all var(--p-motion-duration-100) var(--p-motion-ease);padding:4px 12px;font-size:12px;font-weight:500}.chat-chip:hover{background:var(--p-color-bg-surface-hover);border-color:var(--p-color-border-hover);color:var(--p-color-text)}.code-header{padding:var(--p-space-200) var(--p-space-300);background:#252526;border-bottom:1px solid #3c3c3c;justify-content:space-between;align-items:center;display:flex}.code-tabs{gap:2px;display:flex}.code-tab{color:#858585;font-family:var(--p-font-family);cursor:pointer;transition:all var(--p-motion-duration-100);background:0 0;border:none;border-radius:4px;padding:5px 12px;font-size:12px;font-weight:500}.code-tab[data-active=true]{color:#ccc;background:#1e1e1e}.code-tab:hover:not([data-active=true]){color:#ccc}.code-body{padding:var(--p-space-400);font-family:var(--p-font-family-mono);color:#d4d4d4;white-space:pre-wrap;word-break:break-word;flex:1;font-size:13px;line-height:1.6;overflow:auto}@keyframes p-fade-in{0%{opacity:0}to{opacity:1}}@keyframes p-scale-in{0%{opacity:0;transform:scale(.97)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes p-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes ts-blink{0%,to{opacity:.25}50%{opacity:1}}@keyframes ts-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.ts-img-placeholder{border-radius:var(--p-border-radius-200);width:100%;height:100%;min-height:220px;color:var(--p-color-text-brand);font-family:var(--p-font-family-mono);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(90deg,#e1e3e5 0%,#f1f2f3 40%,#e1e3e5 80%) 0 0/800px 100%;border:1px dashed #00806066;justify-content:center;align-items:center;font-size:11px;animation:1.4s linear infinite ts-shimmer;display:flex}.ts-streaming-caret:after{content:"▍";color:var(--p-color-text-brand);animation:.9s infinite ts-blink}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.animate-in{animation:p-slide-up .5s var(--p-motion-ease) both}.text-center{text-align:center}.text-left{text-align:left}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.gap-sm{gap:var(--p-space-200)}.gap-md{gap:var(--p-space-400)}.gap-lg{gap:var(--p-space-600)}
:root{--p-color-bg:#fafafa;--p-color-bg-surface:#fff;--p-color-bg-surface-secondary:#f7f7f9;--p-color-bg-fill-brand:#25242b;--p-color-bg-fill-brand-hover:#43404d;--p-color-bg-fill-brand-active:#17161c;--p-color-text:#26242d;--p-color-text-secondary:#777480;--p-color-text-brand:#7260b5;--p-color-border:#e9e7ed;--p-color-border-brand:#cdc4eb;--p-color-border-focus:#9380d0;--p-color-icon-brand:#806bc1;--p-shadow-focus:0 0 0 3px #aa93db35;--p-font-family:var(--font-inter),Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--p-font-family-mono:ui-monospace,SFMono-Regular,monospace}body{background:#fafafa}button,input,textarea,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #b2a1df}input,textarea,select{color:var(--p-color-text)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.p-btn,.p-btn-primary,.p-btn-secondary{box-shadow:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:13px;font-weight:550;display:inline-flex}.p-btn-primary{color:#fff;background:#29262f;border:1px solid #29262f}.p-btn-primary:hover{background:#48434f}.p-btn-secondary{color:#494451;background:#fff;border:1px solid #e6e3ea}.p-btn-secondary:hover{background:#f6f4f8}.p-btn:disabled{opacity:.4}.eyebrow{letter-spacing:1.6px;color:#9a8cab;margin-bottom:18px;font-size:10px;font-weight:650;display:block}.themebase-brand{letter-spacing:-1px;align-items:center;gap:10px;font-size:22px;font-weight:650;display:inline-flex}.themebase-brand.small{font-size:18px}.brand-dot{color:#8971c5}.brand-mark{width:29px;height:30px;display:block;position:relative}.brand-mark i{background:#8266bf;border-radius:5px;width:18px;height:18px;display:block;position:absolute;top:8px;left:2px;transform:rotate(-15deg)}.brand-mark i:nth-child(2){background:#c0aee3;top:5px;left:6px}.brand-mark i:nth-child(3){background:#e4dcf3;top:1px;left:10px}.site-nav{height:88px;box-shadow:none;background:#fafafae6;border-bottom:0;position:relative;top:auto}.site-nav-inner{max-width:1240px}.site-nav-links{gap:26px}.site-nav .nav-link{color:#78737f;font-size:13px;font-weight:500}.site-nav .nav-link:hover{color:#28232e}.tb-hero-section{text-align:center;padding:68px 24px 104px;position:relative;overflow:hidden}.hero-glow{z-index:0;filter:blur(34px);pointer-events:none;background:radial-gradient(at 37% 64%,#d9b5df55 0,#0000 50%),radial-gradient(at 67% 59%,#d6cef787 0,#0000 48%),radial-gradient(at 49% 89%,#ffdebe72 0,#0000 50%);width:1100px;height:610px;position:absolute;top:170px;left:50%;transform:translate(-50%)}.tb-hero-section>:not(.hero-glow){z-index:1;position:relative}.tb-beta{color:#817489;letter-spacing:.2px;background:#ffffffa1;border:1px solid #e9e3ed;border-radius:99px;align-items:center;gap:8px;padding:7px 12px;font-size:11px;font-weight:550;display:inline-flex}.tb-beta>span{background:#9c85c4;border-radius:50%;width:5px;height:5px}.tb-hero-section h1{letter-spacing:-3.5px;margin:25px 0 22px;font-size:clamp(39px,5.4vw,72px);font-weight:550;line-height:1.1}.tb-hero-section h1 em{color:#867197;letter-spacing:-3px;font-family:Georgia,serif;font-style:italic;font-weight:450}.hero-description{color:#8a8390;font-size:16px;line-height:1.65}.brief-composer{text-align:left;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffd9;border:1px solid #fff;border-radius:20px;max-width:668px;margin:33px auto 0;padding:18px 20px 12px;box-shadow:0 5px 30px #39273b0b,0 0 0 1px #82728c18}.brief-composer textarea{resize:none;color:#504858;background:0 0;border:0;width:100%;padding:1px 0;font-size:14px;line-height:1.65;outline:none!important}.composer-footer{justify-content:space-between;align-items:center;margin-top:10px;display:flex}.composer-footer span{color:#a193aa;align-items:center;gap:7px;font-size:11px;display:flex}.composer-footer button{color:#fff;cursor:pointer;background:#302735;border:0;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.brief-suggestions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.brief-suggestions button{color:#8e819b;cursor:pointer;background:#ffffff78;border:1px solid #e4dcebb3;border-radius:99px;align-items:center;gap:6px;padding:8px 12px;font-size:10px;display:inline-flex}.brief-suggestions button:hover{background:#fff;border-color:#b7a4c6}.hero-proof{color:#a199a8;justify-content:center;gap:24px;margin-top:29px;font-size:10px;display:flex}.hero-proof span{align-items:center;gap:5px;display:flex}.tb-showcase,.tb-workflow{max-width:1240px;margin:auto;padding:38px 32px 78px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px;display:flex}.section-heading h2{letter-spacing:-1px;font-size:29px;font-weight:550}.section-heading p{color:#99909f;margin-top:11px;font-size:13px}.section-heading a{color:#807485;white-space:nowrap;align-items:center;gap:8px;font-size:12px;display:flex}.showcase-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.showcase-card{transition:transform .2s;display:block}.showcase-card:hover{transform:translateY(-4px)}.storefront-art{border:1px solid #efebea;border-radius:12px;height:310px;padding:19px 22px;position:relative;overflow:hidden}.art-nav{color:#5c5247;justify-content:space-between;align-items:center;font-size:7px;display:flex}.art-nav>span:first-child{letter-spacing:-.4px;font-size:12px;font-weight:600}.art-content{z-index:2;width:61%;margin-top:37px;position:relative}.art-eyebrow{text-transform:uppercase;letter-spacing:1.5px;font-size:7px}.art-content h3{letter-spacing:-1.2px;color:inherit;margin:12px 0 17px;font-family:Georgia,serif;font-size:35px;font-weight:400;line-height:1.05}.art-shop{border-bottom:1px solid;padding-bottom:5px;font-size:7px}.art-photograph{object-fit:cover;border-radius:2px 0 0 2px;width:49%;height:230px;position:absolute;top:50px;right:0}.art-content{width:49%;margin-top:40px}.art-content h3{font-size:30px}.beauty .art-photograph{border-radius:90px 90px 0 0;width:45%;right:10px}.fashion .art-photograph{border-radius:0;width:100%;height:calc(100% - 48px);inset:48px 0 0}.fashion:after{content:"";background:linear-gradient(90deg,#171923d9,#0000);position:absolute;inset:48px 0 0}.fashion .art-content{z-index:1;color:#fff;width:68%;margin-top:58px}.fashion .art-content h3{font-size:30px}.fashion .art-bottom{z-index:1;color:#fff}.art-content,.art-nav{z-index:1;position:relative}.art-bottom{letter-spacing:1px;font-size:7px;position:absolute;bottom:19px}.fashion .art-content h3{font-family:var(--p-font-family);font-size:32px;font-weight:650}.showcase-caption{justify-content:space-between;align-items:center;margin-top:18px;padding:0 2px;display:flex}.showcase-caption h3{letter-spacing:-.2px;font-size:13px;font-weight:550}.showcase-caption p{color:#a096a6;margin-top:5px;font-size:10px}.round-arrow{color:#a899b3;border:1px solid #e9e4ed;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.showcase-note{color:#a99fad;margin-top:20px;font-size:10px}.tb-workflow{border-top:1px solid #efebf1;padding-top:55px}.workflow-grid{grid-template-columns:repeat(3,1fr);gap:25px;display:grid}.workflow-grid article{background:#fff;border:1px solid #eeebf1;border-radius:14px;padding:27px}.workflow-top{color:#b2a5c2;justify-content:space-between;margin-bottom:28px;font-size:11px;display:flex}.workflow-grid h3{letter-spacing:-.3px;font-size:15px;font-weight:550}.workflow-grid p{color:#9c92a4;margin-top:13px;font-size:12px;line-height:1.8}.tb-final-cta{text-align:center;background:radial-gradient(#e9dcf030,#0000 65%);padding:62px 24px 94px}.tb-final-cta h2{letter-spacing:-1.8px;margin:0 0 28px;font-size:42px;font-weight:500;line-height:1.15}.tb-final-cta p{color:#a397ae;margin-top:15px;font-size:10px}.tb-site-footer{border-top:1px solid #eee9f2;justify-content:space-between;align-items:center;gap:30px;max-width:1200px;margin:auto;padding:38px 28px 44px;display:flex}.tb-site-footer p{color:#ab9cb6;margin-top:10px;font-size:10px}.tb-site-footer nav{color:#8d8098;gap:24px;font-size:11px;display:flex}.tb-site-footer>span{color:#b4a5be;font-size:10px}.tb-gallery{max-width:1240px;margin:auto;padding:75px 32px 100px}.tb-gallery header{margin-bottom:50px}.tb-gallery h1{letter-spacing:-2px;font-size:50px;font-weight:500}.tb-gallery header p{color:#9b8ea7;margin:20px 0 28px}.tb-pricing{text-align:center;padding:80px 24px 100px}.tb-pricing h1{letter-spacing:-2.4px;font-size:60px;font-weight:500}.tb-pricing>p{color:#978b9f;max-width:460px;margin:20px auto;line-height:1.8}.tb-pricing article{text-align:left;background:#fff;border:1px solid #e9e3ee;border-radius:20px;max-width:470px;margin:45px auto 0;padding:35px;box-shadow:0 20px 80px #a490b00a}.tb-pricing article h2{letter-spacing:-1px;margin:23px 0 12px;font-size:26px;font-weight:550}.tb-pricing article p{color:#9c90a4;font-size:12px;line-height:1.7}.tb-pricing ul{color:#706477;gap:13px;margin:25px 0 30px;font-size:12px;list-style:none;display:grid}.tb-pricing li{align-items:center;gap:10px;display:flex}.tb-pricing small{color:#a99ab0;margin-top:22px;font-size:10px;line-height:1.7;display:block}.tb-editor{background:#f6f5f8;flex-direction:column;height:100dvh;display:flex}.editor-toolbar{background:#fff;border-bottom:1px solid #ebe8ef;justify-content:space-between;align-items:center;gap:20px;height:68px;min-height:68px;padding:0 22px;display:flex}.editor-brand,.editor-actions{align-items:center;gap:14px;display:flex}.toolbar-divider{background:#ede9f1;width:1px;height:21px;margin:0 5px}.project-name{color:#7c7188;background:0 0;border:0;border-radius:4px;width:220px;padding:6px;font-size:12px}.project-name:focus{background:#f6f2f9}.icon-button{color:#9786a6;cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.icon-button:hover{background:#f4f0f8}.draft-label{color:#a898b4;align-items:center;gap:6px;margin-right:4px;font-size:10px;display:flex}.draft-label>span{background:#bdafd0;border-radius:50%;width:5px;height:5px}.editor-body{flex:1;min-height:0;display:flex}.editor-sidebar{background:#fff;border-right:1px solid #ebe7f0;flex-direction:column;width:355px;min-width:355px;min-height:0;display:flex}.editor-tabs{border-bottom:1px solid #eee9f3;flex-shrink:0;gap:24px;height:55px;padding:15px 18px 0;display:flex}.editor-tabs button{color:#a08caf;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;padding:0 0 13px;font-size:11px;display:flex}.editor-tabs button[data-active=true]{color:#4a3e59;border-color:#9580b5}.editor-signin{color:#a28faf;background:#f7f4fa;border-radius:9px;margin:14px 18px 0;padding:11px 12px;font-size:10px}.editor-signin a{color:#70558c;text-decoration:underline}.editor-sidebar-content{flex:1;min-height:0;overflow:hidden}.editor-sidebar-content .studio-sidebar{background:#fff;border:0;width:100%;height:100%}.editor-canvas{background:#f7f6f9;flex-direction:column;flex:1;min-width:0;padding:0 24px;display:flex}.canvas-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;height:59px;display:flex}.page-select{color:#9d8dae;align-items:center;gap:9px;font-size:10px;display:flex;position:relative}.page-select select{color:#746082;appearance:none;background:#fff;border:1px solid #e8e0f0;border-radius:8px;padding:7px 23px 7px 12px;font-size:11px}.page-select svg{pointer-events:none;position:absolute;right:7px}.canvas-code{color:#a390b3;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:10px;display:flex}.canvas-surface{background:#fff;border:1px solid #e9e2f0;border-radius:12px;flex:1;min-height:0;overflow:hidden;box-shadow:0 8px 24px #9782a808}.canvas-footer{color:#b1a0bf;justify-content:space-between;align-items:center;height:36px;font-size:8px;display:flex}.editor-empty{text-align:center;color:#9682a6;padding:70px}.editor-empty h2{margin:20px;font-size:24px;font-weight:500}.editor-empty p{margin:20px}.agent-welcome{padding:15px 0 12px}.agent-spark{color:#ad83bf;background:linear-gradient(140deg,#f8eff8,#eee4f6);border-radius:12px;place-items:center;width:36px;height:36px;margin-bottom:17px;font-size:21px;display:inline-grid}.agent-welcome h2{letter-spacing:-.7px;font-size:21px;font-weight:500}.agent-welcome p{color:#a18cad;margin-top:10px;font-size:12px;line-height:1.8}.editor-sidebar-content label{color:#a18bad;font-size:11px}.editor-sidebar-content textarea{resize:vertical;background:#fdfcfe;min-height:80px;line-height:1.8;border:1px solid #e5daee!important;border-radius:12px!important;padding:14px!important;font-size:12px!important}.editor-sidebar-content .segmented-control{box-shadow:none;background:#f8f5fb;border:1px solid #eee7f4;border-radius:9px;padding:4px}.editor-sidebar-content .segmented-control button{color:#a38daf;padding:7px 12px;font-size:11px}.editor-sidebar-content .segmented-control button[data-active=true]{color:#574164;background:#fff;box-shadow:0 1px 4px #85739315}.editor-sidebar-content section{color:#947ca2;font-size:11px;line-height:1.7}.editor-sidebar-content section strong{color:#695075}.editor-sidebar-content section ul,.editor-sidebar-content section p{margin-top:8px}.editor-sidebar-content section ul{padding-left:16px}.editor-sidebar-content .p-btn{padding:12px;font-size:11px}.editor-sidebar-content .text-caption{color:#a08eab;font-size:10px;line-height:1.7}.editor-sidebar-content .studio-sidebar .segmented-control{border-left:0;border-right:0}.tb-projects{max-width:1120px;margin:auto;padding:65px 32px 100px}.projects-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:40px;display:flex}.projects-heading h1{letter-spacing:-1.6px;font-size:38px;font-weight:500}.projects-heading p{color:#a08fae;margin-top:12px;font-size:13px}.project-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.project-tile{background:#fff;border:1px solid #e9e2ef;border-radius:14px;transition:transform .2s;overflow:hidden}.project-tile:hover{transform:translateY(-3px)}.project-thumbnail{background:radial-gradient(at 30% 20%,#eae0f7,#0000 60%),#f6f2f9;justify-content:center;align-items:center;height:155px;display:flex;position:relative}.project-thumbnail>span{color:#a58bbc;text-align:center;max-width:80%;font-family:Georgia,serif;font-size:27px;font-style:italic}.project-tile-footer{padding:22px}.project-tile-footer h2{font-size:14px;font-weight:550}.project-tile-footer p{color:#b09dbe;margin-top:9px;font-size:10px}.projects-empty{text-align:center;color:#a78bb9;background:#ffffff70;border:1px dashed #d8cbe4;border-radius:18px;place-items:center;padding:75px 20px;display:grid}.projects-empty h2{color:#79628a;margin:20px 0 10px;font-size:23px;font-weight:500}.projects-empty p{max-width:350px;margin-bottom:22px;font-size:12px;line-height:1.8}@media (min-width:1500px){.tb-hero-section{padding-top:86px}.editor-sidebar{width:380px;min-width:380px}}@media (max-width:1000px){.site-nav-links{gap:14px}.site-nav .nav-link{font-size:11px}.storefront-art{height:270px;padding:16px}.art-products{bottom:38px;right:-12px;transform:scale(.78)rotate(-7deg)}.art-content h3{font-size:28px}.art-content{width:70%}.fashion .art-content h3{font-size:26px}.showcase-grid{gap:16px}.editor-sidebar{width:315px;min-width:315px}.editor-toolbar{gap:10px;padding:0 14px}.project-name{width:130px}.draft-label{display:none}.editor-canvas{padding:0 14px}.editor-actions{gap:6px}.project-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.site-nav{height:74px}.site-nav-links{display:none}.site-nav-inner{padding:0 20px}.themebase-brand{font-size:20px}.tb-hero-section{padding:40px 20px 68px}.tb-hero-section h1{letter-spacing:-1.7px;font-size:41px}.tb-hero-section h1 em{letter-spacing:-1.5px}.hero-description{font-size:13px}.brief-composer{margin-top:27px;padding:16px}.brief-suggestions button{font-size:9px}.hero-proof{gap:10px;font-size:8px}.tb-showcase,.tb-workflow{padding:30px 22px 55px}.section-heading{align-items:flex-start}.section-heading h2{font-size:24px;line-height:1.25}.section-heading a{display:none}.showcase-grid{grid-template-columns:1fr;gap:28px}.storefront-art{height:315px}.art-products{bottom:60px;right:20px;transform:rotate(-7deg)}.art-content h3{max-width:200px;font-size:40px}.art-nav{font-size:8px}.art-nav>span:first-child{font-size:14px}.workflow-grid{grid-template-columns:1fr;gap:14px}.workflow-grid article{padding:23px}.workflow-top{margin-bottom:20px}.tb-final-cta h2{font-size:34px}.tb-site-footer{flex-wrap:wrap;align-items:flex-start;padding:30px 22px}.tb-site-footer nav{gap:20px}.tb-site-footer>span{display:none}.tb-gallery{padding:40px 22px 70px}.tb-gallery h1{font-size:39px}.tb-pricing{padding:45px 22px 70px}.tb-pricing h1{font-size:45px}.tb-editor{height:auto;min-height:100dvh}.editor-toolbar{z-index:15;height:62px;min-height:62px;padding:0 12px;position:sticky;top:0}.toolbar-divider,.project-name,.editor-brand .themebase-brand>span:last-child{display:none}.editor-brand{gap:6px}.editor-actions .p-btn{padding:9px 12px;font-size:10px}.editor-body{flex-direction:column-reverse}.editor-canvas{flex:none;height:70dvh;min-height:580px;padding:0 12px}.canvas-toolbar{height:48px}.canvas-footer{font-size:7px}.editor-sidebar{border-top:1px solid #e5daee;border-right:0;width:100%;min-width:0;min-height:600px;max-height:850px}.editor-sidebar-content{min-height:550px;overflow:auto}.tb-projects{padding:45px 22px}.projects-heading{flex-direction:column;align-items:flex-start;gap:20px}.projects-heading h1{font-size:32px}.project-grid{grid-template-columns:1fr}.tb-editor .canvas-surface iframe{min-height:450px!important}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-shell{background:#fff;grid-template-columns:42% 58%;min-height:100dvh;display:grid}.auth-story{background:radial-gradient(at 25% 65%,#e0cfeb,#0000 65%),radial-gradient(at 90% 90%,#eee0cb88,#0000 50%),#f2edf6;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:45px 48px;display:flex}.auth-story h2{letter-spacing:-2.6px;font-size:57px;font-weight:450;line-height:1.1}.auth-story h2 em{color:#927ba2;font-family:Georgia,serif;font-weight:400}.auth-story p{color:#a087b2;margin-top:25px;font-size:13px;line-height:1.8}.auth-story>span{color:#b39ec0;font-size:10px}.auth-main{place-items:center;padding:60px 30px;display:grid}.auth-form{width:100%;max-width:345px}.auth-form h1{letter-spacing:-1.1px;font-size:31px;font-weight:500}.auth-form>p{color:#a18cac;margin:12px 0 28px;font-size:12px;line-height:1.7}.auth-form form{gap:20px;display:grid}.auth-form label{color:#887197;gap:8px;font-size:11px;display:grid}.auth-form input{background:#fff;border:1px solid #e3d7ec;border-radius:9px;width:100%;padding:12px 14px;font-size:12px}.auth-form input::placeholder{color:#beabc9}.auth-form .p-btn{width:100%;margin-top:8px}.auth-divider{text-align:center;color:#b9a7c3;margin:24px 0;font-size:10px}.auth-form .auth-switch{text-align:center;margin:25px 0;font-size:11px}.auth-switch a{color:#79568f;text-decoration:underline}.auth-form .auth-note{text-align:center;color:#beaaca;font-size:9px;line-height:1.8}.form-error{color:#b7444e;font-size:11px;line-height:1.7}@media (max-width:850px){.auth-story{padding:38px}.auth-story h2{font-size:44px}}@media (max-width:650px){.auth-shell{flex-direction:column;display:flex}.auth-story{background:#f6f1fa;min-height:auto;padding:25px;display:block}.auth-story>div,.auth-story>span{display:none}.auth-main{padding:55px 26px}.auth-form h1{font-size:29px}}.source-imports{border-top:1px solid #e9e2ee;margin-top:64px;padding-top:40px}.source-imports h2{letter-spacing:-1px;margin:12px 0;font-size:30px}.source-imports p{color:#756c80;max-width:620px;margin:12px 0;line-height:1.7}.source-imports .project-grid{margin-top:24px}.source-workspace{color:#2c2831;background:#f8f7fa;min-height:100vh;padding:24px 34px}.source-top{border-bottom:1px solid #e5dfeb;flex-wrap:wrap;align-items:center;gap:26px;padding-bottom:24px;display:flex}.source-top>div{flex:1}.source-top h1{margin:0 0 5px;font-size:22px;font-weight:550}.source-top span,.source-top>a:first-child{color:#72677f;font-size:13px}.source-tabs{gap:8px;padding:20px 0;display:flex}.source-tabs button[aria-pressed=true]{background:#eae4f1}.source-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.source-workspace select{background:#fff;border:1px solid #dcd4e5;border-radius:8px;max-width:100%;padding:10px}.source-preview{background:#eeeaf2;border-radius:16px;justify-content:center;margin-top:18px;padding:12px;display:flex;overflow:hidden}.source-preview iframe{background:#fff;border:0;border-radius:10px}.source-alert{color:#952f28;background:#fff0ee;border-radius:8px;padding:14px}.source-files{grid-template-columns:260px minmax(0,1fr);gap:28px;display:grid}.source-files aside{background:#fff;border:1px solid #e5dfeb;border-radius:12px;align-self:start;padding:16px}.source-files h2{overflow-wrap:anywhere;font-size:16px}.source-code{white-space:pre;resize:vertical;background:#fff;border:1px solid #ded6e8;border-radius:10px;width:100%;height:490px;padding:16px;font:13px/1.65 ui-monospace,monospace;display:block;overflow:auto}.source-files .p-btn{margin-top:16px}.source-panel{background:#fff;border:1px solid #e6dfed;border-radius:16px;max-width:1200px;margin:auto;padding:28px}.source-panel h2{margin:0 0 15px;font-size:26px;font-weight:500}.source-panel p,.source-panel li{color:#6b6175;font-size:14px;line-height:1.7}.source-panel label{margin:16px 0;display:block}.source-panel textarea{border:1px solid #ded6e8;border-radius:8px;width:100%;margin-top:8px;padding:12px;display:block}.source-panel article{border-top:1px solid #e6dfed;margin-top:32px;padding-top:20px}.source-panel ul,.source-notes ul{padding-left:22px}.source-version{border-bottom:1px solid #eee9f3;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.source-captures{grid-template-columns:2fr 1fr;gap:24px;margin-top:24px;display:grid}.source-captures img{border:1px solid #ded6e8;border-radius:8px;max-width:100%;height:auto}.source-panel details{margin-top:25px}.source-notes{background:#fff5df;border-radius:8px;margin-top:16px;padding:12px;font-size:13px}@media (max-width:700px){.source-workspace{padding:16px}.source-top{gap:14px}.source-top>div{flex-basis:65%}.source-files,.source-captures{grid-template-columns:1fr}.source-toolbar{align-items:stretch}.source-toolbar label{width:100%;overflow:hidden}.source-panel{padding:18px}.source-version{flex-wrap:wrap}.source-tabs{justify-content:space-between;gap:0}.source-tabs .p-btn{padding:10px 13px}.source-preview{padding:4px}}.hero-description,.section-heading p,.workflow-grid p{color:#7d7286}.hero-proof,.showcase-note{color:#8e8097}.brief-composer textarea::placeholder{color:#93839f}.editor-signin{color:#897495}.agent-welcome p,.editor-sidebar-content .text-caption,.editor-sidebar-content label{color:#8a7398}.canvas-footer{color:#93809f}.editor-sidebar-content textarea{color:#62526c}
:root{--p-color-bg:#f7f8fa;--p-color-bg-surface:#fff;--p-color-bg-surface-secondary:#f3f5f8;--p-color-bg-fill-brand:#343de0;--p-color-bg-fill-brand-hover:#252eb6;--p-color-bg-fill-brand-active:#202793;--p-color-text:#202735;--p-color-text-secondary:#687182;--p-color-text-brand:#343de0;--p-color-border:#e4e7ec;--p-color-border-brand:#b9bef4;--p-color-border-focus:#515bea;--p-color-icon-brand:#444ee4;--p-shadow-focus:0 0 0 3px #444ee420}body{color:#202735;background:#fafbfc}.p-btn-primary,.agent-send{color:#fff;background:#343de0}.p-btn-primary:hover,.agent-send:hover{background:#252eb6}.p-btn{border-radius:10px}.p-btn-secondary{color:#414b5a;background:#fff;border-color:#e1e5eb}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:3px solid #717af0}button{transition:background .15s,color .15s,box-shadow .15s}a,button,summary{-webkit-tap-highlight-color:transparent}summary{cursor:pointer}.themebase-brand{letter-spacing:-1px;color:#202735}.brand-mark i:first-child{background:#343de0}.brand-mark i:nth-child(2){background:#7c85f5}.brand-mark i:nth-child(3){background:#c8d6ff}.brand-dot{color:#5963ed}.site-nav{background:#fafbfc;border-bottom:1px solid #e9edf2;height:84px}.site-nav-inner{max-width:1300px}.site-nav .nav-link{color:#596273;font-size:13px}.site-nav .btn-compact{border-radius:9px;padding:11px 16px;font-size:13px}.mobile-site-menu{display:none}.eyebrow{color:#596277;letter-spacing:1.8px;font-size:10px;font-weight:600}.experience-home .tb-hero-section{isolation:isolate;background:#edf2ff;border:1px solid #dce3ee;border-radius:24px;min-height:650px;margin:18px 24px 0;padding:70px 24px 54px;position:relative;overflow:hidden}.experience-home .hero-glow{z-index:-1;pointer-events:none;filter:none;opacity:1;background:radial-gradient(at 18% 60%,#adbdff9c,#0000 40%),radial-gradient(at 85% 20%,#f5ccbca6,#0000 35%),radial-gradient(at 65% 85%,#a9dbeeb3,#0000 38%);width:auto;height:auto;position:absolute;inset:-30%;transform:none}.experience-home .tb-beta{color:#4e5a7b;letter-spacing:1.6px;background:#ffffffa8;border:1px solid #ffffffd9;padding:9px 14px;font-size:10px;box-shadow:0 3px 12px #3f509508}.experience-home .tb-beta>span{background:#525de3}.experience-home h1{letter-spacing:-4px;color:#1b294b;margin:25px 0 20px;font-size:clamp(44px,5.5vw,78px);font-weight:550;line-height:1.06}.experience-home h1 em{letter-spacing:inherit;color:#4856b4;font-family:inherit;font-style:normal;font-weight:550}.experience-home .hero-description{color:#53617c;margin:0 auto 27px;font-size:16px;line-height:1.6}.experience-home .brief-composer{text-align:left;background:#fff;border:1px solid #fff;border-radius:18px;max-width:650px;margin:0 auto;padding:18px 20px 14px;box-shadow:0 12px 40px #344b8d13,0 2px 6px #344b8d09}.experience-home .brief-composer textarea{color:#263550;min-height:72px;font-size:15px;line-height:1.6}.experience-home .brief-composer textarea::placeholder{color:#8790a2}.experience-home .composer-footer{padding-top:8px}.experience-home .composer-footer>span{color:#707b91;gap:8px;font-size:11px}.experience-home .composer-footer button{color:#fff;background:#343de0;border-radius:10px;width:38px;height:38px}.experience-home .brief-suggestions{gap:8px;margin-top:18px}.experience-home .brief-suggestions button{color:#53617c;background:#ffffff61;border:1px solid #ffffffb3;border-radius:30px;padding:8px 12px;font-size:11px}.experience-home .brief-suggestions button:hover{background:#fff}.experience-home .hero-proof{color:#626f88;gap:24px;margin-top:25px;font-size:10px}.experience-strip{border-bottom:1px solid #e4e8ef;justify-content:space-between;align-items:center;gap:20px;max-width:1210px;margin:auto;padding:36px 32px;display:flex}.experience-strip>span{letter-spacing:1.4px;color:#7b8495;font-size:9px;line-height:1.8}.experience-strip strong{letter-spacing:-.2px;color:#424d60;font-size:13px;font-weight:500}.experience-strip>div{color:#454f61;align-items:center;gap:12px;font-size:12px;display:flex}.experience-strip>div>span{color:#5964dc;border:1px solid #dce0ef;border-radius:50%;place-items:center;width:30px;height:30px;font-size:10px;display:grid}.experience-strip>svg{color:#b4bdcc}.tb-showcase,.tb-workflow{max-width:1240px;padding-top:68px;padding-bottom:65px}.section-heading h2{letter-spacing:-1.2px;color:#242d3c;font-size:32px;font-weight:550}.section-heading p,.workflow-grid p{color:#738094;font-size:13px;line-height:1.8}.section-heading a{color:#4556a8;font-size:12px}.storefront-art{border:1px solid #00000006;border-radius:14px;transition:transform .25s;box-shadow:0 4px 12px #26344604}.showcase-item:hover .storefront-art{transform:translateY(-4px)}.showcase-caption h3{color:#343e4e;font-size:14px}.showcase-caption p,.showcase-note{color:#7c8798;font-size:11px}.round-arrow{color:#626e86;border-color:#e0e5ee}.workflow-grid article{background:#fff;border-color:#e2e7ef;padding:28px}.workflow-top{color:#5a68a3}.workflow-grid h3{color:#2c3647;font-size:17px}.tb-final-cta{background:radial-gradient(#e3eafa99,#0000 65%);padding:70px 24px 90px}.tb-final-cta h2{letter-spacing:-2px;color:#29364e;font-size:46px}.tb-final-cta p,.tb-site-footer p,.tb-site-footer>span{color:#7d889b;font-size:11px}.tb-site-footer{border-color:#e3e8ef}.tb-site-footer nav{color:#596579;font-size:12px}.tb-gallery h1,.tb-pricing h1,.projects-heading h1{color:#26344a;letter-spacing:-2px}.tb-gallery header p,.tb-pricing>p,.projects-heading p{color:#6d798d}.tb-pricing article{border-color:#e0e6ef;box-shadow:0 16px 60px #324f8008}.tb-pricing article p,.tb-pricing small,.tb-pricing ul{color:#6b788b}.project-tile{border-color:#e0e6ef}.project-thumbnail{background:radial-gradient(at 20% 0,#dbe6ff,#0000 70%),#eef3f8}.project-thumbnail>span{color:#5a6b95}.project-tile-footer p{color:#78869a}.projects-empty{color:#5b6d92;background:#f4f7fc;border-color:#d4deed}.projects-empty h2{color:#32455f}.auth-story{background:radial-gradient(at 10% 65%,#cedbfa,#0000 60%),radial-gradient(at 85% 90%,#f0dccdaa,#0000 50%),#eef3fc}.auth-story h2{color:#273c60}.auth-story h2 em{color:#6076ac}.auth-story p,.auth-story>span,.auth-form>p,.auth-form label,.auth-form .auth-note,.auth-divider{color:#6e7e94}.auth-form input{border-color:#dce3ed}.auth-switch a{color:#3f53c6}.source-workspace{color:#26344a;background:#f5f7fa}.source-top,.source-panel,.source-files aside,.source-code,.source-workspace select{border-color:#dfe5ee}.source-preview{background:#e9eef6}.source-panel p,.source-panel li{color:#606f84}.source-tabs button[aria-pressed=true]{background:#e3e9fb}.tb-editor{background:#f3f5f8;height:100dvh;min-height:0}.editor-toolbar{border-color:#e2e7ef;height:60px;min-height:60px;padding:0 18px}.editor-toolbar .themebase-brand{font-size:20px}.editor-toolbar .p-btn{padding:9px 14px;font-size:12px}.project-name{color:#536175;width:240px;font-size:13px}.project-name:focus{background:#f2f5fb}.toolbar-divider{background:#e2e7ef}.icon-button{color:#65748b}.icon-button:hover{background:#eef2f8}.draft-label{color:#768399;font-size:10px}.draft-label>span{background:#6f9c88}.editor-sidebar{border-color:#dfe5ed;width:390px;min-width:390px}.editor-tabs{border-color:#e8ecf2;gap:25px;height:53px;padding:14px 20px 0}.editor-tabs button{color:#788399;font-size:12px}.editor-tabs button[data-active=true]{color:#303a60;border-color:#444ee4}.editor-signin{color:#66738a;background:#f1f4fb;margin:12px 16px 0;padding:10px 12px;font-size:11px;line-height:1.6}.editor-signin a{color:#404dc0}.editor-canvas{background:#f1f3f6;padding:0 18px}.canvas-toolbar{height:52px}.page-select,.canvas-code{color:#647189;font-size:11px}.page-select select{color:#45516b;border-color:#dbe2ec;border-radius:7px;font-size:12px}.canvas-code{border-radius:7px;padding:8px 10px}.canvas-code:hover{background:#e6ebf3}.canvas-surface{border:1px solid #dbe2ec;border-radius:10px;box-shadow:0 3px 12px #35476408}.canvas-footer{color:#7c889b;height:30px;font-size:9px}.editor-sidebar-content section{color:#566478;font-size:13px;line-height:1.65}.editor-sidebar-content section strong{color:#334057}.editor-sidebar-content label{color:#526178;font-size:12px}.editor-sidebar-content textarea{color:#334155;background:#fff;min-height:64px;line-height:1.6;border:1px solid #dfe5ed!important;border-radius:9px!important;padding:11px!important;font-size:13px!important}.editor-sidebar-content .p-btn{padding:10px 13px;font-size:12px}.editor-sidebar-content .text-caption{color:#6f7e94;font-size:11px}.editor-sidebar-content .segmented-control{background:#eef1f7;border:0;border-radius:8px;padding:3px}.editor-sidebar-content .segmented-control button{color:#6a7890;padding:5px 10px;font-size:11px}.editor-sidebar-content .segmented-control button[data-active=true]{color:#3442b5;background:#fff;box-shadow:0 1px 3px #1d31511c}.editor-mobile-switch{display:none}.agent-workspace{flex-direction:column;height:100%;min-height:0;display:flex}.agent-conversation{scrollbar-width:thin;scrollbar-color:#d6deea transparent;flex:1;min-height:0;padding:22px 20px;overflow-y:auto}.agent-live-status{color:#384b87;background:#f5f7ff;border:1px solid #e1e6fa;border-radius:10px;flex-shrink:0;margin:14px 16px 0;padding:12px 13px}.agent-status-title{align-items:center;gap:8px;font-size:12px;display:flex}.agent-status-title>span{color:#687cab;margin-left:auto;font-size:10px}.agent-live-status p{color:#6a7899;max-height:52px;margin:5px 0 0;font-size:11px;line-height:1.5;overflow:auto}.agent-live-status progress{accent-color:#5865df;width:100%;height:4px;margin-top:10px;display:block}.agent-live-status[data-state=failed]{color:#8d5839;background:#fff8f2;border-color:#f4e2d4}.agent-live-status[data-state=failed] p{color:#8d6b56}.agent-live-status[data-state=completed]{color:#38634b;background:#f2f8f4;border-color:#daebe1}.agent-welcome{padding:25px 0 20px}.agent-spark{color:#5867c4;background:linear-gradient(145deg,#eef2ff,#e0e9ff);border:1px solid #dce5f6;border-radius:13px;width:44px;height:44px;margin-bottom:22px;display:flex}.agent-welcome>.eyebrow{letter-spacing:1.2px;margin-bottom:10px;font-size:8px;display:block}.agent-welcome h2{letter-spacing:-1px;color:#25334c;font-size:28px;font-weight:550}.agent-welcome p{color:#7a879a;font-size:13px;line-height:1.7}.agent-starting-points{gap:8px;margin-top:24px;display:grid}.agent-starting-points button{color:#5c6a81;text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e9f0;border-radius:9px;justify-content:space-between;align-items:center;padding:12px;font-size:12px;display:flex}.agent-starting-points button:hover{background:#f7f9ff;border-color:#bec9ea}.agent-conversation .design-brief{color:#61718a;background:#fafbfd;margin-top:25px;font-size:12px;border-color:#e3e8f0!important;padding:12px!important}.agent-user-message{color:#44536d;background:#eef2fa;border-radius:12px 12px 3px;margin:0 0 22px 25px;padding:13px 15px}.agent-user-message small{letter-spacing:1px;color:#8793a9;font-size:8px}.agent-user-message p{white-space:pre-wrap;overflow-wrap:anywhere;max-height:160px;margin-top:5px;font-size:12px;line-height:1.7;overflow:auto}.agent-response-label{letter-spacing:1px;color:#6070ac;align-items:center;gap:7px;font-size:9px;display:flex}.agent-response-label span{letter-spacing:0;color:#8190a5;margin-left:auto;font-size:9px}.agent-response h3{letter-spacing:-.5px;color:#2e3b53;margin:14px 0 10px;font-size:18px;font-weight:550;line-height:1.4}.agent-response p{color:#6a778c;font-size:12px;line-height:1.75}.agent-response details{margin-top:14px;font-size:11px}.agent-response summary{color:#61749b;font-size:11px}.agent-direction{border-left:2px solid #bfcaf4;margin-top:17px;padding:4px 0 4px 13px}.agent-direction small{letter-spacing:1px;color:#8794ad;font-size:8px}.agent-direction p{margin:5px 0!important}.agent-text-button{color:#4a5cc8;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:11px}.agent-plan-fields{gap:12px;margin-top:10px;display:grid}.agent-plan-fields textarea,.agent-question textarea,.agent-task-list textarea{width:100%;margin-top:6px}.agent-question{margin:14px 0;display:block}.agent-question-note{color:#3e4d68!important;font-weight:600!important}.agent-task-list{gap:0;list-style:none;display:grid;margin:20px 0!important;padding:0!important}.agent-task-list>li{align-items:flex-start;gap:10px;padding:10px 0;display:flex;position:relative}.task-indicator{color:#7081a2;background:#f8faff;border:1px solid #dce3ef;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;margin-top:1px;font-size:10px;display:grid}.agent-task-list>li[data-complete=true] .task-indicator{color:#498266;background:#edf8f1;border-color:#d3e8db}.agent-task-list>li>div{flex:1;min-width:0}.agent-task-list strong{font-size:12px;font-weight:500;line-height:1.6;display:block}.agent-task-list small{color:#8a96aa;margin-top:2px;font-size:10px;display:block}.agent-task-list details{margin-top:4px}.agent-task-list details li{color:#718099;margin:6px 0;font-size:11px}.agent-approve{width:100%;margin-top:18px}.agent-response .agent-error,.agent-error{color:#995037;background:#fff5ee;border-radius:8px;margin:10px 0;padding:10px;font-size:12px;line-height:1.6}.agent-files{background:#fafbfd;border:1px solid #e2e8f0;border-radius:8px;padding:10px}.agent-files summary{align-items:center;gap:8px;display:flex}.agent-files summary>span{color:#8c98aa;margin-left:auto}.agent-files ul{list-style:none;padding:0!important}.agent-files code{overflow-wrap:anywhere;color:#657692;font-size:10px}.run-activity>ol{border-left:1px solid #e1e7f0;margin:12px 0 0 5px;padding-left:15px}.run-activity>ol>li{margin:14px 0;font-size:11px;list-style:none}.run-activity small{color:#91a0b6;font-size:9px}.run-activity p{font-size:11px;margin:3px 0!important}.agent-history{color:#7b8ba1;border-bottom:1px solid #e6eaf1;margin-bottom:18px;padding-bottom:15px;font-size:11px}.agent-history summary>span{color:#4c5eb4;margin-left:7px}.agent-history article{background:#f7f9fc;border-radius:8px;margin-top:10px;padding:12px}.agent-history article p{white-space:pre-wrap;max-height:130px;margin:4px 0;line-height:1.6;overflow:auto}.agent-history small{color:#8c99ab;font-size:9px}.agent-composer{background:#fff;border:1px solid #d9e1ee;border-radius:14px;flex-shrink:0;margin:0 14px 14px;padding:12px 12px 8px;box-shadow:0 4px 18px #243d6d09}.editor-sidebar-content .agent-composer textarea{resize:vertical;outline-offset:5px;background:0 0;min-height:65px;max-height:150px;border:0!important;padding:2px!important}.agent-composer textarea::placeholder{color:#8a97ab}.agent-composer-actions{justify-content:space-between;align-items:center;gap:12px;margin-top:6px;display:flex}.agent-send{cursor:pointer;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.agent-composer>p{color:#8290a5;text-align:center;margin-top:9px;font-size:9px}.working-dot{background:#5665de;border-radius:50%;width:5px;height:5px}.editor-empty{color:#6c7e98}@media (min-width:1600px){.editor-sidebar{width:420px;min-width:420px}.agent-conversation{padding:25px}.experience-home .tb-hero-section{max-width:1550px;margin-left:auto;margin-right:auto}}@media (max-width:1100px){.editor-sidebar{width:350px;min-width:350px}.site-nav .nav-link{font-size:11px}.experience-strip{gap:14px}.experience-strip>div{font-size:11px}.experience-strip>span{display:none}}@media (max-width:700px){.site-nav{height:70px}.site-nav-inner{gap:12px;padding:0 16px}.site-nav .btn-compact{padding:9px 11px;font-size:10px}.site-nav .themebase-brand{font-size:19px}.site-nav .btn-compact svg{display:none}.mobile-site-menu{color:#68758a;margin-left:auto;font-size:11px;display:block;position:relative}.mobile-site-menu>summary{cursor:pointer;list-style:none}.mobile-site-menu>div{z-index:50;background:#fff;border:1px solid #dce3ef;border-radius:10px;width:180px;padding:10px;display:grid;position:absolute;top:30px;right:-70px;box-shadow:0 8px 30px #2236551c}.mobile-site-menu a{padding:10px}.site-nav-inner>div:last-child{gap:5px!important}.experience-home .tb-hero-section{border-radius:18px;min-height:0;margin:10px 10px 0;padding:42px 18px 32px}.experience-home h1{letter-spacing:-2.4px;font-size:44px;line-height:1.08}.experience-home .tb-beta{letter-spacing:1px;font-size:8px}.experience-home .hero-description{margin-bottom:22px;font-size:13px}.experience-home .brief-composer{border-radius:14px;padding:14px}.experience-home .brief-composer textarea{min-height:80px;font-size:13px}.experience-home .brief-suggestions{gap:6px}.experience-home .brief-suggestions button{padding:7px 9px;font-size:9px}.experience-home .hero-proof{flex-wrap:wrap;gap:10px;font-size:8px}.experience-strip{flex-wrap:wrap;justify-content:center;gap:12px;padding:24px 22px}.experience-strip>div{gap:5px;font-size:9px}.experience-strip>div>span{width:21px;height:21px;font-size:8px}.experience-strip>svg{width:12px}.section-heading h2{font-size:27px}.tb-showcase,.tb-workflow{padding:40px 22px}.tb-final-cta h2{font-size:36px}.tb-editor{height:100dvh;min-height:0}.editor-toolbar{height:56px;min-height:56px;position:static}.editor-toolbar .p-btn{padding:8px 11px;font-size:10px}.editor-mobile-switch{background:#fff;border-bottom:1px solid #e0e6ef;flex-shrink:0;gap:7px;padding:7px 12px;display:flex}.editor-mobile-switch button{color:#74829a;background:#f4f6fa;border:0;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px;font-size:11px;display:flex}.editor-mobile-switch button[aria-pressed=true]{color:#3e51b8;background:#e8edff}.editor-body{flex-direction:row;flex:1;min-height:0;display:flex}.editor-sidebar{border:0;width:100%;min-width:0;height:100%;min-height:0;max-height:none}.editor-sidebar-content{min-height:0;overflow:hidden}.editor-canvas{flex:1;height:100%;min-height:0;padding:0 8px}.tb-editor[data-mobile-pane=preview] .editor-sidebar,.tb-editor[data-mobile-pane=assistant] .editor-canvas{display:none}.canvas-toolbar{height:44px}.canvas-footer{height:28px;font-size:8px}.canvas-footer>span:last-child{display:none}.agent-conversation{padding:16px 20px}.agent-welcome{padding:14px 0}.agent-live-status{margin-top:10px}.agent-composer{margin-bottom:10px}.agent-welcome h2{font-size:25px}.agent-starting-points{gap:6px;margin-top:18px}.agent-starting-points button{padding:10px}.agent-composer textarea{max-height:100px}.tb-editor .canvas-surface iframe{min-height:100%!important}.agent-conversation .design-brief{margin-top:18px}}.editor-sidebar-content .agent-composer textarea{box-sizing:border-box;width:100%;display:block}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--tb-bg-primary:#0d0d12;--tb-bg-secondary:#13131a;--tb-bg-tertiary:#1b1b26;--tb-bg-hover:#242432;--tb-brand-start:#6c5ce7;--tb-brand-end:#a29bfe;--tb-brand-gradient:linear-gradient(135deg, #6c5ce7, #a29bfe);--tb-text-primary:#f2f2fa;--tb-text-secondary:#a4a4bc;--tb-text-tertiary:#85859d;--tb-border:#ffffff13;--tb-border-hover:#ffffff26;--tb-success:#64d4b3;--tb-glass:#13131ade;--tb-shadow:0 20px 70px #0005;--p-color-bg:var(--tb-bg-primary);--p-color-bg-secondary:var(--tb-bg-tertiary);--p-color-bg-surface:var(--tb-bg-secondary);--p-color-bg-surface-secondary:var(--tb-bg-tertiary);--p-color-bg-surface-hover:var(--tb-bg-hover);--p-color-bg-surface-active:var(--tb-bg-hover);--p-color-bg-fill-brand:#7767ed;--p-color-bg-fill-brand-hover:#8a7bf8;--p-color-bg-fill-brand-active:#6655d8;--p-color-text:var(--tb-text-primary);--p-color-text-secondary:var(--tb-text-secondary);--p-color-text-disabled:var(--tb-text-tertiary);--p-color-text-brand:#b2a9ff;--p-color-border:var(--tb-border);--p-color-border-hover:var(--tb-border-hover);--p-color-border-brand:#8676f3;--p-color-border-focus:#a99cff;--p-color-icon-brand:#b2a9ff;--p-color-icon:var(--tb-text-secondary);--p-shadow-focus:0 0 0 3px #a29bfe44}:root[data-appearance=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--tb-bg-primary:#f6f5fb;--tb-bg-secondary:#fff;--tb-bg-tertiary:#efedf7;--tb-bg-hover:#e5e1f4;--tb-text-primary:#242032;--tb-text-secondary:#635e76;--tb-text-tertiary:#716b83;--tb-border:#3124501b;--tb-border-hover:#31245038;--tb-success:#117c62;--tb-glass:#ffffffdf;--tb-shadow:0 20px 70px #3e305a13;--p-color-text-brand:#6651ce;--p-color-icon-brand:#6651ce}html,body{background:var(--tb-bg-primary);color:var(--tb-text-primary)}body{font-family:var(--font-inter), Inter, system-ui, sans-serif}button,input,textarea,select{font:inherit}button:disabled{opacity:.45;cursor:not-allowed}input,textarea,select{color:var(--tb-text-primary);accent-color:#8b7cf6}input::placeholder,textarea::placeholder{color:var(--tb-text-tertiary)}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:3px;outline:2px solid #a99cff}.p-btn-primary,.agent-send{background:var(--tb-brand-gradient);color:#fff;border:1px solid #b7adff33;box-shadow:0 3px 12px #6c5ce720}.p-btn-primary:hover,.agent-send:hover{background:linear-gradient(135deg,#7e6ef5,#ada5ff)}.p-btn-secondary{background:var(--tb-bg-secondary);border-color:var(--tb-border-hover);color:var(--tb-text-primary)}.p-btn-secondary:hover{background:var(--tb-bg-hover)}.themebase-brand{color:var(--tb-text-primary)}.brand-mark i:first-child{background:#8977f0}.brand-mark i:nth-child(2){background:#b1a4ff}.brand-mark i:nth-child(3){background:#d6ceff}.brand-dot{color:#a79af5}.icon-button{color:var(--tb-text-secondary);background:0 0;flex-shrink:0}.icon-button:hover{background:var(--tb-bg-hover);color:var(--tb-text-primary)}.eyebrow{color:var(--tb-text-secondary)}.site-nav{z-index:60;background:var(--tb-glass);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-color:var(--tb-border);position:sticky;top:0}.site-nav .nav-link,.mobile-site-menu{color:var(--tb-text-secondary)}.mobile-site-menu>div{background:var(--tb-bg-secondary);border-color:var(--tb-border-hover)}.tb-site-footer{border-color:var(--tb-border)}.tb-site-footer p,.tb-site-footer>span,.tb-site-footer nav{color:var(--tb-text-secondary)}.experience-home .tb-hero-section{background:var(--tb-bg-secondary);border-color:var(--tb-border);min-height:700px;padding-top:86px;padding-bottom:64px}.experience-home .hero-glow{background:radial-gradient(at 20% 30%,#6754d641,#0000 46%),radial-gradient(at 85% 20%,#914fa226,#0000 38%),radial-gradient(at 65% 100%,#376dac24,#0000 45%);animation:18s ease-in-out infinite alternate canvas-glow}.experience-home .tb-beta{background:var(--tb-glass);border-color:var(--tb-border-hover);color:var(--tb-text-secondary);box-shadow:none}.experience-home .tb-beta>span{background:#a294fc;box-shadow:0 0 12px #a294fc55}.experience-home h1{color:var(--tb-text-primary);letter-spacing:-4px;font-size:clamp(44px,5.5vw,80px);font-weight:600}.experience-home h1 em{color:#b7acff;-webkit-text-fill-color:transparent;background:linear-gradient(120deg,#c3b9ff,#a995ff 55%,#ebc4e2);-webkit-background-clip:text;background-clip:text;font-weight:600}.experience-home .hero-description{color:var(--tb-text-secondary);max-width:620px;font-size:17px}.experience-home .brief-composer{background:var(--tb-bg-primary);border:1px solid #9b8cf24d;box-shadow:0 16px 60px #0002,0 0 60px #7e5ed50c}.experience-home .brief-composer textarea{color:var(--tb-text-primary);background:0 0}.experience-home .brief-composer textarea::placeholder{color:var(--tb-text-tertiary)}.experience-home .composer-footer>span{color:var(--tb-text-secondary)}.experience-home .composer-footer button{background:var(--tb-brand-gradient)}.experience-home .brief-suggestions button{color:var(--tb-text-secondary);background:var(--tb-bg-secondary);border-color:var(--tb-border-hover)}.experience-home .brief-suggestions button:hover{background:var(--tb-bg-hover);color:var(--tb-text-primary)}.experience-home .hero-proof,.experience-strip>span,.experience-strip>div,.experience-strip strong,.showcase-note{color:var(--tb-text-secondary)}.experience-strip{border-color:var(--tb-border)}.experience-strip>div>span{border-color:var(--tb-border-hover);color:#ac9cf7}.section-heading h2,.showcase-caption h3,.workflow-grid h3,.tb-final-cta h2,.tb-gallery h1,.tb-pricing h1,.projects-heading h1{color:var(--tb-text-primary)}.section-heading p,.workflow-grid p,.showcase-caption p,.tb-final-cta p,.tb-gallery header p,.projects-heading p{color:var(--tb-text-secondary)}.section-heading a{color:var(--p-color-text-brand)}.workflow-grid article{background:var(--tb-bg-secondary);border-color:var(--tb-border);transition:transform .2s,border-color .2s}.workflow-grid article:hover{border-color:#a294fc55;transform:translateY(-4px)}.workflow-top{color:var(--p-color-text-brand)}.tb-final-cta{background:radial-gradient(#6c5ce71c,#0000 65%)}.round-arrow{border-color:var(--tb-border-hover);color:var(--tb-text-secondary)}.tb-gallery{max-width:1280px}.tb-gallery header h1 em{color:var(--p-color-text-brand);font-style:normal}.gallery-controls{gap:20px;margin:36px 0 42px;display:grid}.gallery-search{border:1px solid var(--tb-border-hover);background:var(--tb-bg-secondary);max-width:500px;color:var(--tb-text-secondary);border-radius:12px;align-items:center;gap:12px;padding:12px 16px;display:flex}.gallery-search input{outline-offset:6px;background:0 0;border:0;width:100%;min-width:0;font-size:13px}.gallery-filters{flex-wrap:wrap;gap:8px;display:flex}.gallery-filters button{border:1px solid var(--tb-border);background:var(--tb-bg-secondary);color:var(--tb-text-secondary);cursor:pointer;border-radius:30px;padding:9px 15px;font-size:12px}.gallery-filters button[aria-pressed=true]{color:var(--p-color-text-brand);background:#7767ed24;border-color:#9b8cf269}.flagship-gallery .section-heading{margin-bottom:25px}.flagship-gallery .section-heading>span{color:var(--tb-text-tertiary);font-size:12px}.gallery-starter>.p-btn{width:100%;margin-top:8px;font-size:12px}.gallery-empty{color:var(--tb-text-secondary);background:var(--tb-bg-secondary);border:1px dashed var(--tb-border-hover);border-radius:14px;padding:30px;line-height:1.7}.community-themes{margin:70px 0 30px}.community-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;display:grid}.community-card{border:1px solid var(--tb-border);background:var(--tb-bg-secondary);border-radius:16px;transition:border-color .2s;overflow:hidden}.community-card:hover{border-color:#a294fc77}.community-card>div:last-child{padding:20px}.community-card h3{color:var(--tb-text-primary);margin-bottom:8px;font-size:17px}.community-card p{color:var(--tb-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.community-card small{color:var(--p-color-text-brand);justify-content:space-between;margin-top:20px;font-size:11px;display:flex}.community-art{color:#eee8ff;background:linear-gradient(135deg,#453270,#282038);min-height:200px;padding:28px;position:relative;overflow:hidden}.community-art>span{text-transform:uppercase;letter-spacing:1.5px;font-size:9px}.community-art>strong{z-index:1;max-width:80%;margin:20px 0;font:26px Georgia,serif;display:block;position:relative}.community-art>i{background:#c7b7e255;border-radius:40% 40% 20% 20%;width:120px;height:140px;position:absolute;bottom:-35px;right:-12px;transform:rotate(-20deg)}.community-art>i:last-child{background:#b59ce355;bottom:-50px;right:60px;transform:rotate(20deg)}.gallery-preview-dialog{border:1px solid var(--tb-border-hover);background:var(--tb-bg-secondary);width:min(1200px,94vw);height:min(900px,92dvh);color:var(--tb-text-primary);box-shadow:var(--tb-shadow);border-radius:16px;padding:0}.gallery-preview-dialog::backdrop,.command-palette::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05050ac9}.gallery-preview-dialog>header{border-bottom:1px solid var(--tb-border);align-items:center;gap:16px;height:64px;padding:12px 20px;display:flex}.gallery-preview-dialog>header>strong{margin-right:auto}.gallery-preview-dialog .p-btn{font-size:12px}.gallery-preview-canvas{height:calc(100% - 64px)}.flagship-studio{background:var(--tb-bg-primary);flex-direction:column;display:flex}.flagship-studio .editor-toolbar{background:var(--tb-glass);border-bottom:1px solid var(--tb-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);gap:16px;height:66px;min-height:66px;padding:0 20px}.flagship-studio .project-name{color:var(--tb-text-primary);background:0 0;width:220px}.flagship-studio .project-name:focus{background:var(--tb-bg-tertiary)}.flagship-studio .toolbar-divider{background:var(--tb-border-hover)}.flagship-studio .draft-label{color:var(--tb-text-secondary);white-space:nowrap}.flagship-studio .draft-label>span{background:var(--tb-success)}.flagship-studio .editor-body{flex:1;gap:14px;min-height:0;padding:0 14px 14px;display:flex;overflow:hidden}.flagship-studio .editor-canvas{background:0 0;flex-direction:column;flex:1;min-width:0;padding:0;display:flex}.flagship-studio .canvas-toolbar{justify-content:space-between;align-items:center;gap:12px;height:58px;min-height:58px;display:flex}.flagship-studio .page-select{color:var(--tb-text-secondary)}.flagship-studio .page-select select{background:var(--tb-bg-secondary);color:var(--tb-text-primary);border-color:var(--tb-border-hover);padding-right:26px}.canvas-tools{align-items:center;gap:5px;display:flex}.flagship-studio .canvas-code{color:var(--tb-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:6px;display:flex}.flagship-studio .canvas-code:hover{background:var(--tb-bg-hover)}.flagship-studio .canvas-code[aria-pressed=true],.flagship-studio .canvas-code[aria-expanded=true]{color:var(--p-color-text-brand);background:#8977f01c;border-color:#8977f030}.flagship-studio .canvas-surface{border:1px solid var(--tb-border-hover);border-radius:12px;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:0 8px 35px #0002}.flagship-studio .canvas-footer{color:var(--tb-text-tertiary);flex-shrink:0;justify-content:space-between;align-items:center;gap:10px;height:30px;display:flex}.flagship-studio .editor-sidebar{border:1px solid var(--tb-border);background:var(--tb-bg-secondary);border-radius:16px;flex-direction:column;width:385px;min-width:385px;height:calc(100% - 28px);margin-top:29px;display:flex;overflow:hidden;box-shadow:0 10px 50px #0002}.flagship-studio[data-ai-open=false] .editor-sidebar{display:none}.flagship-studio .editor-tabs{border-color:var(--tb-border);align-items:center;gap:20px;height:54px;min-height:54px;padding:0 16px}.flagship-studio .editor-tabs>button{height:100%;color:var(--tb-text-secondary);font-size:12px}.flagship-studio .editor-tabs>button[data-active=true]{color:var(--p-color-text-brand);border-color:#a698fa}.flagship-studio .editor-tabs .sidebar-close{border:0;height:28px;margin-left:auto}.flagship-studio .editor-signin{color:var(--tb-text-secondary);background:#8676f312;border:1px solid #8676f326}.flagship-studio .editor-signin a{color:var(--p-color-text-brand)}.flagship-studio .editor-sidebar-content{flex:1;min-height:0;overflow:hidden}.flagship-studio .editor-sidebar-content section,.flagship-studio .editor-sidebar-content label{color:var(--tb-text-secondary)}.flagship-studio .editor-sidebar-content section strong{color:var(--tb-text-primary)}.flagship-studio .editor-sidebar-content textarea,.flagship-studio .editor-sidebar-content input:not([type=color]):not([type=checkbox]),.flagship-studio .editor-sidebar-content select{background:var(--tb-bg-primary);color:var(--tb-text-primary);border-radius:8px;max-width:100%;padding:9px;font-size:12px;border:1px solid var(--tb-border-hover)!important}.flagship-studio .editor-sidebar-content .segmented-control{background:var(--tb-bg-primary)}.flagship-studio .editor-sidebar-content .segmented-control button{color:var(--tb-text-secondary)}.flagship-studio .editor-sidebar-content .segmented-control button[data-active=true]{background:var(--tb-bg-hover);color:var(--p-color-text-brand)}.flagship-studio .agent-conversation{scrollbar-color:#5e567e transparent;padding:24px 20px}.flagship-studio .agent-live-status{color:var(--p-color-text-brand);background:#8977f011;border-color:#8977f02e}.flagship-studio .agent-live-status p,.flagship-studio .agent-status-title>span{color:var(--tb-text-secondary)}.flagship-studio .agent-live-status[data-state=failed]{color:#efbc8e;background:#ffb86b0d;border-color:#ffb86b33}.flagship-studio .agent-live-status[data-state=completed]{color:var(--tb-success);background:#67d7b50b;border-color:#67d7b533}.flagship-studio .agent-spark{background:var(--tb-brand-gradient);color:#fff;border-color:#ffffff26;box-shadow:0 8px 20px #6c5ce733}.flagship-studio .agent-welcome h2,.flagship-studio .agent-response h3{color:var(--tb-text-primary)}.flagship-studio .agent-welcome p,.flagship-studio .agent-response p{color:var(--tb-text-secondary)}.flagship-studio .agent-starting-points button{background:var(--tb-bg-primary);border-color:var(--tb-border);color:var(--tb-text-secondary)}.flagship-studio .agent-starting-points button:hover{background:var(--tb-bg-tertiary);color:var(--tb-text-primary);border-color:#9b8cf266}.flagship-studio .agent-conversation .design-brief{background:var(--tb-bg-primary);color:var(--tb-text-secondary);border-color:var(--tb-border)!important}.flagship-studio .agent-user-message{color:var(--tb-text-primary);background:#8977f019}.flagship-studio .agent-user-message small{color:var(--tb-text-secondary)}.flagship-studio .agent-response-label,.flagship-studio .agent-response summary,.flagship-studio .agent-response-label span{color:var(--p-color-text-brand)}.flagship-studio .agent-direction{border-color:#8977f0}.flagship-studio .agent-direction small,.flagship-studio .agent-task-list small,.flagship-studio .agent-task-list details li,.flagship-studio .agent-history{color:var(--tb-text-secondary)}.flagship-studio .task-indicator{background:var(--tb-bg-tertiary);border-color:var(--tb-border-hover);color:var(--p-color-text-brand)}.flagship-studio .agent-task-list>li[data-complete=true] .task-indicator{color:var(--tb-success);background:#67d7b514;border-color:#67d7b533}.flagship-studio .agent-question-note{color:var(--tb-text-primary)!important}.flagship-studio .agent-response .agent-error,.flagship-studio .agent-error{color:#eab096;background:#dd816515}.flagship-studio .agent-files,.flagship-studio .agent-history article{background:var(--tb-bg-primary);border-color:var(--tb-border)}.flagship-studio .agent-files code{color:var(--tb-text-secondary)}.flagship-studio .run-activity>ol,.flagship-studio .agent-history{border-color:var(--tb-border)}.flagship-studio .agent-composer{background:var(--tb-bg-primary);border-color:#9b8cf24d;box-shadow:0 4px 20px #0001}.flagship-studio .editor-sidebar-content .agent-composer textarea{color:var(--tb-text-primary);background:0 0;border:0!important}.flagship-studio .agent-composer textarea::placeholder,.flagship-studio .agent-composer>p{color:var(--tb-text-tertiary)}.flagship-studio .agent-composer .agent-context{color:var(--p-color-text-brand);text-align:left;align-items:center;gap:6px;margin:0 0 10px;font-size:10px;display:flex}.outline-card{border:1px solid var(--tb-border-hover);border-radius:12px;margin:20px 0;padding:14px}.outline-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.outline-heading>span{letter-spacing:1px;color:var(--tb-text-secondary);font-size:8px}.outline-heading>button{color:var(--p-color-text-brand);cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;display:flex}.outline-reorder{gap:5px;display:grid}.outline-reorder button{background:var(--tb-bg-tertiary);border:1px solid var(--tb-border);color:var(--tb-text-primary);cursor:pointer;border-radius:5px;padding:4px}.outline-card .agent-task-list{margin:10px 0!important}.outline-card input{width:100%}.outline-card .outline-note{color:var(--tb-text-tertiary);border-top:1px solid var(--tb-border);padding-top:12px;font-size:10px}.floating-toolbar{z-index:25;background:var(--tb-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);white-space:nowrap;border:1px solid #a294fc66;border-radius:12px;align-items:center;gap:5px;max-width:calc(100% - 20px);padding:7px 9px;display:flex;position:absolute;bottom:15px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0004}.floating-toolbar>strong{text-overflow:ellipsis;max-width:120px;color:var(--tb-text-primary);padding:0 7px;font-size:10px;overflow:hidden}.floating-toolbar>button:not(.icon-button){color:var(--p-color-text-brand);cursor:pointer;background:#8676f31c;border:1px solid #8676f326;border-radius:7px;align-items:center;gap:6px;padding:7px;font-size:10px;display:flex}.floating-toolbar .icon-button{width:27px;min-width:27px;height:27px}.command-palette{background:var(--tb-bg-secondary);width:min(560px,100vw - 32px);color:var(--tb-text-primary);border:1px solid var(--tb-border-hover);box-shadow:var(--tb-shadow);border-radius:16px;margin:15dvh auto auto;padding:0}.command-search{border-bottom:1px solid var(--tb-border);color:var(--tb-text-secondary);align-items:center;gap:12px;padding:17px;display:flex}.command-search input{color:var(--tb-text-primary);background:0 0;border:0;flex:1;min-width:0;font-size:14px}.command-results{max-height:55dvh;padding:8px;overflow:auto}.command-results>button{color:var(--tb-text-primary);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:13px 12px;font-size:13px;display:flex}.command-results>button:hover,.command-results>button:focus-visible{background:var(--tb-bg-tertiary)}.command-results kbd{color:var(--tb-text-tertiary);white-space:nowrap;font-size:10px}.command-results p{color:var(--tb-text-secondary);padding:20px;font-size:13px}.command-palette>small{border-top:1px solid var(--tb-border);color:var(--tb-text-tertiary);padding:12px 20px;font-size:10px;display:block}.onboarding-shell{background:radial-gradient(ellipse at 20% 40%, #6c5ce715, transparent 55%), var(--tb-bg-primary);min-height:100dvh}.onboarding-shell>header{border-bottom:1px solid var(--tb-border);justify-content:space-between;align-items:center;height:86px;padding:0 6%;display:flex}.onboarding-shell>header>div{align-items:center;gap:20px;display:flex}.onboarding-shell>header a:not(.themebase-brand){color:var(--tb-text-secondary);font-size:12px}.onboarding-main{grid-template-columns:1fr 1fr;gap:85px;max-width:1160px;margin:auto;padding:60px 28px;display:grid}.onboarding-intro h1{letter-spacing:-2px;margin:18px 0;font-size:45px;font-weight:550;line-height:1.14}.onboarding-intro h1 em{color:var(--p-color-text-brand);font-style:normal}.onboarding-intro>p{color:var(--tb-text-secondary);max-width:410px;font-size:13px;line-height:1.8}.onboarding-steps{flex-wrap:wrap;gap:16px;margin:30px 0;padding:0;list-style:none;display:flex}.onboarding-steps li{color:var(--tb-text-tertiary);align-items:center;gap:6px;font-size:10px;display:flex}.onboarding-steps li>span{border:1px solid var(--tb-border-hover);border-radius:50%;place-items:center;width:23px;height:23px;font-size:9px;display:grid}.onboarding-steps li[aria-current=step]{color:var(--tb-text-primary)}.onboarding-steps li[aria-current=step]>span{color:#fff;background:#7767ed;border-color:#9c8cf5}.onboarding-steps li[data-complete=true]>span{color:var(--tb-success);border-color:#67d7b555}.onboarding-mood{background:var(--mood-bg);color:var(--mood-ink);border-radius:14px;min-height:230px;padding:28px;position:relative;overflow:hidden;box-shadow:0 20px 40px #0002}.onboarding-mood>span{text-transform:uppercase;letter-spacing:2px;font-size:10px}.onboarding-mood>strong{z-index:1;letter-spacing:-1px;max-width:230px;margin-top:25px;font:33px/1.15 Georgia,serif;display:block;position:relative}.onboarding-mood.mood-minimal>strong,.onboarding-mood.mood-bold>strong{font-family:Arial,sans-serif}.onboarding-mood.mood-bold>strong{max-width:210px;font-size:38px;font-weight:800}.onboarding-mood>small{opacity:.6;font-size:8px;position:absolute;bottom:16px;left:28px}.mood-objects i{background:var(--mood-accent);opacity:.7;border-radius:30% 30% 8% 8%;width:85px;height:138px;position:absolute;bottom:30px;right:23px;transform:rotate(12deg);box-shadow:15px 15px 20px #0001}.mood-objects i:nth-child(2){opacity:.5;border-radius:50% 50% 20% 20%;width:72px;height:83px;bottom:25px;right:92px;transform:rotate(-10deg)}.mood-objects i:nth-child(3){opacity:.6;width:30px;height:50px;bottom:23px;right:14px;transform:rotate(-12deg)}.onboarding-card{border:1px solid var(--tb-border);background:var(--tb-bg-secondary);border-radius:20px;align-self:start;padding:32px;box-shadow:0 15px 55px #0001}.onboarding-step-label{letter-spacing:1.5px;color:var(--p-color-text-brand);font-size:9px}.onboarding-card h2{letter-spacing:-.8px;margin:16px 0 12px;font-size:26px;line-height:1.25}.onboarding-card>p{color:var(--tb-text-secondary);font-size:12px;line-height:1.8}.onboarding-card>label{color:var(--tb-text-secondary);margin-top:22px;font-size:12px;display:block}.onboarding-card>label>span{color:var(--tb-text-tertiary);margin-left:4px;font-size:10px}.onboarding-card label input:not([type=checkbox]):not([type=color]),.onboarding-card label textarea,.onboarding-card label select{border:1px solid var(--tb-border-hover);background:var(--tb-bg-primary);resize:vertical;width:100%;color:var(--tb-text-primary);border-radius:9px;margin-top:8px;padding:12px;font-size:13px;display:block}.onboarding-actions{justify-content:space-between;gap:16px;margin-top:30px;display:flex}.onboarding-actions .p-btn{padding:11px 14px;font-size:12px}.style-options{gap:12px;margin-top:25px;display:grid}.style-options>button{border:1px solid var(--tb-border-hover);background:var(--tb-bg-primary);text-align:left;color:var(--tb-text-primary);cursor:pointer;border-radius:12px;grid-template-columns:58px 1fr;gap:6px 15px;padding:18px;display:grid;position:relative}.style-options>button[aria-pressed=true]{background:#8977f012;border-color:#a294fc}.style-options strong{grid-column:2;padding-right:20px;font-size:13px;font-weight:500}.style-options small{color:var(--tb-text-secondary);grid-column:2;font-size:10px;line-height:1.5}.style-options>button>svg{color:var(--p-color-text-brand);position:absolute;top:18px;right:14px}.style-swatches{grid-row:1/3;align-items:center;display:flex}.style-swatches i{border:1px solid #0001;border-radius:20px;width:23px;height:32px;margin-right:-6px}.onboarding-card label.onboarding-check{align-items:center;gap:10px;display:flex}.brand-color-field{align-items:center;gap:14px;display:flex!important}.brand-color-field input{border:1px solid var(--tb-border-hover);background:0 0;border-radius:7px;width:52px;height:42px;padding:2px}.onboarding-hint{color:var(--tb-text-secondary);background:var(--tb-bg-tertiary);border-radius:10px;align-items:flex-start;gap:12px;margin-top:22px;padding:15px;font-size:12px;line-height:1.7;display:flex}.onboarding-hint svg{color:var(--p-color-text-brand);flex-shrink:0;margin-top:2px}.onboarding-card .onboarding-small{color:var(--tb-text-tertiary);margin-top:20px;font-size:10px}.onboarding-ready{color:#fff;background:var(--tb-brand-gradient);border-radius:16px;place-items:center;width:56px;height:56px;margin-top:20px;display:grid}.brief-review{margin-top:25px;font-size:12px}.brief-review>div{border-bottom:1px solid var(--tb-border);justify-content:space-between;gap:20px;padding:13px 0;display:flex}.brief-review dt{color:var(--tb-text-secondary)}.brief-review dd{color:var(--tb-text-primary);text-align:right}.auth-story{background:radial-gradient(ellipse at 20% 60%, #6c5ce730, transparent 60%), var(--tb-bg-secondary)}.auth-story h2{color:var(--tb-text-primary)}.auth-story h2 em{color:var(--p-color-text-brand)}.auth-story p,.auth-story>span,.auth-form>p,.auth-form label,.auth-form .auth-note,.auth-divider{color:var(--tb-text-secondary)}.auth-form input{background:var(--tb-bg-secondary);border-color:var(--tb-border-hover);color:var(--tb-text-primary)}.auth-switch a{color:var(--p-color-text-brand)}.project-tile{background:var(--tb-bg-secondary);border-color:var(--tb-border)}.project-thumbnail{background:radial-gradient(ellipse at 20% 0, #8977f029, transparent 70%), var(--tb-bg-tertiary)}.project-thumbnail>span{color:var(--p-color-text-brand)}.project-tile-footer p{color:var(--tb-text-secondary)}.projects-empty{background:var(--tb-bg-secondary);border-color:var(--tb-border-hover);color:var(--tb-text-secondary)}.projects-empty h2{color:var(--tb-text-primary)}@keyframes canvas-glow{0%{transform:translate(-2%,-2%)}to{transform:translate(2%,2%)}}@media (min-width:1650px){.flagship-studio .editor-sidebar{width:420px;min-width:420px}}@media (max-width:1150px){.flagship-studio .editor-sidebar{width:345px;min-width:345px}.flagship-studio .project-name{width:150px}.flagship-studio .draft-label{display:none}.flagship-studio .editor-toolbar{padding:0 12px}.onboarding-main{gap:40px}.onboarding-intro h1{font-size:39px}.flagship-studio .canvas-code>span{display:none}.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:800px){.onboarding-main{grid-template-columns:1fr;gap:25px;max-width:560px;padding:35px 20px}.onboarding-intro h1{font-size:36px}.onboarding-intro>p{font-size:12px}.onboarding-mood{display:none}.onboarding-steps{justify-content:space-between;gap:6px;margin:22px 0 0}.onboarding-steps li{gap:4px;font-size:9px}.onboarding-card{padding:25px}.onboarding-shell>header{height:70px;padding:0 22px}.onboarding-shell>header .themebase-brand{font-size:22px}.onboarding-card h2{font-size:24px}.onboarding-shell>header>div{gap:10px}.community-grid{grid-template-columns:1fr}}@media (max-width:700px){.site-nav{height:70px}.site-nav .site-nav-inner>div:last-child>.icon-button{display:none}.experience-home .tb-hero-section{min-height:0;padding:45px 18px 35px}.experience-home h1{letter-spacing:-2.6px;font-size:45px}.experience-home .hero-description{max-width:320px;font-size:13px}.experience-home .brief-suggestions button{font-size:9px}.flagship-studio .editor-toolbar{gap:7px;height:58px;min-height:58px;padding:0 10px}.flagship-studio .editor-brand{gap:7px;min-width:0}.flagship-studio .editor-toolbar .themebase-brand{font-size:19px}.flagship-studio .editor-toolbar .brand-mark{transform:scale(.85)}.flagship-studio .editor-toolbar .toolbar-divider{display:none}.flagship-studio .project-name{width:100px;font-size:11px}.flagship-studio .editor-toolbar .editor-actions{gap:5px}.flagship-studio .editor-toolbar .editor-actions>.icon-button{display:none}.flagship-studio .editor-toolbar .p-btn{width:32px;height:32px;padding:8px}.flagship-studio .editor-toolbar .p-btn>span{display:none}.flagship-studio .editor-brand>.icon-button{width:25px;min-width:25px}.flagship-studio .editor-toolbar .editor-actions .command-trigger{width:27px;min-width:27px;display:grid}.flagship-studio .editor-mobile-switch{background:var(--tb-bg-primary);border-color:var(--tb-border);padding:7px 10px;display:flex}.flagship-studio .editor-mobile-switch button{background:var(--tb-bg-secondary);color:var(--tb-text-secondary)}.flagship-studio .editor-mobile-switch button[aria-pressed=true]{color:var(--p-color-text-brand);background:#8977f029}.flagship-studio .editor-body{gap:0;padding:0 9px 5px}.flagship-studio .editor-canvas{height:100%;min-height:0;padding:0}.flagship-studio .canvas-toolbar{height:46px;min-height:46px}.flagship-studio .canvas-footer{min-height:28px;font-size:8px}.flagship-studio .editor-sidebar{width:100%;min-width:0;height:calc(100% - 8px);margin-top:4px}.flagship-studio[data-mobile-pane=assistant] .editor-sidebar{display:flex}.flagship-studio[data-mobile-pane=preview] .editor-sidebar,.flagship-studio[data-mobile-pane=assistant] .editor-canvas{display:none}.flagship-studio[data-mobile-pane=preview] .editor-canvas{display:flex}.flagship-studio .canvas-tools .ai-toggle{display:none}.flagship-studio .floating-toolbar{gap:2px;padding:6px;bottom:8px}.floating-toolbar>strong{max-width:70px;padding:0 3px;font-size:9px}.floating-toolbar>button:not(.icon-button){gap:3px;padding:6px;font-size:9px}.floating-toolbar .icon-button{width:24px;min-width:24px}.flagship-studio .agent-welcome{padding-top:12px}.flagship-studio .agent-conversation{padding:18px}.gallery-filters button{padding:8px 11px;font-size:10px}.gallery-preview-dialog>header{gap:8px;padding:10px}.gallery-preview-dialog>header>strong{font-size:12px}.gallery-preview-dialog .p-btn{padding:9px;font-size:10px}.gallery-preview-dialog .icon-button{width:26px;min-width:26px}.gallery-preview-dialog{width:96vw;height:94dvh}.gallery-search{max-width:none}.tb-gallery header h1{font-size:40px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.flagship-studio .editor-sidebar-content .studio-sidebar{background:var(--tb-bg-secondary);min-width:0;max-width:none}.outline-add{border:1px dashed var(--tb-border-hover);background:var(--tb-bg-primary);color:var(--p-color-text-brand);cursor:pointer;border-radius:7px;align-items:center;gap:6px;width:100%;padding:8px 10px;font-size:11px;display:flex}.mention-options{gap:4px;padding-bottom:10px;display:grid}.mention-options button{background:var(--tb-bg-tertiary);border:1px solid var(--tb-border);color:var(--p-color-text-brand);cursor:pointer;text-align:left;border-radius:7px;justify-content:space-between;gap:10px;padding:9px;font-size:11px;display:flex}.mention-options small{color:var(--tb-text-tertiary);text-overflow:ellipsis;max-width:130px;font-size:9px;overflow:hidden}.reader-notice{padding:35px 24px!important}.reader-notice>svg{color:var(--p-color-text-brand);margin-bottom:18px}.workspace-dialog{background:var(--tb-bg-secondary);border:1px solid var(--tb-border-hover);width:min(800px,100vw - 32px);height:min(840px,90dvh);max-height:90dvh;color:var(--tb-text-primary);box-shadow:var(--tb-shadow);border-radius:20px;flex-direction:column;margin:auto;padding:0;display:none}.workspace-dialog[open]{display:flex}.workspace-dialog::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#05050ac9}.workspace-dialog>header{border-bottom:1px solid var(--tb-border);flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:26px 30px;display:flex}.workspace-dialog>header .eyebrow{margin-bottom:8px;font-size:8px}.workspace-dialog h2{letter-spacing:-.7px;font-size:24px;font-weight:550}.workspace-tabs{border-bottom:1px solid var(--tb-border);flex-shrink:0;gap:10px;padding:12px 26px;display:flex}.workspace-tabs button{color:var(--tb-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:10px 13px;font-size:12px;display:flex}.workspace-tabs button[aria-pressed=true]{color:var(--p-color-text-brand);background:#8977f019;border-color:#8977f033}.workspace-content{scrollbar-width:thin;flex:1;min-height:0;padding:26px 30px;overflow:auto}.workspace-section h3{letter-spacing:-.5px;margin-bottom:12px;font-size:21px}.workspace-section>p,.workspace-empty>p{color:var(--tb-text-secondary);margin-bottom:22px;font-size:12px;line-height:1.8}.workspace-section h4{align-items:center;gap:7px;margin:12px 0;font-size:15px;display:flex}.workspace-section form{margin:25px 0}.workspace-section fieldset{border:1px solid var(--tb-border);border-radius:12px;min-width:0;padding:20px}.workspace-section legend{color:var(--p-color-text-brand);padding:0 8px;font-size:11px}.workspace-section label{color:var(--tb-text-secondary);margin:0 0 18px;font-size:12px;display:block}.workspace-section label input:not([type=color]):not([type=checkbox]),.workspace-section label textarea,.workspace-section label select{border:1px solid var(--tb-border-hover);background:var(--tb-bg-primary);width:100%;color:var(--tb-text-primary);border-radius:8px;margin-top:8px;padding:11px;font-size:12px;display:block}.workspace-section label textarea{resize:vertical}.workspace-section .p-btn{padding:10px 13px;font-size:11px}.workspace-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;display:grid}.workspace-columns:has(label:nth-child(2):last-child){grid-template-columns:1fr 1fr}.workspace-color{text-transform:capitalize}.workspace-color input{border:1px solid var(--tb-border-hover);background:0 0;border-radius:7px;width:100%;height:40px;margin-top:8px;padding:3px;display:block}.workspace-color small{color:var(--tb-text-tertiary);margin-top:5px;font-size:9px;display:block}.brand-kit-list{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:25px;display:grid}.brand-kit-list article{border:1px solid var(--tb-border);border-radius:10px;flex-wrap:wrap;align-items:center;gap:9px;padding:12px;display:flex}.brand-kit-colors{gap:0;display:flex}.brand-kit-colors i{border:1px solid #0001;width:18px;height:24px}.brand-kit-colors i:first-child{border-radius:4px 0 0 4px}.brand-kit-colors i:last-child{border-radius:0 4px 4px 0}.brand-kit-list strong{flex:1;min-width:70px;font-size:12px}.brand-kit-list .p-btn{padding:7px 10px;font-size:10px}.workspace-publication{background:#8977f012;border:1px solid #8977f033;border-radius:10px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;padding:18px;display:flex}.workspace-publication a{color:var(--p-color-text-brand);margin-right:auto;font-size:12px}.workspace-hint{color:var(--tb-text-secondary);background:var(--tb-bg-primary);border-radius:8px;margin:10px 0 20px;padding:12px;font-size:11px;line-height:1.7}.workspace-section .workspace-checkbox{align-items:flex-start;gap:10px;font-size:11px;line-height:1.7;display:flex}.workspace-checkbox input{flex-shrink:0;margin-top:4px}.workspace-members{margin:15px 0 25px;padding:0;list-style:none}.workspace-members li{border-bottom:1px solid var(--tb-border);align-items:center;gap:12px;padding:13px 0;font-size:12px;display:flex}.workspace-members li>div{flex:1;min-width:0}.workspace-members strong{overflow-wrap:anywhere;font-weight:500;display:block}.workspace-members small{color:var(--tb-text-tertiary);overflow-wrap:anywhere;margin-top:5px;font-size:10px;display:block}.workspace-members li>span{color:var(--p-color-text-brand);background:#8977f017;border-radius:5px;padding:5px 7px;font-size:9px}.workspace-sharing{flex-wrap:wrap;gap:10px;margin:25px 0;display:flex}.workspace-sharing>p{width:100%;color:var(--tb-text-secondary);margin-bottom:5px;font-size:12px}.workspace-comments{border-top:1px solid var(--tb-border);margin-top:35px;padding-top:25px}.workspace-comments article{border:1px solid var(--tb-border);border-radius:10px;margin-top:12px;padding:15px}.workspace-comments article[data-resolved=true]{opacity:.65}.workspace-comments article>div{justify-content:space-between;align-items:center;gap:15px;font-size:11px;display:flex}.workspace-comments time{color:var(--tb-text-tertiary);font-size:9px}.workspace-comments article p{white-space:pre-wrap;color:var(--tb-text-secondary);overflow-wrap:anywhere;margin:10px 0;font-size:12px;line-height:1.8}.workspace-comments article small{color:var(--tb-success);align-items:center;gap:5px;font-size:10px;display:flex}.workspace-comments article button{color:var(--p-color-text-brand);cursor:pointer;background:0 0;border:0;padding:0;font-size:10px}.workspace-presence{color:var(--tb-success);align-items:center;gap:7px;font-size:11px;display:flex}.workspace-revision{color:#e5bd97;background:#ffb86b0b;border:1px solid #ffb86b33;border-radius:10px;margin-bottom:24px;padding:15px}.workspace-revision p{margin-bottom:10px;font-size:12px;line-height:1.7}.workspace-revision .p-btn{padding:8px;font-size:10px}.workspace-dialog>footer{flex-shrink:0;padding:0 30px 18px}.workspace-dialog>footer:empty{padding:0}.workspace-dialog>footer>span{color:var(--tb-text-secondary);align-items:center;gap:7px;font-size:11px;display:flex}.workspace-dialog>footer>p:not(.agent-error){color:var(--tb-success);background:#67d7b50e;border:1px solid #67d7b52b;border-radius:8px;padding:12px;font-size:12px;line-height:1.6}.workspace-dialog>footer>small{color:var(--tb-text-tertiary);margin-top:10px;font-size:10px;display:block}.workspace-empty{padding:20px 0}.workspace-empty h3{margin-bottom:15px}@media (max-width:700px){.workspace-dialog{border-radius:14px;width:calc(100vw - 18px);height:94dvh;max-height:94dvh}.workspace-dialog>header{padding:20px}.workspace-dialog h2{font-size:20px}.workspace-tabs{justify-content:space-between;gap:3px;padding:10px 14px}.workspace-tabs button{gap:5px;padding:8px 10px;font-size:10px}.workspace-content{padding:20px}.workspace-dialog>footer{padding:0 20px 14px}.workspace-section fieldset{padding:15px}.workspace-columns{gap:10px}.brand-kit-list{grid-template-columns:1fr}.workspace-section h3{font-size:20px}.flagship-studio .editor-toolbar .workspace-trigger{display:inline-flex}.workspace-members strong{font-size:11px}}.workspace-loading{color:var(--tb-text-secondary);align-items:center;gap:9px;margin-bottom:20px;font-size:12px;display:flex}h1,h2,.themebase-brand{font-family:var(--font-display), var(--font-inter), Inter, system-ui, sans-serif}.flagship-studio .agent-composer .agent-scope{color:var(--tb-text-tertiary);align-items:center;gap:7px;margin:0 0 8px;font-size:9px;display:flex}.agent-scope input{width:12px;min-width:12px;height:12px;padding:0!important}.agent-scope:has(input:checked){color:var(--p-color-text-brand)!important}