/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@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}}}@layer theme{:root,:host{--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--spacing:.25rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--default-font-family:var(--font-sans);--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,ui-sans-serif, system-ui, 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{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}.relative{position:relative}.static{position:static}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.hidden{display:none}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}}@font-face{font-family:IBM Plex Sans;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/ibm-plex-sans-latin.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 700;font-display:swap;src:url(/fonts/jetbrains-mono-latin.woff2)format("woff2")}:root{font-family:var(--font-sans);color:#f4f4f5;font-synthesis:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--canvas:#09090b;--surface:#101114;--surface-raised:#15161a;--surface-hover:#1a1b20;--line:#24262c;--line-strong:#30323a;--text:#f4f4f5;--muted:#a1a1aa;--muted-quiet:#71717a;--accent:#8b7cf6;--accent-hover:#9b8cff;--accent-tint:#8b7cf61f;--focus:#7dd3fc;--success:#6ee7b7;--warning:#e7b96b;--danger:#fb7185;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-standard:cubic-bezier(.2, 0, 0, 1);--radius-control:8px;--radius-card:12px;--radius-panel:16px;background:#09090b}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-color:#343640 transparent;scrollbar-width:thin}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#343640 padding-box padding-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#4a4c57 padding-box padding-box}body{min-width:320px;margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:var(--accent-hover);text-underline-offset:4px}a:hover{color:#c4bdfd}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--focus);outline-offset:4px}input[type=checkbox]:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1:focus,h2:focus{outline:none}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.2}svg{flex-shrink:0}fieldset{border:0;min-width:0;margin:0;padding:0}legend{margin-bottom:12px;font-size:14px;font-weight:600}code{font-family:var(--font-mono);overflow-wrap:anywhere;font-size:.85em}input,textarea{min-width:0;max-width:100%}input[type=checkbox]{appearance:none;width:19px;height:19px;transition:background-color .14s var(--ease-standard), border-color .14s var(--ease-standard), transform .16s var(--ease-out);background-color:#0d0e11;background-position:50%;background-repeat:no-repeat;border:1px solid #52545d;border-radius:5px;flex-shrink:0;margin:2px 0 0}input[type=checkbox]:checked{border-color:var(--accent);background-color:var(--accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12 4 4L19 6'/%3E%3C/svg%3E")}input[type=checkbox]:active:not(:disabled){transform:scale(.9)}textarea{resize:vertical}.field textarea:not(.raw-markdown){field-sizing:content;min-height:76px;max-height:280px}[hidden]{display:none!important}.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;color:#111;background:#f8fafc;border-radius:8px;padding:12px 20px;position:fixed;top:12px;left:12px;transform:translateY(-150%)}.skip-link:focus{transform:none}.brand{font-family:var(--font-mono);letter-spacing:-.7px;color:#f8fafc;background:0 0;border:0;align-items:center;gap:10px;padding:4px 0;font-size:18px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1,#8b36c5);border:1px solid #a78bfa;border-radius:9px;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.eyebrow{font-family:var(--font-mono);letter-spacing:1.8px;color:#c4b5fd;margin-bottom:16px;font-size:11px;font-weight:500;display:block}.btn-primary,.btn-secondary,.icon-button{min-height:44px;transition:color .14s var(--ease-standard), background-color .14s var(--ease-standard), border-color .14s var(--ease-standard), transform .18s var(--ease-out), opacity .14s var(--ease-standard);border-radius:8px;justify-content:center;align-items:center;gap:9px;padding:11px 17px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn-primary{color:#fff;background:#7567e8;border:1px solid #968bf2;box-shadow:0 8px 24px #00000038,inset 0 1px #ffffff2b}.btn-primary:hover{color:#fff;background:#8275ed;transform:translateY(-1px)}.btn-secondary{background:var(--surface-raised);border:1px solid var(--line-strong);color:#e4e4e7}.btn-secondary:hover{background:var(--surface-hover);color:#fff;border-color:#484a54;transform:translateY(-1px)}.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.icon-button:active:not(:disabled){transition-duration:70ms;transition-timing-function:var(--ease-in);transform:scale(.985)}.btn-primary svg,.btn-secondary svg,.text-button svg{transition:transform .18s var(--ease-out)}.btn-primary:hover svg:last-child,.text-button:hover svg:last-child{transform:translate(2px)}.icon-button{border:1px solid var(--line);color:var(--muted);background:0 0;padding:10px}.text-button{color:#c4b5fd;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:9px 0;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.text-button:hover{color:#ede9fe;text-decoration:underline}.full{width:100%}.button-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.help{color:var(--muted);margin:8px 0 0;font-size:12px;line-height:1.6}.quiet-note{border:1px solid var(--line);color:var(--muted);background:#11131c;border-radius:10px;padding:16px;font-size:12px;line-height:1.7}.notice{color:#ded7ff;background:#201d34;border:1px solid #45417a;border-radius:9px;margin:0 0 16px;padding:12px 16px;font-size:13px;line-height:1.65}.notice.error{color:#fecdd3;background:#301920;border-color:#9d4d5e}.notice.warning{color:#fde0a0;background:#292216;border-color:#85622d}.status-message{color:#a7f3d0;min-height:0;margin:0;font-size:13px}.check-option{cursor:pointer;align-items:flex-start;gap:10px;min-height:44px;padding:8px 0;font-size:13px;line-height:1.6;display:flex}.form-stack{flex-direction:column;gap:19px;display:flex}.field{flex-direction:column;gap:8px;display:flex}.field label{color:#e5e7f2;font-size:13px;font-weight:600}.field label span{color:var(--muted);font-size:12px;font-weight:400}.field input,.field textarea{border:1px solid var(--line-strong);width:100%;color:var(--text);min-height:46px;transition:border-color .14s var(--ease-standard), box-shadow .14s var(--ease-standard), background-color .14s var(--ease-standard);background:#0d0e11;border-radius:8px;padding:12px 14px;font-size:15px;line-height:1.5}.field input:hover,.field textarea:hover{border-color:#444650}.field input:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:none}.field input::placeholder,.field textarea::placeholder{color:#929cb0}.input-action{position:relative}.input-action input{padding-right:54px}.input-action button{color:#c6cddd;background:0 0;border:0;border-radius:6px;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:3px;right:4px}.disclosure{border:1px solid var(--line);background:#111219;border-radius:11px;padding:0 16px}.disclosure>summary{cursor:pointer;align-items:center;gap:8px;min-height:52px;padding:13px 0;font-size:14px;font-weight:500;display:flex}.disclosure>summary:before{content:"›";color:#b9a4ef;font-family:var(--font-mono);transition:transform .18s var(--ease-out);font-size:18px;transform:rotate(0)}.disclosure[open]>summary:before{transform:rotate(90deg)}.disclosure>summary>span{color:var(--muted);margin-left:auto;font-size:12px}.disclosure>.form-stack{padding:6px 0 20px}.disclosure[open]>.form-stack,.disclosure[open]>p{animation:disclosure-enter .16s var(--ease-out) both}@keyframes disclosure-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.builder-shell{isolation:isolate;min-height:100vh;animation:page-enter .28s var(--ease-out) both;background:radial-gradient(circle at 7% 4%,#6d5bd018,#0000 25rem),linear-gradient(#0b0b0f,#09090b 42rem);position:relative}@keyframes page-enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.builder-shell:before{content:"";z-index:-1;pointer-events:none;opacity:.18;background-image:linear-gradient(#ffffff08 1px,#0000 1px);background-size:100% 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 58%);mask-image:linear-gradient(#000,#0000 58%)}.builder-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);background:#09090bc7;justify-content:space-between;align-items:center;max-width:1600px;height:78px;margin:auto;padding:0 32px;display:flex}.demo-badge{color:#d8ccfa;font:600 8px var(--font-mono);letter-spacing:.1em;text-transform:uppercase;background:#211b30;border:1px solid #5f527c;border-radius:999px;padding:4px 7px}.header-actions{align-items:center;gap:22px;font-size:12px;display:flex}.builder-main{max-width:1600px;margin:auto;padding:28px 32px 64px}.builder-controls{justify-content:space-between;align-items:center;margin-bottom:26px;display:flex}.steps{gap:12px;margin:0;padding:0;list-style:none;display:flex}.steps li{align-items:center;display:flex;position:relative}.steps li:not(:last-child):after{content:"";background:var(--line-strong);width:12px;height:1px;transition:background-color .18s var(--ease-standard);margin-left:6px}.steps li[data-complete=true]:after{background:#665db0}.steps button{color:var(--muted);min-height:44px;transition:color .14s var(--ease-standard), border-color .14s var(--ease-standard), background-color .14s var(--ease-standard), transform .18s var(--ease-out);background:0 0;border:1px solid #0000;border-radius:30px;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-size:13px;display:flex}.steps button[aria-current=step]{background:var(--accent-tint);color:#ede9fe;border-color:#5f5883;box-shadow:inset 0 1px #ffffff0d}.step-number{width:26px;height:26px;font-family:var(--font-mono);background:#252735;border-radius:50%;place-items:center;font-size:11px;display:grid}.steps button[aria-current=step] .step-number{color:#fff;background:#7567e8}.builder-grid{grid-template-columns:minmax(340px,430px) minmax(0,1fr);align-items:start;gap:32px;display:grid}.editor-panel{padding:4px 2px}.editor-panel,.preview-column{min-width:0}.step-content{flex-direction:column;gap:32px;display:flex}.step-frame{will-change:auto}.step-frame.step-exit{pointer-events:none;animation:step-exit-forward .12s var(--ease-in) both}.step-frame.step-exit.step-backward{animation-name:step-exit-backward}.step-frame.step-enter{animation:step-enter-forward .22s var(--ease-out) both}.step-frame.step-enter.step-backward{animation-name:step-enter-backward}@keyframes step-exit-forward{to{opacity:0;transform:translate(-12px)}}@keyframes step-exit-backward{to{opacity:0;transform:translate(12px)}}@keyframes step-enter-forward{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes step-enter-backward{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}.section-intro h1{letter-spacing:-1px;margin:0 0 12px;font-size:32px;font-weight:600}.section-intro{padding-left:18px;position:relative}.section-intro:before{content:"";background:linear-gradient(#a78bfa,#22d3ee66,#0000);width:1px;position:absolute;inset:2px auto 2px 0}.section-intro p{color:var(--muted);margin:0;font-size:14px}.section-intro .eyebrow{margin-bottom:12px;font-size:10px}.draft-settings{border-top:1px solid var(--line);margin-top:30px;padding-top:20px}.draft-settings .help{margin-top:4px}.preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.signature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.signature-card{text-align:left;color:#f8fafc;background:var(--surface);border:1px solid var(--line-strong);border-radius:12px;flex-direction:column;align-items:flex-start;gap:7px;min-height:184px;padding:10px;display:flex}.signature-card[aria-pressed=true]{background:var(--surface-raised);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent-tint), 0 16px 38px #0000003d}.signature-card:hover{border-color:#5b5d68;transform:translateY(-1px)}.signature-card .signature-preview-detail i{transition:transform .22s var(--ease-out), opacity .18s var(--ease-standard);transform-origin:bottom}.signature-card:hover .signature-preview-detail i:first-child{transform:scaleY(1.25)}.signature-card:hover .signature-preview-detail i:nth-child(2){transform:scaleY(.82)}.signature-card:hover .signature-preview-detail i:nth-child(3){transform:scaleY(1.12)}.signature-card,.theme-choice,.creation-path{transition:transform .18s var(--ease-out), border-color .14s var(--ease-standard), background-color .14s var(--ease-standard), box-shadow .18s var(--ease-out)}.demo-banner{color:#dceef4;background:linear-gradient(135deg,#11202a,#171625 70%);border:1px solid #3d5363;border-radius:12px;align-items:flex-start;gap:12px;padding:14px 15px;display:flex;box-shadow:inset 0 1px #ffffff0a}.demo-banner>svg{color:#67e8f9;margin-top:2px}.demo-banner strong,.demo-banner span{display:block}.demo-profile-note{background:linear-gradient(135deg,#102028,#151520);border-color:#3d5363;flex-direction:column;gap:5px;display:flex}.demo-profile-note strong{color:#eefbff;font-size:12px}.demo-profile-note span{color:#aab7c8}.demo-banner strong{margin-bottom:4px;font-size:12px}.demo-banner span{color:#aab7c8;font-size:11px;line-height:1.55}.repo-option:has(input:disabled){cursor:default}.signature-preview{--signature-accent:#8b7cf6;--signature-accent-soft:#c4b5fd;opacity:.96;background:#0b0c0f;border:1px solid #ffffff12;border-radius:8px;grid-template-rows:17px 8px 1fr;grid-template-columns:1fr 28px;gap:5px 7px;width:100%;height:58px;padding:7px;display:grid;overflow:hidden}.signature-preview-header{background:var(--signature-accent);opacity:.85;border-radius:3px;grid-column:1/-1}.signature-preview-title,.signature-preview-copy{background:#f4f4f5;border-radius:999px;display:block}.signature-preview-title{width:68%;height:4px}.signature-preview-copy{opacity:.35;width:92%;height:3px}.signature-preview-detail{grid-area:2/2/4;align-items:flex-end;gap:2px;display:flex}.signature-preview-detail i{background:var(--signature-accent-soft);opacity:.8;border-radius:2px 2px 0 0;flex:1;min-height:7px}.signature-preview-detail i:nth-child(2){min-height:14px}.signature-preview-detail i:nth-child(3){min-height:10px}.signature-preview-minimal .signature-preview-header{opacity:.65;align-self:end;height:1px}.signature-preview-minimal .signature-preview-detail{display:none}.signature-preview-minimal{grid-template-columns:1fr}.signature-preview-balanced .signature-preview-header{background:linear-gradient(90deg, var(--signature-accent), var(--signature-accent-soft))}.signature-preview-animated .signature-preview-header{clip-path:polygon(0 0,100% 0,100% 65%,76% 86%,50% 67%,24% 91%,0 70%);background:linear-gradient(90deg, var(--signature-accent), var(--signature-accent-soft))}.signature-card strong{font-size:14px}.signature-card>span:not(.signature-preview):not(.signature-eyebrow){color:var(--muted);font-size:11px;line-height:1.45}.signature-card small{color:#c4b5fd;font-size:9px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-top:auto}.signature-eyebrow{color:#a7f3d0;text-transform:uppercase;letter-spacing:.08em;font-size:9px}.choice{text-align:left;color:#eef0fa;background:#12141d;border:1px solid #414455;border-radius:10px;flex-direction:column;gap:6px;min-height:86px;padding:13px 10px;display:flex}.choice strong{font-size:13px}.choice span{color:var(--muted);font-size:11px;line-height:1.5}.choice[aria-pressed=true],.theme-choice[aria-pressed=true]{color:#ede9fe;background:#282139;border-color:#b5a0ec}.repo-list{overscroll-behavior:contain;border:1px solid var(--line);border-radius:10px;max-height:360px;margin-top:12px;overflow-y:auto}.repo-option{border-bottom:1px solid var(--line);cursor:pointer;gap:12px;padding:14px;display:flex}.repo-option:last-child{border:0}.repo-option>span{min-width:0}.repo-option strong{font-family:var(--font-mono);color:#ded5ff;overflow-wrap:anywhere;font-size:12px;display:block}.repo-option small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.repo-description{color:#c4ccdc;margin-top:6px;font-size:12px;line-height:1.5;display:block}.section-options{grid-template-columns:1fr 1fr;gap:4px 12px;display:grid}.section-groups{flex-direction:column;gap:10px;display:flex}.section-group{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius-card);padding:13px 14px 8px}.section-group-heading{border-bottom:1px solid #292b38;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:8px;display:flex}.section-group-heading strong{font-size:13px}.section-group-heading p{color:var(--muted);margin:4px 0 0;font-size:10px;line-height:1.5}.ai-capability{color:#d8c8ff;border:1px solid #604988;border-radius:999px;flex:none;align-items:center;gap:5px;padding:5px 7px;font-size:9px;display:inline-flex}.check-option small{color:#d8b56f;font-size:9px;display:block}.theme-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.theme-choice{background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:var(--radius-control);color:#c8d0e0;text-align:left;grid-template-rows:26px auto;align-items:center;gap:9px;width:100%;min-height:70px;padding:10px;font-size:11px;display:grid}.theme-choice-label{justify-content:space-between;align-items:center;gap:7px;min-width:0;display:flex}.palette-preview{border:1px solid #ffffff18;border-radius:6px;height:26px;display:flex;overflow:hidden}.palette-preview i{flex:1}.banner-preview,.shape-preview{border:1px solid #ffffff18;border-radius:6px;width:100%;height:26px;display:block}.shape-preview{background:linear-gradient(90deg,#153c46,#315ec7 55%,#6d2db3)}.shape-preview-wave{clip-path:polygon(0 0,100% 0,100% 68%,76% 84%,51% 67%,25% 90%,0 72%)}.shape-preview-slice{clip-path:polygon(0 0,100% 0,88% 100%,0 70%)}.shape-preview-cylinder{border-radius:999px}.shape-preview-venom{background:0 0;position:relative;overflow:hidden}.shape-preview-venom:before{content:"";background:linear-gradient(135deg,#153c46,#315ec7 55%,#6d2db3);border-radius:10% 10% 50% 50%/8% 8% 82% 82%;width:38%;height:30px;position:absolute;top:-4px;left:31%}.review-box{background:var(--surface-raised);border-radius:var(--radius-card);border:1px solid #4d4865;padding:15px}.review-box .btn-primary{margin-top:10px}.ai-disclosure{background:var(--surface);border-color:#49455f}.ai-workspace{border-radius:var(--radius-card);background:var(--surface-raised);border:1px solid #57506f;padding:18px;box-shadow:inset 0 1px #ffffff0a}.creation-paths{grid-template-columns:1fr 1fr;gap:12px;display:grid}.creation-path{text-align:left;color:#eef2ff;background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius-card);flex-direction:column;align-items:flex-start;gap:10px;min-height:190px;padding:20px;display:flex}.creation-path:first-child{background:#15141b;border-color:#57506f}.creation-path:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 18px 38px #00000045}.creation-path svg{color:#b99af8}.creation-path strong{font-size:16px}.creation-path span{color:var(--muted);font-size:12px;line-height:1.6}.creation-path small{color:#a7f3d0;font:9px var(--font-mono);text-transform:uppercase;letter-spacing:.07em;margin-top:auto}.path-reset{align-self:flex-start}.editor-section-label{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding-bottom:12px;display:flex}.editor-section-label>span{color:#c4b5fd;width:29px;height:29px;font:10px var(--font-mono);background:#2a2140;border-radius:50%;place-items:center;display:grid}.editor-section-label strong{font-size:14px}.editor-section-label p{color:var(--muted);margin:4px 0 0;font-size:11px}.project-story-fields{background:#0d0e14;border:1px solid #343747;border-radius:11px;flex-direction:column;gap:14px;padding:16px;display:flex}.project-story-fields>strong{font-size:13px}.project-story-fields>.help{margin:-8px 0 2px}.ai-workspace-heading{color:#c4a7ff;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.ai-workspace-heading h2,.review-box h2{color:#f8fafc;margin:0 0 5px;font-size:16px}.ai-workspace-heading p,.review-box p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.generation-state{color:#c9c6d4;background:#121218;border:1px solid #3a3750;border-radius:8px;align-items:center;gap:9px;min-height:38px;padding:9px 11px;font-size:12px;display:flex}.generation-state span{animation:generation-copy .18s var(--ease-out) both}.generation-spark{color:var(--accent-hover);animation:1.6s cubic-bezier(.4,0,.2,1) infinite generation-pulse}@keyframes generation-copy{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes generation-pulse{0%,to{opacity:.55;transform:scale(.98)}50%{opacity:1;transform:scale(1.03)}}.content-editor>.form-stack{gap:22px}.mobile-tabs{display:none!important}.segmented{border:1px solid var(--line);background:#0b0c0f;border-radius:9px;gap:4px;padding:3px;display:flex}.segmented button{color:var(--muted);min-height:38px;transition:color .14s var(--ease-standard), background-color .14s var(--ease-standard), transform .18s var(--ease-out);background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:7px;padding:9px 12px;font-size:12px;display:flex}.segmented button[aria-pressed=true]{color:#fff;background:#25262c}.preview-card{border:1px solid var(--line-strong);background:var(--surface);border-radius:16px;overflow:hidden;box-shadow:0 28px 72px #00000061,inset 0 1px #ffffff08}.preview-toolbar{border-bottom:1px solid var(--line);background:#121317;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.file-label{font-family:var(--font-mono);color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.export-toolbar{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 18px 0;display:flex}.export-toolbar .btn-secondary{background:0 0}.export-toolbar .btn-secondary:hover{background:var(--surface-hover)}.export-toolbar .btn-secondary[data-success=true] svg{color:var(--success);animation:confirm-icon .18s var(--ease-out) both}@keyframes confirm-icon{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.export-toolbar .icon-button{margin-left:auto}.export-status{color:#a7f3d0;min-height:18px;margin:6px 0;padding:0 18px;font-size:12px;line-height:1.5}.preview-card>.notice{margin:12px 18px}.demo-preview-notice{color:#d5edf3;background:linear-gradient(120deg,#10232a,#1c1930);border-color:#365867}.demo-preview-notice strong{color:#fff}.demo-preview-link{color:#c4b5fd}.demo-content-card{background:radial-gradient(circle at 100% 0,#2563eb1f,#0000 48%),linear-gradient(145deg,#21182e,#11131a 68%);border:1px solid #574877;border-radius:15px;align-items:flex-start;gap:15px;padding:22px;display:flex;box-shadow:0 18px 48px #0004,inset 0 1px #ffffff0d}.demo-content-card>svg{color:#8be9fd}.demo-content-card .eyebrow{color:#8be9fd;margin-bottom:7px}.demo-content-card h2{margin-bottom:8px;font-size:18px}.demo-content-card p{color:var(--muted);margin:0;font-size:12px}.demo-feature-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:0;margin:0;padding:0;list-style:none;display:grid}.demo-feature-list li{color:#ccd4e2;border-bottom:1px solid #252733;align-items:center;gap:10px;padding:12px 3px;font-size:12px;display:flex}.demo-feature-list li:last-child{border:0}.demo-feature-list svg{color:#6ee7b7}.preview-body{overflow-wrap:anywhere;min-height:450px;padding:32px 34px 44px}.empty-preview{text-align:center;min-height:400px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-preview>svg{color:#a78bfa;margin-bottom:22px}.empty-preview h2{color:#e6e8f4;margin-bottom:8px;font-size:21px;font-weight:500}.empty-preview p{max-width:280px;margin:0 0 20px;font-size:14px}.empty-preview span{font-family:var(--font-mono);font-size:10px}.preview-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding:8px 18px;font-size:11px;display:flex}.raw-markdown{field-sizing:fixed;font-family:var(--font-mono);resize:vertical;white-space:pre;overflow-wrap:normal;word-break:normal;height:clamp(420px,62vh,760px);min-height:420px;overflow:auto;font-size:12px!important;line-height:1.8!important}.md-preview{color:#d4d4d8;min-width:0;font-size:15px;line-height:1.65}.md-preview h1{border-bottom:1px solid var(--line);color:#f8fafc;margin:0 0 22px;padding-bottom:16px;font-size:28px;font-weight:600}.md-preview h2{border-bottom:1px solid var(--line);color:#f8fafc;clear:both;margin:32px 0 14px;padding-bottom:10px;font-size:19px;font-weight:600}.md-preview h3{margin:22px 0 10px;font-size:15px}.md-preview p{margin:0 0 16px}.md-preview ul,.md-preview ol{margin-bottom:18px;padding-left:22px}.md-preview li{margin:7px 0}.md-preview img{vertical-align:middle;max-width:100%;height:auto}.md-preview img.preview-image-loading{opacity:0;transform:scale(.995)}.md-preview img.preview-image-loaded{opacity:1;transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);transform:scale(1)}.md-preview img[align=right]{float:right;margin:0 0 16px 20px}.md-preview img[align=left]{float:left;margin:0 20px 16px 0}.md-preview blockquote{color:#b9c4d9;border-left:3px solid #a78bfa;margin:20px 0;padding-left:16px}.md-preview pre{white-space:pre-wrap;background:#090b10;border-radius:10px;padding:16px;overflow-x:auto}.md-preview p code{color:#d8d4f4;background:#15161b;border:1px solid #343640;border-radius:6px;margin:4px 3px;padding:5px 8px;font-size:11px;line-height:1.25;display:inline-block}.md-preview table{border-collapse:collapse;max-width:100%;display:block;overflow-x:auto}.md-preview div[align=center]>table{width:auto;margin-left:auto;margin-right:auto;display:table}.md-preview div[align=center]>p{text-align:center}.md-preview td,.md-preview th{border:1px solid var(--line);padding:8px}.widget-error{border-radius:var(--radius-control);color:#f4dcad;background:#1d1912;border:1px solid #6f5732;flex-direction:column;gap:8px;margin:12px 0;padding:12px 13px;font-size:12px;display:flex}.widget-error .btn-secondary{min-height:40px;font-size:11px}.publish-guide{padding:32px 4px 0;scroll-margin-top:20px}.publish-guide h2{margin-bottom:12px;font-size:22px}.publish-guide>p{color:var(--muted);font-size:14px}.publish-guide ol{padding-left:23px;list-style:decimal}.publish-guide li{color:#e3e7f1;margin:20px 0;padding-left:6px;font-size:14px}.publish-guide li p{color:var(--muted);margin:8px 0;font-size:13px}.workflow-stack{gap:18px;margin-top:24px;display:grid}.snake-setup{border:1px solid var(--line);color:var(--muted);background:#151721;border-radius:12px;padding:20px;font-size:13px}.snake-setup h3{color:#f8fafc;font-size:16px}.snake-setup .snake-steps{gap:10px;margin:18px 0;padding-left:24px;display:grid}.snake-setup .snake-steps li{color:#cbd3e2;margin:0;padding-left:7px;line-height:1.6}.snake-setup .snake-steps strong{color:#f8fafc}.snake-links{margin:12px 0 4px}.snake-setup .notice{margin:10px 0 0}.loading-screen{min-height:65vh;color:var(--muted);place-items:center;display:grid}.landing{--pointer-x:72vw;--pointer-y:18vh;--pointer-rotate-x:0deg;--pointer-rotate-y:0deg;isolation:isolate;background:radial-gradient(ellipse at 75% 15%, #5143981f, transparent 44%), var(--canvas);animation:page-enter .28s var(--ease-out) both;position:relative;overflow:hidden}.landing:before{content:"";z-index:-2;pointer-events:none;opacity:.34;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:72px 72px;height:760px;animation:18s linear infinite grid-drift;position:absolute;inset:72px 0 auto;-webkit-mask-image:radial-gradient(72% 62% at 65% 32%,#000,#0000 76%);mask-image:radial-gradient(72% 62% at 65% 32%,#000,#0000 76%)}.landing-light{z-index:-1;pointer-events:none;width:520px;height:520px;transform:translate3d(calc(var(--pointer-x) - 260px), calc(var(--pointer-y) - 260px), 0);transition:transform 90ms var(--ease-out);will-change:transform;background:radial-gradient(circle,#7567e81a,#0000 68%);border-radius:50%;position:fixed;top:0;left:0}@keyframes grid-drift{to{background-position:72px 72px}}.site-nav{z-index:10;-webkit-backdrop-filter:blur(14px);background:#09090baa;border-bottom:1px solid #262733;justify-content:space-between;align-items:center;max-width:1240px;margin:auto;padding:25px 32px;display:flex;position:relative}.nav-links{align-items:center;gap:28px;font-size:12px;display:flex}.nav-links a{color:var(--muted);text-decoration:none}.nav-links a:hover{color:#fff}.landing-main{z-index:1;max-width:1240px;margin:auto;padding:0 32px;position:relative}.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:64px;min-height:710px;padding:82px 0 78px;display:grid}.hero-eyebrow{color:#c4bdfd;background:var(--accent-tint);font-size:11px;font-family:var(--font-mono);border:1px solid #4d4870;border-radius:24px;align-items:center;gap:8px;margin-bottom:25px;padding:7px 12px;display:inline-flex}.hero-copy h1{letter-spacing:-3px;margin-bottom:25px;font-size:clamp(42px,4.8vw,64px);font-weight:600;line-height:1.08}.hero-copy>*{animation:hero-copy-enter .52s var(--ease-out) both}.hero-copy>:first-child{animation-delay:40ms}.hero-copy>:nth-child(2){animation-delay:90ms}.hero-copy>:nth-child(3){animation-delay:.14s}.hero-copy>:nth-child(4){animation-delay:.19s}.hero-copy>:nth-child(5){animation-delay:.23s}@keyframes hero-copy-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.hero-copy h1 span{color:#0000;background:linear-gradient(100deg,#8b7cf6 15%,#c4bdfd 44%,#7dd3fc 53%,#a99df8 66%,#8b7cf6 85%) 0 0/240% 100%;-webkit-background-clip:text;background-clip:text;animation:7s ease-in-out 1.2s infinite word-sheen}@keyframes word-sheen{0%,22%{background-position:100%}58%,to{background-position:0}}.hero-copy>p{color:#b3bdd0;max-width:465px;margin-bottom:29px;font-size:17px}.hero-actions{flex-wrap:wrap;gap:12px;display:flex}.hero-actions .btn-primary,.hero-actions .btn-secondary{min-height:48px;padding:13px 19px}.hero-copy .hero-fine{color:var(--muted);margin:17px 0 0;font-size:12px;line-height:1.8}.hero-fine strong{color:#d6deec;font-weight:500}.hero-demo{min-width:0;animation:hero-preview-enter .62s .13s var(--ease-out) both;position:relative}.hero-orbit{z-index:-1;pointer-events:none;position:absolute;inset:-104px -96px}.orbit-ring{border:1px solid #8b7cf620;border-radius:50%;position:absolute;inset:50%}.orbit-ring-one{width:610px;height:610px;margin:-305px;animation:28s linear infinite orbit-spin}.orbit-ring-two{border-style:dashed;border-color:#7dd3fc1c;width:470px;height:470px;margin:-235px;animation:34s linear infinite orbit-spin-reverse}.orbit-node{background:#8b7cf6;border:1px solid #c4bdfd;border-radius:50%;width:7px;height:7px;position:absolute;box-shadow:0 0 18px #8b7cf6aa}.orbit-node-one{animation:5.5s ease-in-out infinite node-drift;top:29%;left:8%}.orbit-node-two{animation:6.8s ease-in-out 1s infinite reverse node-drift;top:16%;right:9%}.orbit-node-three{animation:6s ease-in-out .4s infinite node-drift;bottom:17%;right:4%}@keyframes orbit-spin{to{transform:rotate(360deg)}}@keyframes orbit-spin-reverse{to{transform:rotate(-360deg)}}@keyframes node-drift{0%,to{opacity:.55;transform:translateY(0)scale(1)}50%{opacity:1;transform:translateY(-12px)scale(1.25)}}.floating-signal{z-index:3;color:#c8c8d0;font:500 9px var(--font-mono);letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#101114e8;border:1px solid #3d3f49;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;display:flex;position:absolute;box-shadow:0 16px 36px #0007}.floating-signal svg{color:var(--accent-hover)}.signal-import{animation:5s ease-in-out infinite signal-float;top:94px;left:-38px}.signal-compose{animation:5.8s ease-in-out .8s infinite reverse signal-float;bottom:74px;right:-44px}@keyframes signal-float{0%,to{transform:translateY(0)rotate(-1deg)}50%{transform:translateY(-8px)rotate(1deg)}}@keyframes hero-preview-enter{0%{opacity:0;transform:translateY(14px)scale(.988)}to{opacity:1;transform:translateY(0)scale(1)}}.demo-window{border:1px solid var(--line-strong);background:var(--surface);transform:perspective(1100px) rotateX(var(--pointer-rotate-x)) rotateY(var(--pointer-rotate-y)) rotateZ(1deg);transition:transform .18s var(--ease-out);border-radius:16px;overflow:hidden;box-shadow:0 28px 80px #00000052}.demo-toolbar{background:#1b1a24;border-bottom:1px solid #373143;align-items:center;gap:6px;padding:15px 18px;display:flex}.demo-dot{background:#656279;border-radius:50%;width:7px;height:7px}.demo-file{font-family:var(--font-mono);color:#c0b4d7;margin-left:auto;font-size:10px}.demo-live{color:#aaa7b3;font:600 8px var(--font-mono);letter-spacing:.09em;align-items:center;gap:5px;margin-left:9px;display:inline-flex}.demo-live i{background:var(--success);border-radius:50%;width:5px;height:5px;animation:2s ease-out infinite live-pulse;box-shadow:0 0 #6ee7b766}@keyframes live-pulse{0%{box-shadow:0 0 #6ee7b766}70%,to{box-shadow:0 0 0 7px #0000}}.demo-content{animation:demo-content-enter .18s var(--ease-out) both;padding:26px}@keyframes demo-content-enter{0%{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.demo-heading{align-items:center;gap:12px;display:flex}.demo-avatar{width:43px;height:43px;font-family:var(--font-mono);background:linear-gradient(135deg,#6366f1,#913fc8);border-radius:12px;place-items:center;font-size:16px;font-weight:600;display:grid}.demo-heading h2{margin:0 0 5px;font-size:18px}.demo-heading small{color:var(--muted);font-size:11px}.demo-content>p{color:#b6c0d3;margin:20px 0;font-size:12px}.demo-skills{flex-wrap:wrap;gap:7px;display:flex}.demo-skills span{font-family:var(--font-mono);color:#ddcefa;background:#242037;border:1px solid #4c4167;border-radius:5px;padding:5px 9px;font-size:10px}.demo-section-title{border-bottom:1px solid var(--line);margin:25px 0 12px;padding-bottom:10px;font-size:12px;font-weight:600}.demo-project{border:1px solid #383b4a;border-radius:9px;margin:8px 0;padding:14px}.demo-project strong{color:#bda9f1;font-size:12px}.demo-project p{color:var(--muted);margin:6px 0 9px;font-size:11px}.demo-project small{color:#c5cddd;align-items:center;gap:6px;font-size:10px;display:flex}.language-dot{background:#67e8f9;border-radius:50%;width:7px;height:7px;display:inline-block}.demo-caption{font-family:var(--font-mono);text-align:center;color:var(--muted);margin-top:16px;font-size:10px;line-height:1.7}.demo-mode-row{justify-content:flex-end;gap:8px;margin-bottom:12px;display:flex}.demo-mode-row button{font-size:10px;font-family:var(--font-mono);color:#b9c2d2;background:0 0;border:1px solid #3d3c4a;border-radius:20px;min-height:36px;padding:7px 12px}.demo-mode-row button[aria-pressed=true]{color:#e3d3ff;background:#282139;border-color:#a78bfa}.signal-rail{border:1px solid var(--line);background:#0d0e12;border-radius:999px;margin:-12px 0 38px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000)}.signal-track{width:max-content;animation:24s linear infinite signal-scroll;display:flex}.signal-rail:hover .signal-track{animation-play-state:paused}.signal-sequence{color:#888894;min-height:44px;font:500 9px var(--font-mono);letter-spacing:.12em;align-items:center;gap:20px;padding:0 20px;display:flex}.signal-sequence span{white-space:nowrap;align-items:center;gap:7px;display:inline-flex}.signal-sequence span svg{color:#a99df8}.signal-sequence i{color:#4c4e58;font-style:normal}.signal-sequence b{color:#7166b5;font-size:12px}@keyframes signal-scroll{to{transform:translate(-50%)}}.proof-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:24px;padding:26px 0;display:grid}.proof-item{align-items:flex-start;gap:13px;display:flex}.proof-item svg{color:#bda9f1;margin-top:2px}.proof-item strong{margin-bottom:4px;font-size:13px;font-weight:500;display:block}.proof-item p{color:var(--muted);margin:0;font-size:12px}.landing-section{padding:80px 0;scroll-margin-top:20px}.landing.motion-ready .reveal-item{opacity:0;transition:opacity .46s var(--ease-out), transform .52s var(--ease-out);transition-delay:var(--reveal-delay,0s);will-change:opacity, transform;transform:translateY(16px)}.landing.motion-ready .reveal-item.is-visible{opacity:1;will-change:auto;transform:translateY(0)}.landing-section h2{letter-spacing:-1.2px;margin-bottom:15px;font-size:34px;font-weight:500}.section-subtitle{color:var(--muted);max-width:550px;font-size:15px}.how-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px;display:grid}.how-card{border:1px solid var(--line);transition:border-color .16s var(--ease-standard), background-color .16s var(--ease-standard), transform .22s var(--ease-out);background:linear-gradient(140deg,#171720,#111217);border-radius:13px;padding:26px;position:relative;overflow:hidden}.how-card:hover{border-color:#444650;transform:translateY(-2px)}.how-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#8b7cf612,#0000 68%);border-radius:50%;height:130px;position:absolute;inset:auto -30% -60% 20%}.how-graphic{background:#0d0e12;border:1px solid #292b32;border-radius:10px;height:74px;margin:-2px 0 22px;position:relative;overflow:hidden}.how-graphic-import{align-content:center;gap:6px;padding:14px;display:grid}.how-graphic-import span{transform-origin:0;height:8px;animation:repo-arrive 3.6s var(--ease-out) infinite;background:linear-gradient(90deg,#8174e8 0 4px,#1b1c23 4px);border:1px solid #393b45;border-radius:3px}.how-graphic-import span:nth-child(2){width:84%;animation-delay:.15s}.how-graphic-import span:nth-child(3){width:68%;animation-delay:.3s}@keyframes repo-arrive{0%,15%{opacity:.35;transform:translate(-8px)scaleX(.92)}32%,to{opacity:1;transform:translate(0)scaleX(1)}}.how-graphic-style{justify-content:center;align-items:center;gap:8px;display:flex}.how-graphic-style span{width:34px;height:42px;animation:palette-shift 4.6s var(--ease-out) infinite;background:#18191f;border:1px solid #454752;border-radius:6px}.how-graphic-style span:first-child{background:#17181d;transform:rotate(-8deg)}.how-graphic-style span:nth-child(2){background:#28223a;border-color:#7166b5;animation-delay:.18s;transform:translateY(-5px)}.how-graphic-style span:nth-child(3){background:linear-gradient(145deg,#12333b,#32225a);animation-delay:.36s;transform:rotate(8deg)}@keyframes palette-shift{0%,to{filter:saturate(.8)}50%{filter:saturate(1.25)brightness(1.08)}}.how-graphic-export{place-content:center;gap:6px;padding:16px 28px;display:grid}.how-graphic-export span{background:#555762;border-radius:999px;width:82px;height:3px;display:block}.how-graphic-export span:nth-child(2){background:#7770a8;width:58px}.how-graphic-export i{width:18px;height:18px;animation:export-ring 2.4s var(--ease-out) infinite;border:1px solid #8174e8;border-radius:50%;position:absolute;bottom:15px;right:22px}@keyframes export-ring{0%,35%{opacity:0;transform:scale(.55)}55%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.45)}}.how-number{font-family:var(--font-mono);color:#c4b5fd;margin-bottom:30px;font-size:12px;display:block}.how-card h3{margin-bottom:12px;font-size:17px;font-weight:500}.how-card p{color:var(--muted);margin:0;font-size:13px}.direction-showcase{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:minmax(260px,.72fr) minmax(560px,1.28fr);align-items:center;gap:64px;min-height:590px;display:grid}.direction-copy h2{max-width:470px}.direction-stage{perspective:1200px;min-height:420px;position:relative}.direction-stage:before{content:"";filter:blur(12px);background:radial-gradient(#6f5ed824,#0000 68%);border-radius:50%;position:absolute;inset:14% 5% 0}.direction-sheet{width:min(340px,58%);min-height:300px;transform-style:preserve-3d;transition:transform .52s var(--ease-out), border-color .18s var(--ease-standard), filter .3s var(--ease-standard);background:#111216ef;border:1px solid #3a3c46;border-radius:14px;padding:28px;position:absolute;top:48px;left:50%;box-shadow:0 28px 60px #0008}.direction-sheet:after{content:"";border-radius:inherit;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff10}.direction-sheet strong{letter-spacing:-1px;margin:32px 0 12px;font-size:26px;display:block}.direction-sheet p{color:#a1a1aa;font-size:12px}.direction-sheet small,.sheet-kicker{color:#9992cc;font:500 8px var(--font-mono);letter-spacing:.13em}.sheet-rule{background:#42434b;height:1px;margin:64px 0 16px}.sheet-metrics{grid-template-columns:repeat(3,1fr);gap:6px;margin:48px 0 19px;display:grid}.sheet-metrics i{color:#c4bdfd;font:500 14px var(--font-mono);text-align:center;border:1px solid #3e3a50;border-radius:6px;padding:12px 4px}.sheet-wave{clip-path:polygon(0 18%,100% 0,100% 70%,73% 52%,48% 78%,23% 50%,0 70%);background:linear-gradient(110deg,#135d68,#3348a8 55%,#6d28a8);height:58px;margin:35px -28px 18px}.direction-editorial{z-index:1;filter:brightness(.72);transform:translate(-118%)rotateY(13deg)rotate(-5deg)scale(.88)}.direction-studio{z-index:3;border-color:#655d86;transform:translate(-50%)translateY(-12px)}.direction-aurora{z-index:2;filter:brightness(.78);transform:translate(18%)rotateY(-13deg)rotate(5deg)scale(.88)}.direction-stage:hover .direction-editorial{filter:brightness(.9);transform:translate(-126%)rotateY(7deg)rotate(-7deg)scale(.91)}.direction-stage:hover .direction-studio{transform:translate(-50%)translateY(-22px)scale(1.02)}.direction-stage:hover .direction-aurora{filter:brightness(.94);transform:translate(26%)rotateY(-7deg)rotate(7deg)scale(.91)}.privacy-section{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:60px;display:grid}.privacy-list{flex-direction:column;gap:18px;display:flex}.privacy-item{align-items:flex-start;gap:12px;display:flex}.privacy-item svg{color:#a7f3d0;margin-top:4px}.privacy-item strong{font-size:14px;font-weight:500}.privacy-item p{color:var(--muted);margin:6px 0 0;font-size:13px}.faq-section{border-top:1px solid var(--line);max-width:780px;margin:auto}.faq-section .disclosure{margin-top:12px}.faq-section .disclosure p{color:var(--muted);padding-bottom:8px;font-size:14px}.closing-cta{text-align:center;background:radial-gradient(at top,#39265355,#0000 80%),#13121c;border:1px solid #4a3c63;border-radius:16px;margin-bottom:70px;padding:48px 28px}.closing-cta h2{letter-spacing:-1px;font-size:29px;font-weight:500}.closing-cta p{color:var(--muted);margin-bottom:24px;font-size:14px}.site-footer{border-top:1px solid var(--line);max-width:1240px;color:var(--muted);justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:28px 32px;font-size:12px;display:flex}.site-footer div{gap:22px;display:flex}.site-footer a{color:#c5bcdf}@media (width>=1800px){.builder-grid{grid-template-columns:460px minmax(0,1fr)}}@media (width<=1050px){.hero-grid{gap:32px;padding-top:65px}.hero-copy h1{letter-spacing:-2px;font-size:45px}.direction-showcase{grid-template-columns:1fr;gap:18px}.direction-copy{max-width:600px}.direction-stage{width:min(720px,100%);margin:auto}.builder-grid{grid-template-columns:minmax(320px,380px) minmax(0,1fr);gap:24px}.builder-main,.builder-header{padding-left:22px;padding-right:22px}.preview-body{padding:22px}.file-label{display:none}}@media (width<=800px){.hero-grid{grid-template-columns:1fr;gap:42px;min-height:0;padding:55px 0}.hero-copy{max-width:570px}.hero-copy h1{font-size:52px}.hero-demo{width:100%;max-width:540px;margin:auto}.floating-signal{display:none}.hero-orbit{opacity:.7;inset:-70px -50px}.signal-rail{margin-top:4px}.demo-window{transform:none}.proof-strip{grid-template-columns:1fr;gap:22px;padding:28px 0}.how-grid{grid-template-columns:1fr;gap:14px}.how-card{padding:23px}.how-number{margin-bottom:16px}.privacy-section{grid-template-columns:1fr;gap:26px}.landing-section{padding:55px 0}.direction-showcase{min-height:0}.direction-stage{min-height:390px}.builder-grid{display:block}.mobile-tabs{display:flex!important}.mobile-hidden{display:none}.builder-controls{flex-direction:column;align-items:stretch;gap:15px}.steps{justify-content:space-between;gap:2px}.steps button{padding-right:12px}.mobile-tabs button{flex:1}.builder-header{height:70px}.builder-main{padding-top:20px}.editor-panel{max-width:600px;margin:auto}.preview-body{min-height:350px}.empty-preview{min-height:330px}.header-actions{gap:16px}.preview-column{max-width:720px;margin:auto}.draft-settings{margin-bottom:30px}}@media (width<=480px){.workflow-stack{gap:14px;margin-top:20px}.site-nav,.landing-main{padding-left:20px;padding-right:20px}.nav-links{gap:15px}.nav-links .nav-source{display:none}.brand{font-size:16px}.brand-mark{width:31px;height:31px}.hero-copy h1{letter-spacing:-1.9px;font-size:41px}.hero-copy>p{font-size:15px}.hero-actions .btn-primary,.hero-actions .btn-secondary{padding:12px 14px;font-size:12px}.demo-content{padding:21px}.demo-file{display:none}.demo-live{margin-left:auto}.signal-rail{border-left:0;border-right:0;border-radius:0;margin-left:-20px;margin-right:-20px}.direction-stage{min-height:325px}.direction-sheet{width:64%;min-height:246px;padding:18px;top:30px}.direction-sheet strong{margin-top:23px;font-size:19px}.sheet-rule{margin-top:46px}.sheet-metrics{margin-top:32px}.sheet-wave{margin:27px -18px 16px}.direction-editorial{transform:translate(-108%)rotateY(8deg)rotate(-4deg)scale(.84)}.direction-aurora{transform:translate(8%)rotateY(-8deg)rotate(4deg)scale(.84)}.landing-section h2{font-size:28px}.site-footer{flex-direction:column;align-items:flex-start;padding:25px 20px}.site-footer div{gap:18px}.builder-main,.builder-header{padding-left:16px;padding-right:16px}.header-actions>a{display:none}.section-intro h1{font-size:25px}.preview-body{padding:20px 17px}.preview-toolbar{padding:11px}.preview-footer{flex-wrap:wrap}.preview-card>.notice{margin:10px}.section-options{gap:2px 7px}.check-option{font-size:12px}.preset-grid{gap:6px}.signature-grid{grid-template-columns:1fr}.signature-card{min-height:0}.signature-preview{height:30px}.creation-paths{grid-template-columns:1fr}.creation-path{min-height:150px}.choice{padding:11px 8px}.choice strong{font-size:12px}.choice span{font-size:10px}.md-preview h1{font-size:24px}.md-preview img[align]{float:none;margin:12px 0;display:block}.closing-cta{padding:34px 20px}.closing-cta h2{font-size:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=800px){.step-frame.step-exit,.step-frame.step-exit.step-backward{animation-name:step-exit-mobile}.step-frame.step-enter,.step-frame.step-enter.step-backward{animation-name:step-enter-mobile}.builder-controls{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#09090bf5;padding:10px 0;position:sticky;top:0}.preview-card,.publish-guide{scroll-margin-top:135px}.step-content h1{scroll-margin-top:150px}}@keyframes step-exit-mobile{to{opacity:0;transform:translateY(-6px)}}@keyframes step-enter-mobile{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.widget-check{padding:0 18px 12px}.widget-check>.help{margin-top:0}.widget-check>.notice{margin-top:12px;margin-bottom:0}.widget-check .notice .text-button{text-align:left;display:block}@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}