@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-arabic-wght-normal.0tzxgo2fuaf-x.woff2)format("woff2-variations");unicode-range:U+6??,U+750-77F,U+870-88E,U+890-891,U+897-8E1,U+8E3-8FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC4,U+10EFC-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-latin-ext-wght-normal.0ohik0lv51opt.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Vazirmatn Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/vazirmatn-latin-wght-normal.00gnhmt88g2y1.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--default-font-family:"Vazirmatn Variable", Vazirmatn, sans-serif;--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--canvas:#f6f7f3;--surface:#fff;--surface-soft:#f0f2ed;--elevated:#fff;--text-primary:#202a25;--text-secondary:#53625a;--text-muted:#849089;--border:#e1e6df;--border-subtle:#edf0eb;--accent:#176d5b;--accent-hover:#105947;--accent-ink:#143e33;--story-surface:#143e33;--accent-soft:#e7f2ed;--accent-line:#c5dfd3;--highlight:#d9e7bd;--success:#32846b;--warning:#ad7534;--destructive:#b14e4a;--focus-ring:#62a890;--overlay:#151f1b61;--shadow-soft:0 12px 36px -27px #1c312847;--shadow-float:0 22px 65px -43px #192f2659;--radius-xs:6px;--radius-sm:9px;--radius-md:13px;--radius-lg:19px;--radius-xl:27px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--duration-fast:.13s;--duration-base:.19s;--duration-slow:.28s;--ease-standard:cubic-bezier(.2, .75, .25, 1);--font-display:clamp(3rem, 6.2vw, 5.55rem);--font-h1:clamp(2.1rem, 4vw, 3.25rem);--font-h2:clamp(1.55rem, 2.7vw, 2.15rem);--font-h3:1.16rem;--font-body:1rem;--font-body-small:.91rem;--font-label:.82rem;--font-caption:.76rem;--font-code:.82rem}.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#111814;--surface:#171f1a;--surface-soft:#1c2720;--elevated:#202b24;--text-primary:#e8eee9;--text-secondary:#b2c0b7;--text-muted:#87968c;--border:#2b3a31;--border-subtle:#222e27;--accent:#74bea5;--accent-hover:#91d3bb;--accent-ink:#d9f4e7;--story-surface:#17281f;--accent-soft:#1c3329;--accent-line:#315a48;--highlight:#344631;--success:#79c4a9;--warning:#d5a162;--destructive:#e1867f;--focus-ring:#78c3a8;--overlay:#0409069e;--shadow-soft:0 12px 36px -27px #00000085;--shadow-float:0 22px 65px -43px #000000bf}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;scroll-padding-block-start:88px}body{background:var(--canvas);min-width:320px;min-height:100vh;color:var(--text-primary);font-family:Vazirmatn Variable,Vazirmatn,sans-serif;font-size:var(--font-body);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--duration-base) var(--ease-standard), color var(--duration-base) var(--ease-standard);margin:0;line-height:1.8}button,input,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}::selection{background:var(--accent-line);color:var(--accent-ink)}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}[dir=ltr]{unicode-bidi:isolate}.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}.skip-link{z-index:100;border-radius:var(--radius-sm);background:var(--elevated);box-shadow:var(--shadow-soft);padding:8px 14px;position:fixed;inset-block-start:10px;inset-inline-start:10px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.eyebrow{color:var(--accent);font-size:var(--font-label);letter-spacing:.005em;align-items:center;gap:7px;font-weight:650;display:inline-flex}.text-label{font-size:var(--font-label)}.button{border-radius:var(--radius-sm);min-height:46px;font-size:var(--font-body-small);text-align:center;transition:color var(--duration-fast), background-color var(--duration-fast), border-color var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;padding:0 19px;font-weight:650;line-height:1.2;display:inline-flex}.button:active:not(:disabled){transform:translateY(1px)}.button:disabled{opacity:.55}.button-primary{background:var(--accent);color:#fff}.dark .button-primary{color:#10251e}.button-primary:hover:not(:disabled){background:var(--accent-hover);color:#fff;box-shadow:0 5px 15px -10px var(--accent)}.dark .button-primary:hover:not(:disabled){color:#10251e}.button-secondary{background:var(--accent-soft);color:var(--accent-ink)}.button-secondary:hover:not(:disabled){background:var(--accent-line)}.button-outline{border-color:var(--border);color:var(--text-primary);background:0 0}.button-outline:hover:not(:disabled){border-color:var(--accent-line);background:var(--accent-soft)}.button-quiet{color:var(--text-secondary);background:0 0}.button-quiet:hover:not(:disabled){background:var(--surface-soft);color:var(--text-primary)}.button-small{min-height:39px;font-size:var(--font-label);padding-inline:14px}.button-icon{display:inline-flex}.icon-button{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-secondary);transition:color var(--duration-fast), background-color var(--duration-fast), border-color var(--duration-fast);background:0 0;border:1px solid #0000;flex:none;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled){border-color:var(--border-subtle);background:var(--surface-soft);color:var(--text-primary)}.icon-button:disabled{color:var(--text-muted);opacity:.54}.field-label{color:var(--text-primary);font-size:var(--font-label);font-weight:640;display:block}.field-input,.field-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;color:var(--text-primary);transition:border-color var(--duration-fast), box-shadow var(--duration-fast), background-color var(--duration-fast);outline:none}.field-input{min-height:48px;padding:0 14px}.field-textarea{resize:vertical;min-height:110px;padding:13px 15px;line-height:1.8}.field-input::placeholder,.field-textarea::placeholder{color:var(--text-muted);opacity:.78}.field-input:hover,.field-textarea:hover{border-color:var(--border)}@supports (color:color-mix(in lab, red, red)){.field-input:hover,.field-textarea:hover{border-color:color-mix(in srgb, var(--border) 45%, var(--text-muted))}}.field-input:focus,.field-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}@supports (color:color-mix(in lab, red, red)){.field-input:focus,.field-textarea:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 20%, transparent)}}.surface-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-soft);position:relative}.badge{border-radius:var(--radius-pill);min-height:27px;font-size:var(--font-caption);white-space:nowrap;border:1px solid #0000;align-items:center;gap:6px;padding:2px 10px;font-weight:600;line-height:1.4;display:inline-flex}.badge-neutral{border-color:var(--border-subtle);background:var(--surface-soft);color:var(--text-secondary)}.badge-accent{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.badge-success{background:var(--success)}@supports (color:color-mix(in lab, red, red)){.badge-success{background:color-mix(in srgb, var(--success) 11%, var(--surface))}}.badge-success{color:var(--success)}.badge-warning{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.badge-warning{background:color-mix(in srgb, var(--warning) 11%, var(--surface))}}.badge-warning{color:var(--warning)}.avatar{border:1px solid var(--accent-line);background:var(--accent-soft);width:34px;height:34px;color:var(--accent-ink);font-size:var(--font-label);border-radius:50%;flex:none;place-items:center;font-weight:650;display:inline-grid}.separator{background:var(--border);align-self:stretch;width:1px;display:block}.separator-horizontal{align-self:auto;width:100%;height:1px}.separator-vertical{align-self:stretch;width:1px;height:auto}.status-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success);border-radius:50%;flex:none}@supports (color:color-mix(in lab, red, red)){.status-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 13%, transparent)}}.tabs-list{border-radius:var(--radius-sm);background:var(--surface-soft);align-items:center;gap:4px;padding:4px;display:flex}.tabs-trigger{color:var(--text-secondary);background:0 0;border:0;border-radius:7px}.tabs-trigger[data-state=active]{background:var(--surface);color:var(--text-primary);box-shadow:0 1px 3px #00000012}.tooltip-content,.dropdown-content{z-index:80;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--elevated);color:var(--text-primary);box-shadow:var(--shadow-float);animation:dropdown-in var(--duration-fast) var(--ease-standard)}.tooltip-content{font-size:var(--font-caption);padding:6px 9px}.tooltip-arrow{fill:var(--elevated)}.dropdown-content{min-width:170px;padding:5px}.dropdown-item{width:100%;min-height:37px;color:var(--text-secondary);font-size:var(--font-label);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;outline:none;align-items:center;gap:9px;padding:6px 10px;display:flex}.dropdown-item[data-highlighted]{background:var(--surface-soft);color:var(--text-primary)}.sheet-overlay{z-index:70;background:var(--overlay);animation:fade-in var(--duration-base) ease-out;position:fixed;inset:0}.sheet-content{z-index:71;border-inline-end:1px solid var(--border);background:var(--surface);width:min(360px,88vw);box-shadow:var(--shadow-float);animation:sheet-in var(--duration-slow) var(--ease-standard);flex-direction:column;gap:20px;padding:24px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.sheet-heading{justify-content:flex-end;display:flex}.sheet-close{margin-inline-start:auto}.sheet-nav{flex-direction:column;gap:15px;display:flex}.sheet-nav>a:not(.brand){color:var(--text-secondary);padding:9px 0}.sheet-profile{border-block-start:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--font-label);align-items:center;gap:10px;margin-block-start:auto;padding-block-start:18px;display:flex}.skeleton{border-radius:var(--radius-xs);background:linear-gradient(100deg, var(--surface-soft) 20%, var(--border-subtle) 43%, var(--surface-soft) 66%);background-size:220% 100%;animation:1.55s ease-in-out infinite shimmer;display:block}.spinner{color:var(--accent);animation:1.2s linear infinite spin;display:inline-flex}.empty-state{z-index:1;text-align:center;flex-direction:column;align-items:center;max-width:365px;display:flex;position:relative}.empty-state-icon{border:1px solid var(--accent-line);background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:15px 15px 15px 5px;place-items:center;margin-block-end:14px;display:inline-grid;transform:rotate(-4deg)}.empty-state h2{font-size:var(--font-h3);margin:0;font-weight:680;line-height:1.55}.empty-state p{color:var(--text-muted);font-size:var(--font-body-small);margin:6px 0 0;line-height:1.9}.error-state{border:1px solid var(--destructive);align-items:flex-start;gap:12px;max-width:430px;padding:17px 19px;display:flex}@supports (color:color-mix(in lab, red, red)){.error-state{border:1px solid color-mix(in srgb, var(--destructive) 26%, var(--border))}}.error-state{border-radius:var(--radius-md);background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.error-state{background:color-mix(in srgb, var(--destructive) 5%, var(--surface))}}.error-state{color:var(--destructive);text-align:start}.error-state h2{color:var(--text-primary);font-size:var(--font-body-small);margin:0}.error-state p{color:var(--text-secondary);font-size:var(--font-label);margin:4px 0 0}.success-mark{background:var(--accent-soft);width:20px;height:20px;color:var(--success);border-radius:50%;place-items:center;display:inline-grid}.page-skeleton,.project-skeleton,.builder-skeleton{gap:12px;display:grid}.page-skeleton{padding:28px}.page-skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-block-start:18px;display:grid}.page-skeleton-grid .skeleton{border-radius:var(--radius-md);min-height:130px}.skeleton-title{width:min(290px,70%);height:30px}.skeleton-copy{width:min(420px,88%);height:12px}.project-skeleton{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface);min-height:150px;padding:18px}.skeleton-icon{border-radius:10px;width:35px;height:35px}.skeleton-project-title{width:55%;height:16px;margin-block-start:7px}.builder-skeleton{background:var(--surface);grid-template-rows:45px 1fr;min-height:70vh;padding:20px}.builder-skeleton-top{justify-content:space-between;display:flex}.builder-skeleton-top .skeleton{width:120px;height:28px}.builder-skeleton-panels{grid-template-columns:.7fr 1.25fr 1fr;gap:10px;display:grid}.builder-skeleton-panels .skeleton{border-radius:var(--radius-md);min-height:65vh}.toast-region{z-index:100;pointer-events:none;gap:9px;width:min(370px,100vw - 32px);display:grid;position:fixed;inset-block-end:24px;inset-inline-start:22px}.toast-item{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--elevated);min-height:54px;color:var(--text-primary);box-shadow:var(--shadow-float);font-size:var(--font-label);pointer-events:auto;animation:toast-in var(--duration-slow) var(--ease-standard);align-items:center;gap:10px;padding:10px 13px;display:flex}.toast-item>svg{color:var(--success)}.toast-item>span{flex:1}.toast-item button{width:29px;height:29px;color:var(--text-muted);background:0 0;border:0;border-radius:7px;place-items:center;display:inline-grid}.toast-item button:hover{background:var(--surface-soft)}.brand{width:fit-content;color:var(--text-primary);align-items:center;gap:8px;display:inline-flex}.brand-mark{width:34px;height:34px;color:var(--accent);flex:none}.brand-wordmark{letter-spacing:-.045em;font-size:1.32rem;font-weight:760;line-height:1}.brand-caption{border-inline-start:1px solid var(--border);color:var(--text-muted);font-size:var(--font-caption);margin-inline-start:3px;padding-inline-start:11px;line-height:1.45}.brand-compact{gap:6px}.brand-compact .brand-mark{width:30px;height:30px}.theme-toggle{border-color:var(--border-subtle)}.marketing-layout{background:var(--canvas);min-height:100vh;overflow:clip}.marketing-header{z-index:20;border-block-end:1px solid var(--border-subtle);background:var(--canvas);height:82px;position:relative}@supports (color:color-mix(in lab, red, red)){.marketing-header{background:color-mix(in srgb, var(--canvas) 94%, transparent)}}.marketing-header-inner{align-items:center;width:min(1330px,100% - 72px);height:100%;margin-inline:auto;display:flex}.marketing-nav{align-items:center;gap:32px;margin-inline-start:62px;display:flex}.marketing-nav a{color:var(--text-secondary);font-size:var(--font-label);transition:color var(--duration-fast)}.marketing-nav a:hover,.text-link:hover{color:var(--accent)}.marketing-actions{align-items:center;gap:17px;margin-inline-start:auto;display:flex}.text-link{color:var(--text-secondary);font-size:var(--font-label)}.marketing-mobile-actions{align-items:center;gap:5px;margin-inline-start:auto;display:none}.marketing-hero{grid-template-columns:minmax(0,.87fr) minmax(490px,1.13fr);align-items:center;gap:clamp(32px,5.5vw,84px);width:min(1330px,100% - 72px);min-height:670px;margin-inline:auto;padding-block:73px 82px;display:grid;position:relative}.marketing-hero:before{z-index:0;background:radial-gradient(ellipse, var(--accent-soft), transparent 68%);border-radius:50%;width:62%;height:80%;position:absolute;inset-block-start:8%;inset-inline-end:-17%}@supports (color:color-mix(in lab, red, red)){.marketing-hero:before{background:radial-gradient(ellipse, color-mix(in srgb, var(--accent-soft) 67%, transparent), transparent 68%)}}.marketing-hero:before{content:"";pointer-events:none}.hero-copy{z-index:1;max-width:570px;padding-block:16px 22px;position:relative}.hero-eyebrow{gap:9px}.hero-eyebrow-mark{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:8px 8px 8px 3px;place-items:center;width:25px;height:25px;display:inline-grid}.hero-copy h1{font-size:var(--font-display);letter-spacing:-.066em;margin:24px 0 18px;font-weight:740;line-height:1.23}.hero-copy h1 span{color:var(--accent)}.hero-description{max-width:465px;color:var(--text-secondary);margin:0;font-size:clamp(1.02rem,1.35vw,1.14rem);line-height:2.08}.hero-actions{flex-wrap:wrap;align-items:center;gap:22px;margin-block-start:30px;display:flex}.hero-primary{min-height:51px;padding-inline:21px}.hero-secondary{color:var(--text-secondary);font-size:var(--font-label);transition:color var(--duration-fast), gap var(--duration-fast);align-items:center;gap:7px;font-weight:600;display:inline-flex}.hero-secondary:hover{color:var(--accent);gap:10px}.hero-trust{color:var(--text-muted);font-size:var(--font-caption);align-items:center;gap:7px;margin-block-start:20px;display:flex}.hero-trust svg{color:var(--success)}.hero-side-index{color:var(--text-muted);font-size:var(--font-caption);writing-mode:vertical-rl;align-items:center;gap:9px;display:inline-flex;position:absolute;inset-block-end:84px;inset-inline-start:0}.hero-side-index span{background:var(--border);width:1px;height:28px}.hero-showcase{z-index:1;min-width:0;padding:21px;position:relative}.showcase-orbit{border:1px solid var(--accent-line);opacity:.53;pointer-events:none;border-radius:50%;position:absolute}.showcase-orbit-a{width:58px;height:58px;inset-block-start:1%;inset-inline-start:11%}.showcase-orbit-b{border-color:var(--highlight);width:25px;height:25px;inset-block-end:10%;inset-inline-end:1%}.showcase-window{border:1px solid var(--border);background:var(--surface);border-radius:15px;position:relative;overflow:hidden;transform:rotate(-1deg);box-shadow:0 25px 75px -43px #1d392d70,0 3px 11px -8px #172b2233}.showcase-window-bar{border-block-end:1px solid var(--border-subtle);background:var(--surface-soft);grid-template-columns:1fr 1fr 1fr;align-items:center;height:36px;padding-inline:13px;display:grid}.showcase-window-controls{align-items:center;gap:4px;display:flex}.showcase-window-controls span{background:var(--text-muted);opacity:.6;border-radius:50%;width:5px;height:5px}.showcase-window-title{color:var(--text-muted);text-align:center;font-size:9px}.showcase-window-action{border:1px solid var(--border);width:22px;height:22px;color:var(--text-muted);border-radius:5px;justify-self:end;place-items:center;display:grid}.showcase-app-bar{border-block-end:1px solid var(--border-subtle);align-items:center;gap:8px;height:44px;padding-inline:15px;display:flex}.showcase-mini-brand{color:var(--accent);font-size:13px;font-weight:760}.showcase-app-indicator{color:var(--text-muted);align-items:center;gap:5px;margin-inline-start:auto;font-size:8px;display:inline-flex}.showcase-app-indicator i{background:var(--success);border-radius:50%;width:5px;height:5px}.showcase-avatar{border:1px solid var(--accent-line);background:var(--accent-soft);width:22px;height:22px;color:var(--accent);border-radius:50%;place-items:center;font-size:9px;display:grid}.showcase-workspace{direction:rtl;grid-template-columns:.68fr 1.13fr 1.03fr;min-height:278px;display:grid}.showcase-files,.showcase-assistant,.showcase-preview{min-width:0;padding:13px 10px}.showcase-files,.showcase-assistant{border-inline-end:1px solid var(--border-subtle)}.showcase-overline{color:var(--text-muted);margin-block-end:11px;font-size:8px;font-weight:650;display:block}.showcase-file-row{min-height:26px;color:var(--text-muted);direction:ltr;align-items:center;gap:6px;font-size:8px;display:flex}.showcase-file-current{background:var(--accent-soft);color:var(--accent-ink);border-radius:4px;margin-inline-start:8px;padding-inline:5px}.showcase-file-indicator{background:var(--accent);border-radius:50%;width:4px;height:4px}.showcase-folder-indicator{border:1px solid var(--text-muted);opacity:.65;border-radius:2px;width:11px;height:8px}.showcase-assistant-head,.showcase-preview-head{min-height:23px;color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:8px;display:flex}.showcase-assistant-head>span:first-child,.showcase-preview-head>span:first-child{align-items:center;gap:5px;display:inline-flex}.showcase-assistant-head svg{color:var(--accent)}.showcase-status-chip{background:var(--accent-soft);color:var(--accent);border-radius:99px;padding:2px 6px;font-size:7px}.showcase-chat-message{border:1px solid var(--border-subtle);width:90%;color:var(--text-secondary);border-radius:9px 9px 9px 2px;margin-block-start:20px;padding:9px 10px;font-size:8px;line-height:1.7}.showcase-helper-row{color:var(--text-muted);align-items:center;gap:6px;margin-block-start:14px;font-size:7px;display:flex}.showcase-helper-dot{background:var(--highlight);border-radius:50%;width:5px;height:5px}.showcase-composer{border:1px solid var(--border);min-height:37px;color:var(--text-muted);border-radius:7px;justify-content:space-between;align-items:center;gap:4px;margin-block-start:29px;padding-inline:8px;font-size:7px;display:flex}.showcase-send{background:var(--accent);color:#fff;border-radius:5px;flex:none;place-items:center;width:21px;height:21px;display:grid}.showcase-device{border:1px solid var(--border);border-radius:4px;place-items:center;width:20px;height:19px;display:grid}.showcase-page-preview{border:1px solid var(--border-subtle);background:var(--canvas);border-radius:5px;grid-template-rows:20px 1fr;min-height:225px;margin-block-start:7px;display:grid;position:relative;overflow:hidden}.mock-site-nav{border-block-end:1px solid var(--border-subtle);align-items:center;gap:8px;padding-inline:8px;display:flex}.mock-site-nav span:not(.mock-site-brand){background:var(--border);border-radius:99px;width:17px;height:3px}.mock-site-nav .mock-site-brand{background:var(--accent);opacity:.55;border-radius:99px;width:25px;height:5px;margin-inline-end:auto}.mock-site-content{z-index:2;flex-direction:column;align-items:flex-start;width:74%;padding:18px 11px;display:flex;position:relative}.mock-site-eyebrow{background:var(--warning);opacity:.6;border-radius:99px;width:33px;height:4px;margin-block-end:9px}.mock-site-title{background:var(--accent-ink);opacity:.8;border-radius:99px;width:66px;height:8px;margin-block-end:5px}.mock-site-title.short{width:46px}.mock-site-copy{background:var(--text-muted);opacity:.48;border-radius:99px;width:77px;height:3px;margin-block-start:5px}.mock-site-copy.short{width:57px;margin-block-start:3px}.mock-site-cta{background:var(--accent);color:#fff;border-radius:3px;place-items:center;width:26px;height:12px;margin-block-start:12px;display:grid}.mock-site-art{background:#e4eadb;border-radius:50% 0 0;width:54%;height:72%;position:absolute;inset-block-end:0;inset-inline-end:0;overflow:hidden}.dark .mock-site-art{background:#2b392e}.mock-art-sun{background:#e5c993;border-radius:50%;width:28px;height:28px;position:absolute;inset-block-start:15%;inset-inline-end:27%}.mock-art-land{border-radius:50% 50% 0 0;width:116%;position:absolute;inset-inline-end:-8%}.land-one{background:#9eb18d;height:42%;inset-block-end:9%;transform:rotate(-8deg)}.land-two{background:#668a70;height:38%;inset-block-end:-5%;transform:rotate(9deg)}.mock-art-line{background:#ffffff9e;width:2px;height:50px;position:absolute;inset-block-start:50%;inset-inline-start:12%;transform:rotate(-8deg)}.showcase-caption{border-block-start:1px solid var(--border-subtle);align-items:center;gap:10px;min-height:61px;padding:9px 12px;display:flex}.showcase-caption-dot{background:var(--accent);border-radius:50%;width:7px;height:7px}.showcase-caption div{flex-direction:column;flex:1;line-height:1.6;display:flex}.showcase-caption div>span{font-size:9px;font-weight:650}.showcase-caption small{color:var(--text-muted);font-size:7px}.showcase-caption-arrow{border:1px solid var(--border-subtle);width:27px;height:27px;color:var(--text-muted);border-radius:7px;place-items:center;display:grid}.showcase-float-note{border:1px solid var(--accent-line);background:var(--surface);color:var(--accent-ink);box-shadow:var(--shadow-soft);border-radius:9px;align-items:center;gap:7px;padding:7px 11px;font-size:9px;display:inline-flex;position:absolute;inset-block-end:4px;inset-inline-start:-3px}.showcase-float-note svg{color:var(--accent)}.marketing-footer{border-block-start:1px solid var(--border);align-items:center;gap:19px;width:min(1330px,100% - 72px);min-height:84px;margin:0 auto;display:flex}.marketing-footer .brand{margin-inline-end:0}.marketing-footer p{color:var(--text-muted);font-size:var(--font-caption)}.marketing-footer>a:last-child{color:var(--text-secondary);font-size:var(--font-caption);align-items:center;gap:5px;margin-inline-start:auto;display:inline-flex}.auth-page{background:radial-gradient(ellipse at 85% 8%, var(--accent-soft), transparent 30%), var(--canvas);min-height:100vh;padding-inline:max(28px,50vw - 605px)}@supports (color:color-mix(in lab, red, red)){.auth-page{background:radial-gradient(ellipse at 85% 8%, color-mix(in srgb, var(--accent-soft) 70%, transparent), transparent 30%), var(--canvas)}}.auth-topbar{border-block-end:1px solid var(--border-subtle);justify-content:space-between;align-items:center;height:77px;display:flex}.auth-topbar-actions{align-items:center;gap:15px;display:flex}.auth-back-home{color:var(--text-secondary);font-size:var(--font-caption);align-items:center;gap:4px;display:inline-flex}.auth-main{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--surface);width:min(1010px,100%);min-height:min(680px,100vh - 147px);box-shadow:var(--shadow-soft);grid-template-columns:1.07fr .93fr;align-items:stretch;margin:35px auto;display:grid;overflow:hidden}.auth-form-panel{align-content:center;min-width:0;padding:clamp(34px,6vw,77px);display:grid}.auth-form-wrap{width:100%;max-width:404px;margin-inline:auto}.auth-form-wrap h1{font-size:var(--font-h2);letter-spacing:-.035em;margin:12px 0 6px;font-weight:710;line-height:1.55}.auth-description{color:var(--text-secondary);font-size:var(--font-body-small);margin:0;line-height:1.95}.auth-form{gap:18px;margin-block-start:28px;display:grid}.field-group{gap:7px;display:grid}.field-label-row{justify-content:space-between;align-items:center;display:flex}.subtle-link{color:var(--accent);font-size:var(--font-caption)}.subtle-link:hover{text-underline-offset:3px;text-decoration:underline}.password-wrap{position:relative}.password-wrap .field-input{padding-inline-end:47px}.password-toggle{width:33px;color:var(--text-muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;inset-block:0;inset-inline-end:8px}.password-toggle:hover{color:var(--accent)}.field-hint{color:var(--text-muted);font-size:var(--font-caption);margin:-2px 0 0}.auth-submit{width:100%;margin-block-start:3px}.inline-notice{border:1px solid var(--accent-line);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--font-caption);margin:-4px 0 0;padding:9px 11px}.auth-switch{border-block-start:1px solid var(--border-subtle);color:var(--text-secondary);font-size:var(--font-label);margin-block-start:23px;padding-block-start:18px}.auth-switch a{color:var(--accent);font-weight:650}.auth-consent{color:var(--text-muted);margin:15px 0 0;font-size:10px}.auth-story{background:var(--story-surface);color:#eef5ed;flex-direction:column;padding:clamp(31px,4vw,56px);display:flex;position:relative;overflow:hidden}.auth-story:before,.auth-story:after{content:"";pointer-events:none;border:1px solid #dbefdd1a;border-radius:50%;position:absolute}.auth-story:before{width:400px;height:400px;inset-block-start:25%;inset-inline-end:-27%}.auth-story:after{width:255px;height:255px;inset-block-start:36%;inset-inline-end:-14%}.auth-story-decoration{opacity:.55;gap:4px;display:flex;position:absolute;inset-block-start:12%;inset-inline-start:12%;transform:rotate(-13deg)}.auth-story-decoration span{border:1px solid #dbefdd61;border-radius:50%;width:18px;height:31px}.auth-story-decoration span:nth-child(2){transform:translateY(10px)}.auth-story-decoration span:nth-child(3){transform:translateY(3px)}.auth-story-kicker{z-index:1;color:#a9ceb8;font-size:var(--font-caption);align-items:center;gap:8px;display:inline-flex;position:relative}.auth-story-quote{z-index:1;letter-spacing:-.045em;max-width:370px;margin:auto 0 0;padding-block-end:31px;font-size:clamp(1.8rem,3vw,2.6rem);font-weight:630;line-height:1.8;position:relative}.auth-story-quote span{color:#b9da8f}.auth-story-steps{z-index:1;border-block:1px solid #e0f0e02e;flex-direction:column;gap:14px;padding-block:24px;display:flex;position:relative}.auth-story-steps span{color:#c0d1c4;font-size:var(--font-caption);align-items:center;gap:11px;display:flex}.auth-story-steps i{color:#c0d1c4;border:1px solid #e0f0e045;border-radius:50%;place-items:center;width:21px;height:21px;font-size:10px;font-style:normal;display:grid}.auth-story-steps span:first-child i{color:#b9da8f;background:#b9da8f24;border-color:#b9da8f}.auth-story-foot{z-index:1;color:#9fb2a4;align-items:center;gap:10px;padding-block-start:23px;font-size:10px;display:flex;position:relative}.auth-story-mark{color:#b9da8f;font-size:16px;font-weight:700}.auth-footer{min-height:36px;color:var(--text-muted);justify-content:space-between;align-items:center;font-size:10px;display:flex}.app-frame{background:var(--canvas);grid-template-rows:72px minmax(0,1fr);grid-template-columns:258px minmax(0,1fr);min-height:100vh;display:grid}.app-topbar{z-index:30;border-block-end:1px solid var(--border-subtle);background:var(--surface);grid-area:1/1/auto/-1;align-items:center;gap:12px;height:72px;padding-inline:27px;display:flex;position:sticky;inset-block-start:0}@supports (color:color-mix(in lab, red, red)){.app-topbar{background:color-mix(in srgb, var(--surface) 95%, transparent)}}.app-topbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-topbar-brand{display:none}.app-topbar-spacer{flex:1}.app-context-label{color:var(--text-muted);font-size:var(--font-caption)}.profile-pill{color:var(--text-secondary);font-size:var(--font-caption);align-items:center;gap:8px;padding-inline-start:7px;display:flex}.profile-pill .avatar{width:31px;height:31px}.app-topbar-mobile-menu{display:none}.app-sidebar{border-inline-end:1px solid var(--border-subtle);background:var(--surface);flex-direction:column;grid-area:2/1;height:calc(100vh - 72px);padding:26px 19px 21px;display:flex;position:sticky;inset-block-start:72px}.app-navigation{flex-direction:column;gap:4px;min-height:260px;margin-block-start:43px;display:flex}.nav-section-label{color:var(--text-muted);margin-block-end:7px;padding-inline:11px;font-size:10px;font-weight:650}.app-nav-item{border-radius:var(--radius-sm);min-height:44px;color:var(--text-secondary);font-size:var(--font-label);text-align:start;transition:background-color var(--duration-fast), color var(--duration-fast), border-color var(--duration-fast);background:0 0;border:1px solid #0000;align-items:center;gap:11px;padding:0 11px;display:flex}.app-nav-item:hover{background:var(--surface-soft);color:var(--text-primary)}.app-nav-item.is-active{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink);font-weight:650}.app-nav-item.is-active>svg{color:var(--accent)}.nav-spacer{flex:1}.sidebar-note{border-block-start:1px solid var(--border-subtle);align-items:center;gap:10px;margin-block-start:auto;padding:14px 9px 4px;display:flex}.sidebar-note-mark{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 4px var(--accent-soft);border-radius:50%;align-self:flex-start;margin-block-start:8px}.sidebar-note div{flex-direction:column;display:flex}.sidebar-note strong{font-size:var(--font-caption);font-weight:650}.sidebar-note div span{color:var(--text-muted);font-size:10px}.app-main{outline:none;grid-area:2/2;min-width:0}.workspace-page{width:min(1160px,100%);margin-inline:auto;padding:clamp(27px,4vw,52px) clamp(22px,4.4vw,62px) 70px}.page-intro{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.page-intro h1{font-size:var(--font-h1);letter-spacing:-.04em;margin:7px 0 2px;font-weight:700;line-height:1.45}.page-intro p{color:var(--text-secondary);font-size:var(--font-body-small);margin:0}.page-intro>.badge{margin-block-end:8px}.workspace-overview{grid-template-columns:minmax(0,1.62fr) minmax(220px,.76fr);gap:15px;margin-block-start:38px;display:grid}.overview-note{align-items:flex-start;gap:17px;min-height:175px;padding:26px;display:flex}.overview-note-icon,.overview-side-icon{border:1px solid var(--accent-line);background:var(--accent-soft);width:39px;height:39px;color:var(--accent);border-radius:12px;flex:none;place-items:center;display:grid}.overview-note h2{font-size:var(--font-h3);margin:4px 0;font-weight:660}.overview-note p{max-width:470px;color:var(--text-secondary);font-size:var(--font-label);margin:0}.overview-arrow{color:var(--text-muted);align-self:flex-end;margin-inline-start:auto}.overview-side{flex-direction:column;align-items:flex-start;min-height:175px;padding:22px;display:flex}.overview-side-icon{background:var(--surface-soft);width:33px;height:33px;color:var(--text-secondary);border:0;margin-block-end:12px}.overview-side>.eyebrow{color:var(--text-muted);font-size:10px}.overview-side p{color:var(--text-secondary);font-size:var(--font-label);margin:5px 0 0;line-height:1.8}.overview-side-rule{background:var(--accent-line);width:45px;height:1px;margin-block-start:auto}.projects-section-heading{justify-content:space-between;align-items:center;margin-block:47px 14px;display:flex}.projects-section-heading h2{font-size:var(--font-h3);margin:0;font-weight:680}.projects-section-heading p{color:var(--text-muted);font-size:var(--font-caption);margin:3px 0 0}.section-index{color:var(--text-muted);font-size:var(--font-caption)}.projects-empty-card{place-items:center;min-height:270px;padding:40px 22px;display:grid;overflow:hidden}.projects-empty-card .empty-state{max-width:380px}.empty-orbit{border:1px solid var(--border-subtle);pointer-events:none;border-radius:50%;width:230px;height:230px;position:absolute}.orbit-one{inset-block-start:-160px;inset-inline-end:-125px}.orbit-two{border-color:var(--accent-line);opacity:.48;width:260px;height:260px;inset-block-end:-169px;inset-inline-start:-141px}.projects-empty-stamp{color:var(--text-muted);align-items:center;gap:6px;font-size:9px;display:flex;position:absolute;inset-block-end:18px;inset-inline-end:18px}.projects-empty-stamp svg{color:var(--accent)}.gate-state{flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;padding:28px;display:flex}.gate-mark{border:1px solid var(--accent-line);background:var(--accent-soft);border-radius:13px 13px 13px 4px;width:38px;height:38px;animation:1.7s ease-in-out infinite gate-pulse}.gate-line{width:154px;height:5px}.gate-state>.button{margin-block-start:5px}.builder-shell{background:var(--canvas);grid-template-rows:68px minmax(0,1fr);width:100%;height:100vh;min-height:560px;display:grid;overflow:hidden}.builder-topbar{z-index:10;border-block-end:1px solid var(--border);background:var(--surface);align-items:center;gap:21px;min-width:0;padding-inline:23px;display:flex}.builder-project-identity{align-items:center;gap:10px;min-width:0;display:flex}.builder-back{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--text-secondary);transition:background-color var(--duration-fast), color var(--duration-fast);flex:none;place-items:center;display:grid}.builder-back:hover{background:var(--surface-soft);color:var(--accent)}.builder-brand .brand-mark{width:28px;height:28px}.builder-brand .brand-wordmark{font-size:1.15rem}.builder-title-divider,.builder-header-divider{background:var(--border);width:1px;height:25px}.builder-project-name{flex-direction:column;min-width:0;line-height:1.45;display:flex}.builder-project-name>span:first-child{font-size:var(--font-label);text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.builder-project-subtitle{color:var(--text-muted);font-size:9px}.builder-status-wrap{align-items:center;margin-inline-start:auto;display:flex}.builder-demo-status{color:var(--text-muted);font-size:var(--font-caption);align-items:center;gap:8px;display:inline-flex}.builder-demo-dot{border:1px solid var(--text-muted);border-radius:50%;width:7px;height:7px}.run-status{color:var(--text-secondary);font-size:var(--font-caption);align-items:center;gap:8px;display:inline-flex}.run-status-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.run-status-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 13%, transparent)}}.run-status-running .run-status-dot,.run-status-queued .run-status-dot{animation:1.4s ease-in-out infinite status-pulse}.run-status-failed .run-status-dot{background:var(--destructive)}.run-status-completed .run-status-dot,.run-status-completed_after_repair .run-status-dot,.run-status-succeeded .run-status-dot{background:var(--success)}.run-status-blocked .run-status-dot{background:var(--warning)}.run-status-failed_after_repair .run-status-dot{background:var(--destructive)}.run-status-interrupted .run-status-dot{background:var(--text-muted)}.builder-actions{align-items:center;gap:11px;margin-inline-start:18px;display:flex}.builder-preview-shortcut{min-height:37px;color:var(--text-secondary);font-size:var(--font-caption);background:0 0;border:0;border-radius:7px;align-items:center;gap:7px;padding-inline:10px;display:inline-flex}.builder-preview-shortcut:hover{background:var(--surface-soft);color:var(--accent)}.builder-publish{min-height:37px}.builder-workspace{direction:rtl;grid-template-columns:minmax(210px,.72fr) minmax(390px,1.3fr) minmax(350px,1.08fr);min-height:0;display:grid}.builder-panel-wrap{border-inline-start:1px solid var(--border);background:var(--surface);min-width:0;min-height:0;overflow:auto}.builder-panel-wrap:first-child{border-inline-start:0}.builder-panel{flex-direction:column;height:100%;min-height:0;display:flex}.panel-files{padding:22px 15px 12px}.panel-assistant{padding:23px clamp(20px,3vw,42px) 13px}.panel-preview{background:var(--canvas);padding:23px 20px 14px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:8px;padding-inline:5px;display:flex}.panel-heading h2{font-size:var(--font-body-small);margin:2px 0 0;font-weight:680}.panel-heading .eyebrow{font-size:9px}.preview-panel-actions{align-items:center;gap:4px;display:flex}.file-count{color:var(--text-muted);font-family:Vazirmatn Variable,sans-serif;font-size:10px}.file-tree{flex-direction:column;gap:3px;margin-block-start:19px;display:flex}.tree-folder-group{flex-direction:column;display:flex}.tree-row{width:100%;min-height:34px;color:var(--text-secondary);text-align:start;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:0 5px;font-size:11px;display:flex;position:relative}.tree-row:hover{background:var(--surface-soft)}.tree-row svg{color:var(--text-muted);flex:none}.tree-row bdi{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tree-folder{font-weight:620}.tree-folder>svg{color:var(--accent)}.tree-chevron{width:13px;color:var(--text-muted);place-items:center;display:grid}.tree-children{flex-direction:column;margin-inline-start:13px;padding-inline-start:11px;display:flex;position:relative}.tree-children:before{background:var(--border-subtle);content:"";width:1px;position:absolute;inset-block:3px 4px;inset-inline-start:4px}.tree-file{min-height:32px;padding-inline-start:8px;font-size:10px}.tree-file.is-selected{background:var(--accent-soft);color:var(--accent-ink)}.tree-file.is-selected svg{color:var(--accent)}.tree-changed-dot{background:var(--warning);border-radius:50%;flex:none;width:6px;height:6px;margin-inline-start:auto}.tree-root-file{direction:ltr;margin-block-start:4px}.file-explorer-footer{border-block-start:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:8px;margin-block-start:auto;padding:12px 4px 0;font-size:9px;display:flex}.file-explorer-footer .badge{min-height:22px;padding:2px 7px;font-size:8px}.file-content-panel{border-block-start:1px solid var(--border-subtle);min-height:0;margin-block-start:16px;overflow:hidden}.file-content-heading{color:var(--text-muted);justify-content:space-between;align-items:center;gap:8px;padding:12px 4px 7px;font-size:9px;display:flex}.file-content-heading bdi{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.file-content-panel pre{border:1px solid var(--border-subtle);background:var(--surface-soft);max-height:180px;color:var(--text-secondary);text-align:start;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:8px;margin:0;padding:9px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;line-height:1.75;overflow:auto}.assistant-panel-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.assistant-title{align-items:center;gap:11px;display:flex}.assistant-spark{border:1px solid var(--accent-line);background:var(--accent-soft);width:36px;height:36px;color:var(--accent);border-radius:12px 12px 12px 4px;flex:none;place-items:center;display:grid}.assistant-title h2{font-size:var(--font-body-small);margin:1px 0 0;font-weight:680}.assistant-title .eyebrow{font-size:9px}.assistant-panel-header .badge{font-size:8px}.connection-note{color:var(--text-muted);margin:9px 0 -7px;font-size:9px}.assistant-intro{margin-block-start:clamp(16px,3.4vh,42px)}.assistant-intro>p{color:var(--text-secondary);font-size:var(--font-body-small);margin:0}.assistant-example-label{color:var(--text-muted);margin-block-start:19px;font-size:9px;display:block}.assistant-example{border:1px solid var(--border-subtle);background:var(--surface);width:fit-content;max-width:100%;color:var(--text-secondary);border-radius:11px 11px 11px 3px;margin-block-start:5px;padding:9px 12px;font-size:10px}.assistant-suggestion-list{flex-wrap:wrap;gap:6px;margin-block-start:8px;display:flex}.assistant-suggestion{border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-secondary);text-align:start;border-radius:9px;padding:6px 9px;font-size:9px}.assistant-suggestion:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent-ink)}.assistant-scroll{overscroll-behavior:contain;scroll-behavior:smooth;flex:auto;min-height:140px;margin-block-start:16px;padding-block-end:10px;padding-inline:3px;overflow:hidden auto}.runtime-loading,.runtime-empty{color:var(--text-muted);margin:11px 0;font-size:10px}.chat-message{border:1px solid var(--border-subtle);background:var(--surface);overflow-wrap:anywhere;border-radius:11px 11px 3px;max-width:88%;margin-block:8px;padding:9px 11px}.chat-message-user{border-color:var(--accent-line);background:var(--accent-soft);border-radius:11px 11px 3px;margin-inline-start:auto}.chat-message-assistant{border-radius:11px 11px 11px 3px;margin-inline-end:auto}.chat-message-author{color:var(--text-muted);font-size:8px}.chat-message-assets{flex-wrap:wrap;gap:8px;margin-block-start:8px;display:flex}.chat-message-asset-item{border-radius:6px;flex:none;width:60px;height:60px;position:relative;overflow:hidden}.chat-message-asset-item img{object-fit:cover;width:100%;height:100%;display:block}.chat-message p{color:var(--text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:2px 0 0;font-size:10px;line-height:1.8}.runtime-state{border-radius:9px;margin:8px 0;padding:8px 10px;font-size:9px}.runtime-state-blocked{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.runtime-state-blocked{background:color-mix(in srgb, var(--warning) 11%, var(--surface))}}.runtime-state-blocked{color:var(--text-secondary)}.runtime-state-failed{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.runtime-state-failed{background:color-mix(in srgb, var(--destructive) 10%, var(--surface))}}.runtime-state-failed{color:var(--text-secondary)}.runtime-state-interrupted{background:var(--surface-soft);color:var(--text-secondary)}.activity-section{border-block-start:1px solid var(--border-subtle);flex-direction:column;flex:0 auto;min-height:110px;max-height:32%;margin-block-start:20px;padding-block-start:17px;display:flex}.activity-section-heading{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:10px;font-weight:650;display:flex}.activity-count{color:var(--text-muted);font-weight:450}.activity-empty{min-height:100px;color:var(--text-muted);align-items:center;gap:13px;margin-block-start:12px;display:flex}.activity-empty-stem{border:1px solid var(--accent-line);background:var(--surface);border-radius:50%;flex:none;width:9px;height:9px;position:relative}.activity-empty-stem:after{background:var(--border-subtle);content:"";width:1px;height:30px;position:absolute;inset-block-start:12px;inset-inline-start:3px}.activity-empty p{max-width:245px;color:var(--text-muted);margin:0;font-size:10px}.activity-item{animation:activity-in var(--duration-slow) var(--ease-standard);align-items:flex-start;gap:11px;padding-block:11px;list-style:none;display:flex}.activity-icon{border:1px solid var(--border-subtle);width:27px;height:27px;color:var(--text-muted);border-radius:8px;flex:none;place-items:center;display:grid}.activity-icon.activity-verification{color:var(--accent)}.activity-icon.activity-run{color:var(--success)}.activity-item p{color:var(--text-secondary);margin:1px 0 0;font-size:10px}.activity-list{flex:auto;min-height:0;margin:7px 0 0;padding:0;overflow:hidden auto}.activity-icon.activity-file{color:var(--text-secondary)}.activity-icon.activity-preparing,.activity-icon.activity-repair{color:var(--accent)}.activity-icon.activity-state-succeeded{color:var(--success)}.activity-icon.activity-state-failed,.activity-icon.activity-state-blocked{color:var(--destructive)}.activity-detail,.activity-time{color:var(--text-muted);margin-block-start:2px;font-size:9px;display:block}.composer-area{margin-block-start:14px}.prompt-composer{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);transition:border-color var(--duration-fast), box-shadow var(--duration-fast);padding:12px 13px 9px}.prompt-composer:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}@supports (color:color-mix(in lab, red, red)){.prompt-composer:focus-within{box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 12%, transparent)}}.prompt-composer textarea{width:100%;min-height:75px;color:var(--text-primary);resize:vertical;background:0 0;border:0;outline:0;padding:0;font-size:11px;line-height:1.9;display:block}.prompt-composer textarea::placeholder{color:var(--text-muted);opacity:.9}.composer-tools{align-items:center;gap:5px;min-height:34px;display:flex}.composer-attach{width:31px;height:31px}.composer-hint{color:var(--text-muted);flex:1;font-size:8px}.composer-send{background:var(--accent);color:#fff;width:31px;height:31px;transition:color var(--duration-fast), background-color var(--duration-fast), transform var(--duration-fast), box-shadow var(--duration-fast);border:0;border-radius:8px;place-items:center;display:grid}.composer-send:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 5px 15px -10px var(--accent)}.composer-send:active:not(:disabled){transform:translateY(1px)}.composer-send:disabled{background:var(--surface-soft);color:var(--text-muted);opacity:.55}.composer-error{color:var(--destructive);margin:7px 0 0;font-size:9px}.composer-disclaimer{color:var(--text-muted);margin-block-start:7px;font-size:8px;display:block}.clarify-form{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:14px 13px}.clarify-header{margin-block-end:12px}.clarify-header h3{color:var(--text-primary);margin:0 0 4px;font-size:11px;font-weight:600}.clarify-header p{color:var(--text-muted);margin:0;font-size:9px;line-height:1.7}.clarify-questions{flex-direction:column;gap:10px;display:flex}.clarify-question label{color:var(--text-primary);margin-block-end:4px;font-size:10px;font-weight:500;display:block}.clarify-question input,.clarify-question select{border:1px solid var(--border);background:var(--surface-soft);width:100%;min-height:34px;color:var(--text-primary);transition:border-color var(--duration-fast);border-radius:7px;outline:0;padding:6px 10px;font-size:10px;display:block}.clarify-question input:focus,.clarify-question select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus-ring)}@supports (color:color-mix(in lab, red, red)){.clarify-question input:focus,.clarify-question select:focus{box-shadow:0 0 0 3px color-mix(in srgb, var(--focus-ring) 12%, transparent)}}.clarify-question input::placeholder{color:var(--text-muted);opacity:.8}.clarify-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:12px;display:flex}.clarify-submit{align-items:center;gap:5px;display:inline-flex}.clarify-skip{color:var(--text-muted);align-items:center;gap:5px;font-size:9px;display:inline-flex}.device-switch{border:1px solid var(--border-subtle);background:var(--surface);border-radius:8px;align-items:center;gap:3px;width:fit-content;margin:17px auto 15px;padding:3px;display:flex}.device-option{min-height:29px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;align-items:center;gap:5px;padding-inline:8px;font-size:9px;display:inline-flex}.device-option:hover{color:var(--text-primary)}.device-option.is-active{background:var(--accent-soft);color:var(--accent-ink)}.preview-stage{border:1px dashed var(--border);border-radius:var(--radius-md);background:var(--surface-soft);flex:1;align-content:start;place-items:start center;min-width:0;min-height:230px;padding:18px 7px;display:grid;overflow:auto}@supports (color:color-mix(in lab, red, red)){.preview-stage{background:color-mix(in srgb, var(--surface-soft) 62%, var(--canvas))}}.preview-stage{transition:background-color var(--duration-base), padding var(--duration-base)}.preview-canvas{border:1px solid var(--border);background:var(--surface);width:100%;min-width:160px;max-width:570px;min-height:290px;box-shadow:var(--shadow-soft);transition:max-width var(--duration-slow) var(--ease-standard), min-height var(--duration-slow) var(--ease-standard);border-radius:6px;flex-direction:column;display:flex;overflow:hidden}.preview-canvas-head{border-block-end:1px solid var(--border-subtle);flex:none;align-items:center;gap:4px;height:22px;padding-inline:8px;display:flex}.preview-canvas-head span{background:var(--border);border-radius:50%;width:5px;height:5px}.preview-canvas-body{flex:1;place-items:center;padding:18px;display:grid}.preview-canvas-body .empty-state{max-width:255px}.preview-canvas-body .empty-state-icon{width:36px;height:36px;margin-block-end:10px}.preview-canvas-body .empty-state h2{font-size:12px}.preview-canvas-body .empty-state p{font-size:9px}.preview-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:11px;width:100%;min-height:290px;padding:18px;display:flex}.preview-state>p{color:var(--text-secondary);margin:0;font-size:10px}.preview-state .empty-state{max-width:275px}.preview-state-label{color:var(--text-muted)!important}.preview-state-unverified .empty-state{max-width:310px}.preview-verify{flex-direction:column;align-items:center;gap:8px;display:flex}.preview-verify-action{gap:7px;min-height:38px;padding-inline:15px}.preview-verify-action .preview-spinner{width:15px;height:15px}.preview-verify-note{max-width:280px;margin:0;font-size:9px;line-height:1.8}.preview-verify-note-succeeded{color:var(--success)}.preview-verify-note-failed{color:var(--destructive)}.preview-spinner{color:var(--accent);animation:1s linear infinite spin}.preview-start-button{margin-block-start:4px}.preview-viewport{max-width:100%;box-shadow:var(--shadow-soft);position:relative}.preview-frame{transform-origin:0 0;background:#fff;border:0;display:block;position:absolute;inset:0 auto auto 0}.preview-request-error{color:var(--destructive);margin:9px 2px 0;font-size:9px}.preview-size-tablet .preview-canvas{max-width:385px;min-height:290px}.preview-size-mobile .preview-canvas{max-width:220px;min-height:335px}.preview-note{color:var(--text-muted);align-items:center;gap:8px;margin:12px 2px 0;font-size:8px;display:flex}.preview-note .status-dot{background:var(--text-muted);width:6px;height:6px;box-shadow:none}.preview-note-ready .status-dot{background:var(--success)}.preview-note-starting .status-dot,.preview-note-stopping .status-dot{background:var(--warning)}.preview-note-failed .status-dot{background:var(--destructive)}.preview-note-blocked .status-dot{background:var(--warning)}.builder-panel-tabs{display:none}.not-found-page{background:radial-gradient(ellipse at 50% 44%, var(--accent-soft), transparent 50%), var(--canvas);flex-direction:column;min-height:100svh;padding:22px clamp(20px,6vw,84px) 18px;display:flex}.not-found-top{justify-content:space-between;align-items:center;display:flex}.not-found-code{color:var(--text-muted);font-size:var(--font-caption);letter-spacing:.12em}.not-found-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-self:center;align-items:center;width:min(100%,510px);min-height:375px;margin-block:32px;padding:38px 28px;display:flex}.not-found-icon{border:1px solid var(--accent-line);background:var(--accent-soft);width:56px;height:56px;color:var(--accent);border-radius:19px 19px 19px 6px;place-items:center;margin-block-end:22px;display:grid;transform:rotate(-4deg)}.not-found-card h1{font-size:var(--font-h2);margin:11px 0 0;line-height:1.55}.not-found-card p{max-width:360px;color:var(--text-secondary);font-size:var(--font-body-small);margin:8px 0 23px;line-height:1.9}.not-found-foot{color:var(--text-muted);font-size:var(--font-caption);text-align:center}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-120% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes sheet-in{0%{opacity:.7;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes activity-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes gate-pulse{50%{opacity:.55;transform:scale(.96)}}@keyframes status-pulse{50%{opacity:.45;box-shadow:0 0 0 5px color-mix(in srgb, var(--success) 8%, transparent)}}@media (max-width:1180px){.marketing-hero{grid-template-columns:minmax(0,.84fr) minmax(430px,1.16fr);gap:27px}.hero-copy h1{font-size:clamp(3rem,5.4vw,4.5rem)}.showcase-workspace{min-height:250px}.builder-workspace{grid-template-columns:minmax(185px,.65fr) minmax(340px,1.3fr) minmax(310px,1fr)}}@media (max-width:1024px){.app-frame{grid-template-columns:214px minmax(0,1fr)}.app-sidebar{padding-inline:14px}.workspace-overview{grid-template-columns:1fr}.overview-side{display:none}.marketing-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:16px;min-height:620px}.hero-showcase{padding:10px}.hero-copy h1{font-size:clamp(2.85rem,5vw,4rem)}.showcase-workspace{grid-template-columns:.58fr 1.08fr 1fr;min-height:236px}.showcase-files,.showcase-assistant,.showcase-preview{padding-inline:7px}.builder-shell{grid-template-rows:64px 48px minmax(0,1fr)}.builder-panel-tabs{border-block-end:1px solid var(--border);background:var(--surface);justify-content:center;align-items:stretch;gap:2px;height:48px;padding-inline:12px;display:flex}.builder-panel-tab{min-width:110px;color:var(--text-muted);font-size:var(--font-caption);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;padding-inline:14px;display:inline-flex;position:relative}.builder-panel-tab:after{content:"";background:0 0;height:2px;position:absolute;inset-block-end:0;inset-inline:14px}.builder-panel-tab.is-active{color:var(--accent-ink)}.builder-panel-tab.is-active:after{background:var(--accent)}.builder-workspace{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr)}.panel-files-wrap,.panel-preview-wrap{grid-column:1;display:none}.panel-assistant-wrap{grid-column:2}.builder-shell[data-secondary-panel=files] .panel-files-wrap,.builder-shell[data-secondary-panel=preview] .panel-preview-wrap{display:block}.panel-files-wrap .panel-files,.panel-preview-wrap .panel-preview{width:100%}.panel-assistant-wrap .panel-assistant{padding-inline:clamp(18px,3vw,35px)}}@media (max-width:760px){.marketing-header{height:68px}.marketing-header-inner,.marketing-hero,.marketing-footer{width:calc(100% - 36px)}.marketing-header .brand-caption,.marketing-nav,.marketing-actions{display:none}.marketing-mobile-actions{display:flex}.marketing-hero{grid-template-columns:1fr;gap:22px;min-height:0;padding-block:58px 52px}.marketing-hero:before{width:100%;height:60%;inset-block-start:20%;inset-inline-end:-45%}.hero-copy{max-width:600px;padding-block:0}.hero-copy h1{margin-block:17px 12px;font-size:clamp(2.7rem,10vw,4rem)}.hero-description{max-width:440px;font-size:var(--font-body-small)}.hero-actions{gap:15px;margin-block-start:21px}.hero-primary{min-height:47px}.hero-trust{margin-block-start:14px;font-size:9px}.hero-showcase{justify-self:center;width:min(100%,540px);padding:10px 4px 14px}.showcase-workspace{grid-template-columns:.57fr 1fr 1fr;min-height:210px}.showcase-page-preview{min-height:181px}.showcase-composer{margin-block-start:19px}.showcase-float-note{inset-inline-start:-5px}.hero-side-index{display:none}.marketing-footer{gap:8px;min-height:70px}.marketing-footer p{display:none}.marketing-footer>a:last-child{font-size:9px}.auth-page{padding-inline:18px}.auth-topbar{height:65px}.auth-topbar .brand-caption{display:none}.auth-topbar-actions{gap:6px}.auth-back-home{font-size:9px}.auth-main{border-radius:var(--radius-lg);grid-template-columns:1fr;min-height:0;margin-block:18px 22px}.auth-story{display:none}.auth-story:before{width:300px;height:300px;inset-block-start:-155px;inset-inline-end:-88px}.auth-story:after,.auth-story-decoration,.auth-story-foot{display:none}.auth-story-quote{margin-block:18px 0;padding-block-end:14px;font-size:1.48rem;line-height:1.6}.auth-story-steps{border-block-start:1px solid #e0f0e02e;border-block-end:0;flex-flow:wrap;gap:7px 14px;padding-block:11px 0}.auth-story-steps span{gap:6px;font-size:9px}.auth-story-steps i{width:17px;height:17px;font-size:8px}.auth-form-panel{padding:30px 22px 28px}.auth-form-wrap h1{margin-block-start:8px;font-size:1.7rem}.auth-form{gap:15px;margin-block-start:21px}.auth-footer{font-size:8px}.app-frame{flex-direction:column;min-height:100vh;display:flex}.app-topbar{flex:none;gap:7px;height:62px;padding-inline:14px;position:sticky}.app-topbar-brand{display:block}.app-topbar-brand .brand-mark{width:28px;height:28px}.app-topbar-brand .brand-wordmark{font-size:1.12rem}.app-topbar-mobile-menu{display:block}.app-context-label,.profile-pill>span:not(.avatar){display:none}.app-topbar .icon-button{width:35px;height:35px}.profile-pill{padding-inline-start:0}.profile-pill .avatar{width:30px;height:30px}.app-sidebar{display:none}.app-main{flex:1}.workspace-page{padding:27px 19px 50px}.page-intro{align-items:flex-start}.page-intro h1{font-size:clamp(1.8rem,7.5vw,2.35rem)}.page-intro p{max-width:410px;font-size:11px}.page-intro>.badge{min-height:23px;margin-block-start:9px;padding-inline:7px;font-size:8px}.workspace-overview{grid-template-columns:1fr;gap:10px;margin-block-start:24px}.overview-note{gap:12px;min-height:139px;padding:19px}.overview-note-icon{width:33px;height:33px}.overview-note h2{font-size:1rem}.overview-note p{font-size:10px}.overview-side{display:none}.projects-section-heading{margin-block-start:31px}.projects-section-heading h2{font-size:1rem}.projects-section-heading p{font-size:9px}.projects-empty-card{min-height:235px;padding:27px 19px}.projects-empty-stamp{font-size:8px;inset-block-end:12px;inset-inline-end:13px}.toast-region{width:auto;inset-block-end:12px;inset-inline:12px}.builder-shell{grid-template-rows:57px minmax(0,1fr) 66px;height:100dvh;min-height:520px}.builder-topbar{gap:8px;height:57px;padding-inline:11px}.builder-project-identity{gap:7px}.builder-back{width:30px;height:30px}.builder-brand .brand-mark{width:24px;height:24px}.builder-brand .brand-wordmark{font-size:1rem}.builder-title-divider,.builder-brand,.builder-project-subtitle,.builder-preview-shortcut span,.builder-actions .theme-toggle,.builder-status-wrap{display:none}.builder-project-name>span:first-child{max-width:112px;font-size:10px}.builder-actions{gap:5px;margin-inline-start:auto}.builder-preview-shortcut{justify-content:center;width:33px;min-height:33px;padding:0}.builder-preview-shortcut svg{width:16px}.builder-publish{min-height:32px;padding-inline:9px;font-size:9px}.builder-publish svg{width:13px}.builder-panel-tabs{z-index:2;height:auto;padding:5px 8px max(5px, env(safe-area-inset-bottom));border-block-start:1px solid var(--border);background:var(--surface);border-block-end:0;grid-row:3;justify-content:space-around;align-items:stretch;gap:0;position:relative}.builder-panel-tab{border-radius:8px;flex-direction:column;flex:1;gap:2px;min-width:0;min-height:49px;padding:4px;font-size:9px;display:flex}.builder-panel-tab:after{display:none}.builder-panel-tab.is-active{background:var(--accent-soft)}.builder-panel-tab svg{width:17px;height:17px}.builder-workspace{grid-row:2;min-height:0;display:block;overflow:hidden}.builder-panel-wrap{border:0;width:100%;height:100%;display:none!important}.builder-shell[data-active-panel=files] .panel-files-wrap,.builder-shell[data-active-panel=assistant] .panel-assistant-wrap,.builder-shell[data-active-panel=preview] .panel-preview-wrap{display:block!important}.panel-files{padding:21px 19px}.panel-assistant{padding:20px 18px 11px}.panel-preview{padding:19px 15px 11px}.assistant-intro{margin-block-start:25px}.activity-section{margin-block-start:22px}.composer-area{margin-block-start:11px}.prompt-composer textarea{min-height:68px;font-size:10px}.preview-stage{min-height:180px}.preview-canvas{min-height:250px}.preview-size-mobile .preview-canvas{min-height:300px}}@media (max-width:390px){.hero-copy h1{font-size:2.6rem}.hero-secondary{font-size:9px}.showcase-workspace{grid-template-columns:.52fr 1fr 1fr}.showcase-chat-message{width:100%}.showcase-caption small{max-width:220px}.auth-story-steps{gap:6px 10px}.auth-story-steps span{font-size:8px}.builder-project-name>span:first-child{max-width:89px}.builder-publish{gap:5px;padding-inline:7px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.marketing-preview-note{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface);width:min(870px,100% - 40px);color:var(--text-muted);box-shadow:var(--shadow-soft);align-items:center;gap:11px;margin:-20px auto 0;padding:12px 16px;display:flex}.marketing-preview-note svg{color:var(--accent);flex:none}.marketing-preview-note p{font-size:var(--font-caption);margin:0}.marketing-value-section,.marketing-steps-section,.marketing-capabilities-section{width:min(1180px,100% - 72px);margin-inline:auto}.marketing-value-section{padding-block:112px 101px}.marketing-section-heading{text-align:center;max-width:640px;margin-inline:auto}.marketing-section-heading h2{font-size:var(--font-h2);letter-spacing:-.04em;margin:10px 0 7px;font-weight:710;line-height:1.55}.marketing-section-heading>p{color:var(--text-secondary);font-size:var(--font-body-small);margin:0}.marketing-value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-block-start:40px;display:grid}.marketing-value-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);min-height:219px;box-shadow:var(--shadow-soft);transition:border-color var(--duration-base), transform var(--duration-base);padding:25px 24px;position:relative}.marketing-value-card:hover{border-color:var(--accent-line);transform:translateY(-3px)}.marketing-card-number{color:var(--text-muted);font-size:var(--font-caption);position:absolute;inset-block-start:21px;inset-inline-end:22px}.marketing-value-icon{border:1px solid var(--accent-line);background:var(--accent-soft);width:41px;height:41px;color:var(--accent);border-radius:13px 13px 13px 5px;place-items:center;display:grid}.marketing-value-card h3{font-size:var(--font-body-small);margin:18px 0 5px;font-weight:680}.marketing-value-card p{color:var(--text-secondary);font-size:var(--font-label);margin:0;line-height:1.9}.marketing-steps-section{border-block:1px solid var(--border-subtle);padding-block:79px 91px}.marketing-steps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-block-start:40px;display:grid}.marketing-step-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);min-height:189px;padding:23px 24px;position:relative}@supports (color:color-mix(in lab, red, red)){.marketing-step-card{background:color-mix(in srgb, var(--surface) 68%, var(--canvas))}}.marketing-step-top{color:var(--text-muted);font-size:var(--font-caption);justify-content:space-between;align-items:center;display:flex}.marketing-step-top svg{color:var(--accent)}.marketing-step-card h3{font-size:var(--font-body-small);margin:18px 0 5px;font-weight:680}.marketing-step-card p{max-width:300px;color:var(--text-secondary);font-size:var(--font-label);margin:0;line-height:1.9}.marketing-step-connector{z-index:1;background:var(--accent-line);width:28px;height:1px;position:absolute;inset-block-start:42px;inset-inline-start:-22px}.marketing-capabilities-section{grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);align-items:center;gap:70px;padding-block:111px;display:grid}.marketing-capabilities-copy>.eyebrow{gap:7px}.marketing-capabilities-copy h2{max-width:540px;font-size:var(--font-h2);letter-spacing:-.04em;margin:13px 0 7px;font-weight:710;line-height:1.55}.marketing-capabilities-copy>p{max-width:495px;color:var(--text-secondary);font-size:var(--font-body-small);margin:0}.marketing-use-cases{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px;margin-block-start:25px;display:grid}.marketing-use-cases span{color:var(--text-secondary);font-size:var(--font-label);align-items:center;gap:8px;display:inline-flex}.marketing-use-cases svg{color:var(--success);flex:none}.marketing-capability-card{border:1px solid var(--accent-line);border-radius:var(--radius-xl);background:var(--surface);min-height:300px;box-shadow:var(--shadow-float);flex-direction:column;align-items:flex-start;padding:29px;display:flex;position:relative;overflow:hidden}.capability-orbit{border:1px solid var(--accent-line);opacity:.45;pointer-events:none;border-radius:50%;position:absolute}.capability-orbit-one{width:260px;height:260px;inset-block-start:-104px;inset-inline-end:-82px}.capability-orbit-two{width:192px;height:192px;inset-block-start:-70px;inset-inline-end:-48px}.capability-card-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:14px 14px 14px 5px;place-items:center;margin-block-end:13px;display:grid}.capability-check-list{gap:11px;width:100%;margin-block-start:16px;display:grid}.capability-check-list div{color:var(--text-secondary);font-size:var(--font-label);align-items:center;gap:9px;display:flex}.capability-check-list svg{color:var(--success);flex:none}.capability-card-foot{color:var(--text-muted);margin-block-start:auto;padding-block-start:18px;font-size:9px}.marketing-philosophy{border-radius:var(--radius-xl);background:var(--story-surface);color:#eef5ed;grid-template-columns:160px minmax(0,1fr);align-items:center;gap:30px;width:min(1180px,100% - 72px);min-height:273px;margin:0 auto;padding:47px 55px;display:grid;position:relative;overflow:hidden}.marketing-philosophy:after{content:"";pointer-events:none;border:1px solid #dbefdd26;border-radius:50%;width:430px;height:430px;position:absolute;inset-block-start:-204px;inset-inline-end:-104px}.marketing-philosophy .eyebrow{color:#a9ceb8}.philosophy-mark{color:#b9da8f;border:1px solid #e0f0e03b;border-radius:38px 38px 38px 12px;place-items:center;width:115px;height:115px;font-size:48px;font-weight:650;display:grid;transform:rotate(-5deg)}.marketing-philosophy h2{z-index:1;font-size:var(--font-h2);margin:8px 0 6px;font-weight:700;position:relative}.marketing-philosophy p{z-index:1;color:#c0d1c4;max-width:650px;font-size:var(--font-body-small);margin:0;position:relative}.marketing-final-cta{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:336px;margin-block-start:87px;padding:50px 22px 62px;display:flex;position:relative;overflow:hidden}.final-cta-orbit{z-index:-1;border:1px solid var(--border-subtle);opacity:.8;inset-block-start:10px;border-radius:50%;width:420px;height:280px;position:absolute;left:calc(50% - 210px)}.marketing-final-cta>.eyebrow{gap:6px}.marketing-final-cta h2{font-size:var(--font-h2);letter-spacing:-.04em;margin:11px 0 3px;font-weight:710}.marketing-final-cta p{color:var(--text-secondary);font-size:var(--font-body-small);margin:0 0 20px}.marketing-final-cta .button{min-height:48px}.inline-error{border:1px solid var(--destructive);margin:0;padding:9px 11px}@supports (color:color-mix(in lab, red, red)){.inline-error{border:1px solid color-mix(in srgb, var(--destructive) 27%, var(--border))}}.inline-error{border-radius:var(--radius-sm);background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.inline-error{background:color-mix(in srgb, var(--destructive) 6%, var(--surface))}}.inline-error{color:var(--destructive);font-size:var(--font-caption)}.inline-error:focus{outline:3px solid var(--focus-ring);outline-offset:3px}.auth-spinner{color:currentColor;width:16px;height:16px}.forgot-pending{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-soft);margin-block-start:28px;padding:19px}.forgot-pending-icon{border:1px solid var(--accent-line);background:var(--accent-soft);width:39px;height:39px;color:var(--accent);border-radius:12px;place-items:center;margin-block-end:11px;display:grid}.forgot-pending h2{font-size:var(--font-body-small);margin:0;font-weight:680}.forgot-pending p{color:var(--text-secondary);font-size:var(--font-label);margin:5px 0 15px;line-height:1.9}.forgot-back{min-height:40px}.auth-consent{font-size:10px}.gate-state-inline{min-height:min(65vh,550px)}.profile-trigger{cursor:pointer;background:0 0;border:0}.profile-trigger:hover{color:var(--text-primary)}.profile-menu-heading{border-block-end:1px solid var(--border-subtle);max-width:270px;color:var(--text-muted);align-items:center;gap:8px;padding:8px 10px 10px;font-size:10px;display:flex}.profile-menu-heading span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dropdown-item-danger{color:var(--destructive)}.dropdown-item-danger[data-highlighted]{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.dropdown-item-danger[data-highlighted]{background:color-mix(in srgb, var(--destructive) 9%, var(--surface))}}.dropdown-item-danger[data-highlighted]{color:var(--destructive)}.sheet-profile-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.sheet-logout{width:100%;color:var(--destructive)}.sheet-logout:hover{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.sheet-logout:hover{background:color-mix(in srgb, var(--destructive) 8%, var(--surface))}}.projects-section-heading{gap:12px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.project-card{min-width:0;min-height:209px;transition:border-color var(--duration-base), transform var(--duration-base), box-shadow var(--duration-base);flex-direction:column;padding:17px;display:flex}.project-card:hover{border-color:var(--accent-line);box-shadow:var(--shadow-float);transform:translateY(-2px)}.project-card-top{align-items:center;gap:8px;display:flex}.project-card-icon{border:1px solid var(--accent-line);background:var(--accent-soft);width:35px;height:35px;color:var(--accent);border-radius:11px 11px 11px 4px;place-items:center;display:grid}.project-card-top .badge{min-height:24px;padding-inline:8px;font-size:9px}.project-state-dot{background:var(--success);border-radius:50%;width:6px;height:6px}.project-more{width:34px;height:34px;margin-inline-start:auto}.project-card-main{min-width:0;margin-block-start:16px}.project-card-main h3{font-size:var(--font-body-small);text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:680;overflow:hidden}.project-card-main p{min-height:43px;color:var(--text-muted);font-size:var(--font-caption);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;line-height:1.8;display:-webkit-box;overflow:hidden}.project-card-bottom{border-block-start:1px solid var(--border-subtle);color:var(--text-muted);align-items:center;gap:8px;margin-block-start:auto;padding-block-start:13px;font-size:9px;display:flex}.project-card-bottom>span{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:5px;min-width:0;display:inline-flex;overflow:hidden}.project-card-open{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-secondary);border-radius:8px;flex:none;place-items:center;margin-inline-start:auto;display:grid}.project-card-open:hover{border-color:var(--accent-line);background:var(--accent-soft);color:var(--accent)}.all-projects-link{color:var(--accent);font-size:var(--font-caption);align-items:center;gap:5px;display:inline-flex}.empty-create-button{z-index:2;margin-block-start:18px;position:relative}.projects-load-error{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);flex-direction:column;align-items:flex-start;gap:14px;padding:24px;display:flex}.overview-side p bdi{color:var(--text-primary);font-weight:700}.dialog-content{z-index:72;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--elevated);width:min(520px,100vw - 34px);max-height:min(86vh,760px);box-shadow:var(--shadow-float);animation:dialog-in var(--duration-base) var(--ease-standard);padding:28px;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.dialog-title{max-width:calc(100% - 44px);color:var(--text-primary);font-size:var(--font-h3);margin:0;font-weight:700}.dialog-description{max-width:430px;color:var(--text-muted);font-size:var(--font-label);margin:4px 0 0;line-height:1.85}.dialog-close{top:17px;position:absolute;inset-inline-end:17px}.project-dialog-form{gap:15px;margin-block-start:23px;display:grid}.project-dialog-form .field-textarea{min-height:93px}.dialog-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-block-start:3px;display:flex}.button-danger{background:var(--destructive);color:#fff}.button-danger:hover:not(:disabled){background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.button-danger:hover:not(:disabled){background:color-mix(in srgb, var(--destructive) 87%, #000)}}.button-danger:hover:not(:disabled){color:#fff}.delete-project-content{margin-block-start:18px}.delete-project-name{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-soft);margin:0 0 19px;padding:11px 13px;font-weight:650}.builder-loading,.builder-failure{background:var(--canvas);flex-direction:column;justify-content:center;align-items:center;gap:13px;min-height:100vh;padding:20px;display:flex}.builder-loading .builder-skeleton{width:min(1180px,100%);min-height:74vh}.builder-loading .builder-skeleton-panels .skeleton{min-height:66vh}.builder-failure-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);width:min(500px,100%);box-shadow:var(--shadow-soft);gap:14px;padding:25px;display:grid}.builder-failure-actions{flex-wrap:wrap;gap:8px;display:flex}.builder-failure-actions .button{min-height:40px}@keyframes dialog-in{0%{opacity:.65;transform:translate(-50%,calc(8px - 50%))scale(.985)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (max-width:1024px){.marketing-capabilities-section{gap:35px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.marketing-preview-note{width:calc(100% - 36px);margin-block-start:-8px}.marketing-value-section,.marketing-steps-section,.marketing-capabilities-section,.marketing-philosophy{width:calc(100% - 36px)}.marketing-value-section{padding-block:71px 66px}.marketing-section-heading h2{font-size:1.48rem}.marketing-section-heading>p{font-size:var(--font-label)}.marketing-value-grid,.marketing-steps-grid{grid-template-columns:1fr;gap:10px;margin-block-start:24px}.marketing-value-card{min-height:0;padding:20px}.marketing-value-card h3{margin-block-start:13px}.marketing-value-card p{max-width:470px}.marketing-steps-section{padding-block:60px 66px}.marketing-step-card{min-height:0;padding:18px 20px}.marketing-step-card h3{margin-block-start:11px}.marketing-step-connector{display:none}.marketing-capabilities-section{grid-template-columns:1fr;gap:28px;padding-block:72px}.marketing-capabilities-copy h2{font-size:1.48rem}.marketing-use-cases{gap:10px 8px}.marketing-use-cases span{font-size:10px}.marketing-capability-card{min-height:275px;padding:23px}.marketing-philosophy{grid-template-columns:1fr;gap:19px;min-height:0;padding:27px}.philosophy-mark{border-radius:23px 23px 23px 7px;width:67px;height:67px;font-size:30px}.marketing-philosophy h2{font-size:1.4rem}.marketing-philosophy p{font-size:var(--font-label)}.marketing-final-cta{min-height:280px;margin-block-start:50px}.marketing-final-cta h2{max-width:360px;font-size:1.45rem}.marketing-final-cta p{font-size:var(--font-label)}.page-intro{flex-wrap:wrap}.create-project-button{min-height:42px}.project-grid{grid-template-columns:1fr;gap:10px}.project-card{min-height:183px;padding:15px}.dialog-content{padding:24px 19px 19px}.dialog-close{top:12px;inset-inline-end:12px}.project-dialog-form{gap:12px;margin-block-start:19px}.dialog-actions>.button{flex:1}.builder-failure-card{padding:19px}.gate-state-inline{min-height:55vh}}@media (max-width:430px){.marketing-preview-note{align-items:flex-start;padding:10px 11px}.marketing-preview-note p{font-size:9px;line-height:1.8}.showcase-window{transform:none}.showcase-files,.showcase-assistant,.showcase-preview{padding-inline:6px}.showcase-overline,.showcase-assistant-head,.showcase-preview-head{font-size:7px}.showcase-chat-message{margin-block-start:13px;padding:7px;font-size:7px}.showcase-helper-row,.showcase-composer{font-size:7px}.showcase-page-preview{min-height:158px}.page-intro .create-project-button{width:100%}.profile-menu-heading{max-width:calc(100vw - 74px)}}@media (max-width:390px){.marketing-capabilities-section,.marketing-value-section,.marketing-steps-section,.marketing-philosophy{width:calc(100% - 28px)}.marketing-use-cases{grid-template-columns:1fr}.hero-actions{gap:11px}.hero-primary{padding-inline:14px}}.account-link-main{place-items:center;min-height:calc(100vh - 141px);padding:36px 0;display:grid}.account-link-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface);width:min(440px,100%);box-shadow:var(--shadow-soft);justify-items:start;gap:6px;padding:30px;display:grid}.account-link-card h1{font-size:var(--font-h3);margin:2px 0 0;font-weight:690;line-height:1.6}.account-link-card>p{color:var(--text-secondary);font-size:var(--font-label);margin:0 0 12px;line-height:1.95}.account-link-icon{border:1px solid var(--accent-line);background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:13px;place-items:center;margin-block-end:8px;display:grid}.account-link-error .account-link-icon{border-color:var(--warning)}@supports (color:color-mix(in lab, red, red)){.account-link-error .account-link-icon{border-color:color-mix(in srgb, var(--warning) 30%, var(--border))}}.account-link-error .account-link-icon{background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.account-link-error .account-link-icon{background:color-mix(in srgb, var(--warning) 9%, var(--surface))}}.account-link-error .account-link-icon{color:var(--warning)}.account-link-success .account-link-icon{color:var(--success)}.account-link-form{width:100%;margin-block-start:8px}.spin{animation:1.2s linear infinite spin}.verify-banner{border:1px solid var(--warning);align-items:center;gap:11px;padding:11px 14px;display:flex}@supports (color:color-mix(in lab, red, red)){.verify-banner{border:1px solid color-mix(in srgb, var(--warning) 26%, var(--border-subtle))}}.verify-banner{border-radius:var(--radius-md);background:var(--warning)}@supports (color:color-mix(in lab, red, red)){.verify-banner{background:color-mix(in srgb, var(--warning) 6%, var(--surface))}}.verify-banner-icon{color:var(--warning);flex:none}.verify-banner-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.verify-banner-text strong{font-size:var(--font-label);font-weight:650}.verify-banner-text>span{color:var(--text-secondary);font-size:var(--font-caption)}.verify-banner-error{color:var(--destructive)}.verify-banner-action{flex:none}.verify-banner-shell{width:min(1160px,100% - 2*clamp(22px,4.4vw,62px));margin:18px auto 0}.verify-banner-compact{margin-block-end:9px;padding:8px 10px}.verify-banner-compact .verify-banner-text strong{font-size:10px}.verify-banner-compact .verify-banner-text>span{font-size:9px}.verify-banner-compact .verify-banner-action{min-height:30px;padding-inline:10px;font-size:10px}.settings-page{gap:16px;display:grid}.settings-page .page-intro{margin-block-end:10px}.settings-identity{font-size:var(--font-label);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.settings-card{gap:18px;padding:24px;display:grid}.settings-card-heading{align-items:flex-start;gap:12px;display:flex}.settings-card-heading>svg{color:var(--accent);flex:none;margin-block-start:5px}.settings-card-heading h2{font-size:var(--font-h3);margin:0;font-weight:680}.settings-card-heading p{color:var(--text-secondary);font-size:var(--font-label);margin:2px 0 0}.settings-form{gap:15px;max-width:420px;display:grid}.settings-success{color:var(--success);font-size:var(--font-caption);margin:0}.settings-muted{color:var(--text-muted);font-size:var(--font-caption);margin:0}.sessions-list{border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;display:grid}.session-row{align-items:center;gap:12px;padding:13px 15px;display:flex}.session-row+.session-row{border-block-start:1px solid var(--border-subtle)}.session-icon{background:var(--surface-soft);width:34px;height:34px;color:var(--text-secondary);border-radius:10px;flex:none;place-items:center;display:grid}.session-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.session-text strong{font-size:var(--font-label);flex-wrap:wrap;align-items:center;gap:8px;font-weight:640;display:flex}.session-text>span{color:var(--text-muted);font-size:var(--font-caption)}.session-current{min-height:22px;font-size:10px}.session-revoke{flex:none;gap:6px}.sessions-revoke-all{justify-self:start}.sessions-skeleton{gap:8px;display:grid}.sessions-skeleton .skeleton{border-radius:var(--radius-md);height:56px}@media (max-width:640px){.account-link-card{padding:24px 20px}.settings-card{padding:18px 16px}.settings-form{max-width:none}.session-row{flex-wrap:wrap}.session-revoke{justify-content:center;width:100%}.verify-banner{flex-wrap:wrap}.verify-banner-action{width:100%}.verify-banner-shell{width:calc(100% - 32px)}}.publish-chip{border:1px solid var(--accent-line);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent-ink);font-size:var(--font-caption);align-items:center;gap:7px;margin-inline-start:14px;padding:4px 10px;font-weight:600;display:inline-flex}.publish-chip-dot{background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success);border-radius:50%}@supports (color:color-mix(in lab, red, red)){.publish-chip-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--success) 16%, transparent)}}.builder-publish[aria-disabled=true]{opacity:.55;cursor:not-allowed}.publish-sheet{z-index:72;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--elevated);width:min(460px,100vw - 32px);max-height:min(86vh,720px);box-shadow:var(--shadow-float);color:var(--text-primary);animation:dialog-in var(--duration-base) var(--ease-standard);gap:18px;padding:24px 26px 26px;display:grid;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}.publish-sheet:focus-visible{outline:none}.publish-sheet-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.publish-sheet-title{font-size:var(--font-h3,1.15rem);margin:0;font-weight:700}.publish-sheet-body{gap:16px;display:grid}.publish-sheet-text{color:var(--text-secondary);font-size:var(--font-body-small);margin:0;line-height:1.95}.publish-primary{justify-content:center;gap:8px;width:100%;min-height:46px}.publish-note{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-soft);font-size:var(--font-body-small);gap:10px;padding:14px 15px;line-height:1.9;display:grid}.publish-note p{color:var(--text-secondary);margin:0}.publish-note .button{justify-self:start}.publish-note-failed{border-color:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.publish-note-failed{border-color:color-mix(in srgb, var(--destructive) 26%, var(--border))}}.publish-note-failed{background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.publish-note-failed{background:color-mix(in srgb, var(--destructive) 6%, var(--surface))}}.publish-note-failed strong{color:var(--text-primary);font-weight:650}.publish-note-keep{font-weight:600;color:var(--accent-ink)!important}.publish-progress{gap:14px;display:grid}.publish-steps{gap:4px;margin:0;padding:0;list-style:none;display:grid}.publish-step{color:var(--text-muted);font-size:var(--font-body-small);transition:color var(--duration-slow) var(--ease-standard);align-items:center;gap:12px;padding:9px 2px;display:flex;position:relative}.publish-step-mark{border:1.5px solid var(--border);background:var(--surface);width:22px;height:22px;transition:background var(--duration-slow) var(--ease-standard), border-color var(--duration-slow) var(--ease-standard);border-radius:50%;flex:none;place-items:center;display:inline-grid}.publish-step.is-done{color:var(--text-secondary)}.publish-step.is-done .publish-step-mark{border-color:var(--success);background:var(--success);color:#fff}.publish-step.is-current{color:var(--text-primary);font-weight:600}.publish-step.is-current .publish-step-mark{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent)}@supports (color:color-mix(in lab, red, red)){.publish-step.is-current .publish-step-mark{box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 14%, transparent)}}.publish-step.is-current .publish-step-mark{animation:1.6s ease-in-out infinite status-pulse}.publish-live{gap:11px;display:grid}.publish-live-title{font-size:var(--font-body);margin:0;font-weight:650}.publish-address{gap:5px;margin:0;display:grid}.publish-address-label{color:var(--text-muted);font-size:var(--font-caption)}.publish-url{overflow-wrap:anywhere;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-soft);color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--font-code);text-align:left;direction:ltr;unicode-bidi:isolate;padding:10px 12px;display:block}.publish-live-actions{flex-wrap:wrap;gap:8px;display:flex}.publish-live-actions .button{gap:7px}.publish-copied{min-height:1em;color:var(--success);font-size:var(--font-caption);margin:0}.publish-when{color:var(--text-muted);font-size:var(--font-caption);margin:0}.publish-uptodate{color:var(--success);font-size:var(--font-body-small);align-items:center;gap:8px;margin:0;font-weight:600;display:flex}.publish-republish{gap:10px;display:grid}.publish-unpublish{border-block-start:1px solid var(--border-subtle);padding-block-start:12px}.publish-quiet{color:var(--text-muted);font:inherit;font-size:var(--font-label);text-decoration:underline;-webkit-text-decoration-color:var(--border);-webkit-text-decoration-color:var(--border);-webkit-text-decoration-color:var(--border);text-decoration-color:var(--border);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:4px 0}.publish-quiet:hover:not(:disabled){color:var(--destructive)}.publish-quiet:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px;border-radius:4px}.publish-confirm{font-size:var(--font-body-small);gap:8px;display:grid}.publish-confirm p{color:var(--text-secondary);margin:0;line-height:1.9}.publish-confirm-actions{flex-wrap:wrap;gap:8px;display:flex}.publish-danger{background:var(--destructive);color:#fff}.publish-danger:hover:not(:disabled){background:var(--destructive)}@supports (color:color-mix(in lab, red, red)){.publish-danger:hover:not(:disabled){background:color-mix(in srgb, var(--destructive) 87%, #000)}}@media (max-width:560px){.publish-sheet{width:100%;max-height:88vh;padding:20px 16px max(20px, env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;animation:publish-sheet-up var(--duration-slow) var(--ease-standard);top:auto;bottom:0;left:0;transform:none}.publish-live-actions .button{flex:1;justify-content:center}.publish-confirm-actions .button{flex:1}}@keyframes publish-sheet-up{0%{opacity:.6;transform:translateY(24px)}to{opacity:1;transform:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}