:root{--bg: #050505;--bg2: #0A0A0A;--surface: #111111;--surface-2: #171717;--surface-3: #1C1C1C;--border: #222222;--border-subtle: #1A1A1A;--border-strong: #3A3A3A;--text: #F2F2F0;--text-2: #D4D4D4;--muted: #B0B0B0;--faint: #8A8A8A;--status: #A3A3A3;--status-soft: rgba(163, 163, 163, .12);--warn: #C9A06A;--error: #C28A8A;--r-xs: 2px;--r-sm: 3px;--r-md: 4px;--r-lg: 6px;--font-display: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body: "Source Sans 3", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", monospace;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--sp-10: 64px;--shadow-sm: none;--shadow-md: 0 1px 0 rgba(0,0,0,.6);--shadow-lg: none}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{scroll-snap-type:y proximity}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto;scroll-snap-type:none}}a,button,.mkt-cat,.mkt-gitem,.dt-card,.proj-card,.order-row,.co-method,.topup-amt,.side-nav a,.btn-new,.faq-item{transition:color .18s ease,background-color .18s ease,border-color .18s ease,transform .18s ease,opacity .18s ease,box-shadow .18s ease}.page,.mkt-section,.mkt-hero-inner{animation:fadeUp .4s ease both}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.mkt-gitem img,.proj-thumb img{transition:transform .4s ease}.mkt-gitem:hover img,.proj-card:hover .proj-thumb img{transform:scale(1.03)}body{font-family:var(--font-body);background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-weight:400}#root{position:relative;z-index:1}a{color:var(--text-2);cursor:pointer;text-decoration:none}a:hover{color:var(--text)}button{cursor:pointer;font-family:inherit}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-.015em;color:var(--text);text-transform:none;margin:0}::selection{background:#2a2a2a;color:#f2f2f0}*{scrollbar-width:thin;scrollbar-color:#2A2A2A transparent}*::-webkit-scrollbar{width:8px;height:8px}*::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:0}*::-webkit-scrollbar-track{background:transparent}input,textarea,select{background:var(--bg2);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r-sm);padding:12px 14px;font-size:15px;font-family:inherit;width:100%;outline:none;transition:border-color .15s,background .15s;-webkit-appearance:none;-moz-appearance:none;appearance:none}input::placeholder,textarea::placeholder{color:#6e6e6e}input:hover,textarea:hover,select:hover{border-color:#4a4a4a}input:focus,textarea:focus,select:focus{border-color:#6a6a6a;background:var(--surface);box-shadow:none}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23A3A3A3' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}input[type=checkbox],input[type=radio]{width:15px;height:15px;padding:0;margin:0 6px 0 0;accent-color:#F2F2F0;vertical-align:-2px;cursor:pointer}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}textarea{resize:vertical;min-height:80px}label{display:block;margin-bottom:8px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-family:var(--font-mono);font-weight:500}button.primary,.primary{background:#f2f2f0;color:#050505;border:1px solid #F2F2F0;border-radius:var(--r-sm);padding:12px 22px;font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:none;font-family:var(--font-body);transition:background .15s,color .15s}button.primary:hover,.primary:hover{background:#d4d4d4;border-color:#d4d4d4;color:#050505}button.primary:active{transform:translateY(1px)}button.primary:disabled,.primary:disabled{opacity:.4;cursor:not-allowed}button.ghost,.ghost{background:transparent;color:var(--text-2);border:1px solid var(--border-strong);border-radius:var(--r-sm);padding:12px 22px;font-size:13px;font-weight:500;letter-spacing:.02em;text-transform:none;font-family:var(--font-body);transition:border-color .15s,color .15s}button.ghost:hover,.ghost:hover{border-color:#6a6a6a;color:var(--text)}button.ghost:disabled{opacity:.4;cursor:not-allowed}button.link{background:none;border:none;color:var(--muted);font-family:var(--font-body);font-size:13px;letter-spacing:0}button.link:hover{color:var(--text)}button.big{padding:16px 30px;font-size:15px}.mono{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500}.alert{background:#c28a8a14;border:1px solid #3A2A2A;color:#d4a8a8;padding:11px 14px;border-radius:var(--r-sm);font-size:14px;margin-bottom:14px}.ok{background:#a3a3a314;border:1px solid var(--border-strong);color:var(--text-2);padding:11px 14px;border-radius:var(--r-sm);font-size:14px;margin-bottom:14px}.mkt{min-height:100vh;background:var(--bg)}.mkt-header{position:sticky;top:0;z-index:50;background:#050505eb;border-bottom:1px solid var(--border-subtle)}.mkt-header-inner{max-width:1240px;margin:0 auto;padding:0 32px;height:60px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:.16em;text-transform:uppercase;color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none}.brand .brand-dot{display:none}.brand .brand-mark{width:22px;height:22px;object-fit:contain;display:inline-block}.brand span{color:var(--muted)}.brand.big{font-size:20px}.mkt-nav{display:flex;align-items:center;gap:0}.mkt-nav a{color:var(--muted);font-family:var(--font-body);font-size:13px;font-weight:500;letter-spacing:0;text-transform:none;padding:8px 16px;border-radius:0;border-left:1px solid transparent;transition:color .15s}.mkt-nav a:first-child{border-left:none}.mkt-nav a:hover{color:var(--text);background:none}.mkt-cta{display:flex;align-items:center;gap:14px}.mkt-hero{position:relative;padding:96px 32px 72px;border-bottom:1px solid var(--border-subtle);overflow:hidden}.mkt-hero:before{display:none}.mkt-hero-inner{position:relative;max-width:1240px;margin:0 auto}.mkt-hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:start}.mkt-hero-brand{font-family:var(--font-mono);font-weight:500;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:20px;display:flex;align-items:center;gap:14px}.mkt-hero-brand .word{color:var(--text);font-family:var(--font-display);font-weight:600;letter-spacing:.16em;font-size:13px}.brand-status{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--muted);border:1px solid var(--border-strong);padding:3px 8px;font-weight:400;display:flex;align-items:center;gap:6px}.brand-status i{width:6px;height:6px;background:var(--status);border-radius:50%;animation:pulse 1.8s ease-in-out infinite}.mkt-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border-strong);padding:5px 10px;border-radius:var(--r-sm);margin-bottom:24px;font-weight:500}.mkt-hero h1{font-size:clamp(56px,9vw,120px);font-weight:600;line-height:.98;letter-spacing:-.03em;margin:0 0 16px;text-transform:none}.mkt-hero h1 .hl{color:var(--text-2)}.mkt-sub{max-width:540px;font-size:17px;color:var(--muted);line-height:1.65;margin:20px 0 30px;font-weight:400}.mkt-hero-cta{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.mkt-hero-hint{font-family:var(--font-mono);font-size:11px;color:var(--faint);margin-top:24px;letter-spacing:.08em}.mkt-telemetry{background:var(--bg2);border:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:12px}.tel-head{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-subtle);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tel-live{color:var(--muted);display:flex;align-items:center;gap:6px}.tel-live i{width:6px;height:6px;background:var(--status);border-radius:50%;animation:pulse 1.8s ease-in-out infinite}.tel-row{display:flex;justify-content:space-between;align-items:center;padding:10px 16px;border-bottom:1px solid var(--border-subtle);color:var(--muted);letter-spacing:.04em;font-size:12px}.tel-row span:first-child{color:var(--faint);letter-spacing:.08em;flex-shrink:0;text-transform:uppercase;font-size:10px}.tel-row span:last-child{color:var(--text-2);text-align:right}.tel-row .tel-ok{color:var(--text-2)}.tel-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;color:var(--faint);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.tel-bars{display:flex;gap:3px}.tel-bars i{width:3px;height:12px;background:var(--border-strong)}.tel-bars i:nth-child(1),.tel-bars i:nth-child(2),.tel-bars i:nth-child(3){background:#6a6a6a}.tel-bars i:nth-child(4){background:#4a4a4a}.doctrine{position:relative;margin:56px 0 0;min-height:150px;border-top:1px solid var(--border-subtle);padding-top:32px}.doctrine-meta{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--faint);margin-bottom:16px;display:flex;align-items:center;gap:10px;font-weight:500}.doctrine-meta .dot{width:6px;height:6px;background:var(--status);animation:pulse 1.8s ease-in-out infinite}.doctrine-statement{font-family:var(--font-display);font-weight:600;text-transform:none;font-size:clamp(48px,8vw,104px);line-height:1;letter-spacing:-.03em;color:var(--text);white-space:nowrap;overflow:hidden;min-height:1em}.doctrine-statement .cursor{display:inline-block;width:3px;height:.82em;background:#6a6a6a;margin-left:8px;vertical-align:-.04em;animation:blink 1s step-end infinite}.doctrine-sub{font-family:var(--font-mono);font-size:13px;color:var(--muted);letter-spacing:.04em;margin-top:18px}.doctrine-sub:before{content:"// ";color:var(--faint);font-weight:400}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.mkt-hero-types{position:relative;max-width:1240px;margin:56px auto 0;display:flex;flex-wrap:wrap;gap:0}.mkt-htype{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid var(--border-subtle);border-right:none;padding:10px 18px;font-size:13px;color:var(--muted);font-weight:400;font-family:var(--font-body);text-transform:none;letter-spacing:0}.mkt-htype:last-child{border-right:1px solid var(--border-subtle)}.mkt-htype .mkt-htype-icon{color:var(--faint);display:flex}.mkt-htype.live{color:var(--text)}.mkt-htype-live,.mkt-htype-soon{font-size:10px;color:var(--faint);font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase}.mkt-section{padding:96px 32px;border-bottom:1px solid var(--border-subtle);scroll-snap-align:start}.mkt-alt{background:var(--bg2)}.mkt-section-inner{max-width:1240px;margin:0 auto}.mkt-section-inner.narrow{max-width:840px}.mkt-section h2{font-size:clamp(32px,4.5vw,52px);font-weight:600;letter-spacing:-.02em;margin:0 0 16px}.mkt-section .sec-num{font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:.16em;display:block;margin-bottom:18px;text-transform:uppercase;font-weight:500}.mkt-lede{color:var(--muted);font-size:17px;margin:0 0 44px;max-width:620px;line-height:1.6}.mkt-about{text-align:center}.mkt-about .mkt-section-inner{max-width:760px}.mkt-about h2{font-size:clamp(34px,5vw,58px)}.mkt-about-p{color:var(--muted);font-size:19px;line-height:1.7;margin:0 0 22px}.mkt-about-strong{font-family:var(--font-display);font-weight:600;color:var(--text);font-size:24px;letter-spacing:-.01em}.mkt-demo-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:stretch}.mkt-demo-card{background:var(--surface);border:1px solid var(--border);padding:28px}.mkt-demo-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin-bottom:16px;font-weight:500}.mkt-demo-label.ai{color:var(--muted);margin-top:28px}.mkt-demo-prompt{font-size:16px;color:var(--text);line-height:1.7}.mkt-demo-arrow{color:var(--faint);font-size:22px;margin:18px 0 4px}.mkt-demo-extract{list-style:none;padding:0;margin:0}.mkt-demo-extract li{padding:9px 0;border-bottom:1px solid var(--border-subtle);font-size:14px;color:var(--text-2)}.mkt-demo-extract b{color:var(--muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;margin-right:12px;text-transform:uppercase}.mkt-demo-img{position:relative}.mkt-demo-img img{width:100%;display:block;border:1px solid var(--border)}.mkt-demo-caption{font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.08em;padding:8px 0 0}.demo-fade{animation:demoFade .6s ease}@keyframes demoFade{0%{opacity:.2}to{opacity:1}}.mkt-types-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border-subtle)}.mkt-type{background:transparent;border:1px solid var(--border-subtle);padding:28px 24px;transition:background .15s;border-radius:0}.mkt-type:hover,.mkt-type.live{background:var(--bg2)}.mkt-type-icon{width:40px;height:40px;border:1px solid var(--border);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;margin-bottom:18px;border-radius:0}.mkt-type-name{font-family:var(--font-display);font-weight:600;text-transform:none;font-size:16px;letter-spacing:0;margin-bottom:8px}.mkt-type-desc{color:var(--muted);font-size:13.5px;line-height:1.5;margin-bottom:16px}.mkt-type-live,.mkt-type-soon{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.mkt-type-live,.mkt-type-soon{color:var(--faint)}.mkt-steps{display:grid;grid-template-columns:repeat(6,1fr);gap:0;border-top:1px solid var(--border)}.mkt-step{position:relative;border-top:1px solid var(--border);padding:20px 20px 0 0}.mkt-step-num{font-family:var(--font-mono);font-size:13px;font-weight:500;color:var(--muted);margin-bottom:12px}.mkt-step h3{font-size:14px;letter-spacing:.01em;margin:0 0 8px;font-weight:600;text-transform:none}.mkt-step p{color:var(--muted);font-size:13px;line-height:1.5;margin:0}.mkt-step-conn{position:absolute;top:-1px;right:0;width:16px;height:1px;background:#3a3a3a}.mkt-step-conn:after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid #3A3A3A;border-right:1px solid #3A3A3A;transform:rotate(45deg)}.mkt-cats{display:flex;gap:0;flex-wrap:wrap;margin-bottom:32px}.mkt-cat{background:transparent;border:1px solid var(--border-subtle);border-right:none;color:var(--muted);font-family:var(--font-body);font-size:13px;letter-spacing:0;text-transform:none;padding:9px 18px;border-radius:0}.mkt-cat:last-child{border-right:1px solid var(--border-subtle)}.mkt-cat.active{color:var(--text);background:var(--surface)}.mkt-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mkt-gitem{position:relative;border:1px solid var(--border);background:var(--surface);cursor:pointer;overflow:hidden;transition:border-color .15s;border-radius:0}.mkt-gitem:hover{border-color:var(--border-strong)}.mkt-gitem.featured{grid-column:span 2;grid-row:span 2}.mkt-gitem-frame{background:var(--bg2);border-bottom:1px solid var(--border-subtle)}.mkt-gitem img{width:100%;display:block}.mkt-gitem.featured img{object-fit:cover;height:100%}.mkt-gitem-meta{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-top:1px solid var(--border-subtle)}.mkt-gitem-cat{font-family:var(--font-mono);font-size:9px;color:var(--faint);letter-spacing:.12em;text-transform:uppercase}.mkt-gitem-title{font-size:12.5px;color:var(--text-2)}.mkt-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mkt-plan{background:var(--surface);border:1px solid var(--border);padding:32px 28px;position:relative;border-radius:0}.mkt-plan.featured{border-color:#6a6a6a}.mkt-plan-flag{position:absolute;top:-1px;left:-1px;background:#f2f2f0;color:#050505;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:5px 12px;border-radius:0;font-weight:600}.mkt-plan h3{font-size:18px;margin:0 0 14px;font-weight:600}.mkt-price{font-family:var(--font-display);font-size:48px;font-weight:600;line-height:1;margin-bottom:16px;letter-spacing:-.02em}.mkt-price span{font-family:var(--font-mono);font-size:13px;color:var(--faint);font-weight:400;letter-spacing:.04em}.mkt-plan p{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 18px;min-height:44px}.mkt-plan-feats{list-style:none;padding:0;margin:0 0 24px;border-top:1px solid var(--border-subtle)}.mkt-plan-feats li{padding:10px 0;border-bottom:1px solid var(--border-subtle);font-size:13.5px;color:var(--text-2);display:flex;align-items:center;gap:10px}.mkt-plan-feats li span{color:var(--faint);font-size:12px}.mkt-reassure{text-align:center;font-family:var(--font-mono);font-size:11px;color:var(--faint);letter-spacing:.08em;margin-top:32px;text-transform:uppercase}.mkt-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0;border:1px solid var(--border-subtle)}.mkt-trust{display:flex;gap:16px;align-items:flex-start;padding:24px;border:1px solid var(--border-subtle)}.mkt-trust-check{color:var(--faint);font-size:18px;font-weight:600}.mkt-trust h3{font-size:14px;letter-spacing:0;margin:0 0 6px;font-weight:600;text-transform:none}.mkt-trust p{color:var(--muted);font-size:13.5px;line-height:1.5;margin:0}.mkt-faq{border-top:1px solid var(--border)}.faq-item{border-bottom:1px solid var(--border);cursor:pointer;padding:20px 0}.faq-q{display:flex;justify-content:space-between;align-items:center;font-weight:500;font-size:16px;color:var(--text)}.faq-caret{color:var(--faint);font-size:22px}.faq-a{color:var(--muted);font-size:15px;padding-top:12px;line-height:1.65}.mkt-cta-band{padding:112px 32px;text-align:center;border-bottom:1px solid var(--border-subtle)}.mkt-cta-band h2{font-size:clamp(36px,5.5vw,64px);margin:0 0 28px;font-weight:600;letter-spacing:-.02em}.mkt-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000db;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px}.mkt-modal-inner{background:var(--bg2);border:1px solid var(--border-strong);max-width:900px;width:100%;max-height:90vh;overflow:auto;border-radius:0}.mkt-modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.mkt-modal-close{background:none;border:none;color:var(--muted);font-size:22px}.mkt-modal-close:hover{color:var(--text)}.mkt-modal-inner img{width:100%;display:block}.mkt-modal-actions{padding:16px 18px;border-top:1px solid var(--border-subtle)}.mkt-footer{background:var(--bg2);border-top:1px solid var(--border-subtle);padding:72px 32px 36px}.mkt-footer-inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.mkt-col h4{font-size:11px;font-family:var(--font-mono);letter-spacing:.14em;color:var(--faint);margin:0 0 18px;text-transform:uppercase;font-weight:500}.mkt-col a{display:block;color:var(--muted);font-size:14px;padding:5px 0}.mkt-col a:hover{color:var(--text)}.mkt-tag{color:var(--muted);font-size:14px;max-width:320px;line-height:1.6;margin-top:16px}.mkt-footer-bottom{max-width:1240px;margin:44px auto 0;padding-top:22px;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.08em;text-transform:uppercase}.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg);position:relative}.auth-card{width:100%;max-width:420px;background:var(--bg2);border:1px solid var(--border);padding:44px 40px 40px;position:relative;border-radius:0}.auth-card:before{content:"";position:absolute;top:-1px;left:-1px;right:-1px;height:1px;background:#f2f2f0}.auth-card .brand{margin-bottom:8px;font-size:17px}.auth-sys{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;color:var(--faint);text-transform:uppercase;margin-bottom:32px;font-weight:500}.auth-sys .on{color:var(--muted)}.auth-card h1{font-size:28px;margin:0 0 8px;font-weight:600;letter-spacing:-.02em}.auth-sub{color:var(--muted);font-size:14px;margin:0 0 28px}.auth-card input{margin-bottom:14px}.auth-card button.primary{width:100%;margin-top:6px}.auth-links{display:flex;justify-content:space-between;margin-top:20px;font-size:13.5px;color:var(--muted)}.auth-links a{font-family:var(--font-body);font-size:13.5px;text-transform:none;letter-spacing:0}.shell{display:flex;min-height:100vh}.sidebar{width:232px;flex-shrink:0;background:var(--bg2);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;padding:20px 14px;position:sticky;top:0;height:100vh}.sidebar .brand{padding:0 10px;margin-bottom:26px}.side-nav{display:flex;flex-direction:column;gap:1px}.side-nav a,.btn-new,.side-studio-toggle{display:flex;align-items:center;gap:12px;color:var(--muted);padding:10px 12px;border-radius:var(--r-sm);font-size:13.5px;font-family:var(--font-body);text-transform:none;letter-spacing:0;transition:background .15s,color .15s;text-decoration:none;cursor:pointer;font-weight:500}.side-studio-toggle:hover{color:var(--text);background:var(--surface)}.side-chevron{margin-left:auto;display:flex;color:var(--faint)}.side-nav a:hover,.side-studio-toggle:hover{color:var(--text);background:var(--surface)}.side-nav a.active{color:var(--text);background:var(--surface);border-left:2px solid #F2F2F0}.btn-new{background:#f2f2f0;color:#050505;font-weight:600}.btn-new:hover{background:#d4d4d4;color:#050505}.side-nav a.btn-new,.btn-new,a.btn-new,.side-nav a.btn-new:hover,.btn-new:hover,a.btn-new:hover,.side-nav a.btn-new .side-label{color:#050505}.side-group-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:var(--faint);text-transform:uppercase;padding:20px 12px 8px;font-weight:500}.side-sub{display:flex;flex-direction:column;gap:0;padding-left:12px}.side-sub a{padding:8px 12px;font-size:13px}.side-sub a.disabled{color:var(--faint);cursor:default}.side-sub a.disabled:hover{background:none;color:var(--faint)}.side-sub .coming-soon{font-size:8px;color:var(--faint);margin-left:auto;letter-spacing:.1em;text-transform:uppercase}.side-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border-subtle)}.side-user{font-family:var(--font-mono);font-size:10px;color:var(--faint);padding:0 12px;margin-bottom:8px;word-break:break-all;letter-spacing:.03em}.side-logout{display:flex;align-items:center;gap:12px;padding:10px 12px}.side-balance{margin:0 0 18px;padding:0 12px}.side-balance .bal-label{font-family:var(--font-mono);font-size:9px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;margin-bottom:4px;font-weight:500}.side-balance .bal-amount{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text-2)}.side-balance .bal-credits-mini{font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.04em;margin-top:3px}.side-balance-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.side-topup{display:flex;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border-strong);color:var(--text-2);padding:6px 10px;border-radius:var(--r-sm);font-size:11.5px;font-family:var(--font-mono);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.side-topup:hover{background:#f2f2f0;color:#050505;border-color:#f2f2f0}.shell-main{flex:1;min-width:0}.shell.studio-shell .shell-main{display:flex;flex-direction:column}.page{padding:36px 40px;max-width:1240px;margin:0 auto;width:100%}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:28px;gap:20px;flex-wrap:wrap}.page-head h1{font-size:32px;margin:0 0 6px;font-weight:600;letter-spacing:-.02em}.page-sub{color:var(--muted);font-size:14px;margin:0}.page-head .sys-line{font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-top:10px;font-weight:500}.page-head .sys-line .on{color:var(--muted)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:36px;border:1px solid var(--border-subtle)}.stat{background:transparent;border:1px solid var(--border-subtle);padding:24px}.stat-ico{color:var(--faint);font-size:14px;margin-bottom:10px}.stat .n{font-family:var(--font-display);font-size:32px;font-weight:600;line-height:1;letter-spacing:-.02em}.stat .l{font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;margin-top:10px}h3{font-size:16px;letter-spacing:0;margin:0 0 18px;font-weight:600}.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.proj-card{background:var(--surface);border:1px solid var(--border);cursor:pointer;overflow:hidden;transition:border-color .15s;border-radius:0}.proj-card:hover{border-color:var(--border-strong)}.proj-thumb{position:relative;aspect-ratio:3/2;background:var(--bg2);overflow:hidden;border-bottom:1px solid var(--border-subtle)}.proj-thumb img{width:100%;height:100%;object-fit:cover;display:block}.proj-thumb-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;height:100%;color:var(--faint)}.proj-thumb-empty span{color:var(--faint);font-size:22px}.proj-thumb-empty em{font-size:11px;font-family:var(--font-mono);font-style:normal;letter-spacing:.04em}.proj-status{position:absolute;top:10px;left:10px;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;background:#050505e0;border:1px solid var(--border);color:var(--muted)}.proj-status.st-completed,.proj-status.st-review{color:var(--text-2)}.proj-status.st-generating{color:var(--warn)}.proj-status.st-cancelled{color:var(--faint)}.proj-body{padding:18px}.proj-name{font-weight:600;font-size:15px;margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:none;letter-spacing:0}.proj-type{font-size:10px;color:var(--faint);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:4px}.proj-meta{color:var(--faint);font-size:11px;display:flex;gap:6px;margin-bottom:14px;font-family:var(--font-mono)}.proj-paid{color:var(--text-2)}.proj-unpaid{color:#c28a8a}.proj-body button{width:100%;padding:10px;font-size:13px;margin:0}.empty-cta{text-align:center;padding:80px 20px;border:1px solid var(--border);border-radius:0}.empty-icon{color:var(--faint);font-size:30px;margin-bottom:16px}.empty-cta h2{font-size:24px;margin:0 0 8px;font-weight:600}.empty-cta p{color:var(--muted);font-size:14px;margin:0 0 24px}.create-page{max-width:1080px;margin:0 auto}.dt-cat{margin-bottom:36px}.dt-cat-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--faint);text-transform:uppercase;margin-bottom:16px;font-weight:500}.dt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--border-subtle)}.dt-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;background:transparent;border:1px solid var(--border-subtle);padding:24px;color:var(--text);cursor:pointer;transition:background .15s;border-radius:0}.dt-card:hover{background:var(--bg2)}.dt-card.soon{cursor:default}.dt-card.soon:hover{background:transparent}.dt-icon{width:40px;height:40px;border:1px solid var(--border);background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;margin-bottom:16px;border-radius:0}.dt-card.soon .dt-icon{color:var(--faint)}.dt-name{font-family:var(--font-display);font-weight:600;text-transform:none;font-size:15px;letter-spacing:0;margin-bottom:6px}.dt-desc{color:var(--muted);font-size:13px;line-height:1.5;margin-bottom:16px;flex:1}.dt-meta{display:flex;width:100%}.dt-dims{font-family:var(--font-mono);font-size:10px;color:var(--faint)}.dt-soon{font-family:var(--font-mono);font-size:9px;color:var(--faint);letter-spacing:.12em;text-transform:uppercase}.order-list{display:flex;flex-direction:column;gap:0;border:1px solid var(--border-subtle)}.order-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;background:transparent;border:1px solid var(--border-subtle);cursor:pointer;transition:background .15s;border-radius:0}.order-row:hover{background:var(--bg2)}.order-title{font-weight:600;font-size:15px;text-transform:none;letter-spacing:0}.order-meta{font-family:var(--font-mono);font-size:10.5px;color:var(--faint);margin-top:4px;letter-spacing:.04em}.order-badges{display:flex;gap:8px;flex-wrap:wrap}.badge{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;padding:4px 10px;border:1px solid;border-radius:var(--r-xs)}.badge.price{color:var(--muted);border-color:var(--border-strong)}.order-arrow{color:var(--faint);font-size:18px}.settings-card{background:var(--surface);border:1px solid var(--border);padding:32px;max-width:560px;margin:0;border-radius:var(--r-xs)}.settings-card h3{margin-bottom:24px}.form-col{display:flex;flex-direction:column;gap:16px}.form-col label{margin-bottom:0}.form-col input{margin-top:6px}.form-col button{width:100%}.balance-panel{background:var(--surface);border:1px solid var(--border);padding:32px;margin:0 0 24px;max-width:560px;border-radius:var(--r-xs)}.balance-panel .bal-big{font-family:var(--font-display);font-size:44px;font-weight:600;color:var(--text);margin-bottom:6px;letter-spacing:-.02em}.balance-panel .bal-sub{font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.1em;text-transform:uppercase;font-weight:500}.topup-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:20px 0 0;border:1px solid var(--border-subtle)}.topup-amt{background:transparent;border:1px solid var(--border-subtle);color:var(--text);padding:16px;font-family:var(--font-display);font-size:20px;font-weight:600;border-radius:0}.topup-amt.active{background:var(--surface-2);color:var(--text)}.topup-custom{margin:16px 0 0;max-width:280px}.topup-custom label{margin-bottom:6px}.topup-custom input{font-family:var(--font-mono);font-size:13px}.field-err{display:block;color:var(--error);font-size:11px;margin-top:6px;font-family:var(--font-mono);letter-spacing:.03em}.tx-list{margin-top:20px;border-top:1px solid var(--border-subtle)}.tx-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border-subtle);font-family:var(--font-mono);font-size:11px;color:var(--muted)}.tx-row .pos{color:var(--text-2)}.tx-section{margin-top:28px}.tx-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px}.tx-head>span:first-child{font-family:var(--font-display);font-size:15px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--text)}.tx-head-sub{font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.tx-list{margin-top:0}.tx-row.tx-cols{color:var(--faint);font-size:10px;letter-spacing:.08em;text-transform:uppercase}.tx-row{display:grid;grid-template-columns:88px 1fr 76px 92px;gap:12px;align-items:center}.tx-date{color:var(--faint)}.tx-action{color:var(--text-2);text-transform:uppercase;letter-spacing:.04em;font-size:10.5px}.tx-row .pos{color:var(--text-2);font-weight:600}.tx-row .neg{color:var(--error)}.tx-row .zero{color:var(--faint)}.tx-bal{color:var(--muted);text-align:right}.tx-row.tx-cols{grid-template-columns:88px 1fr 76px 92px}.tx-row.tx-cols span:nth-child(4){text-align:right}.studio{display:flex;flex:1;min-height:0;height:100vh}.studio-left{width:380px;flex-shrink:0;border-right:none;display:flex;flex-direction:column;background:var(--bg2)}.studio-divider{width:6px;flex-shrink:0;cursor:col-resize;background:var(--border-subtle);display:flex;align-items:center;justify-content:center;touch-action:none;user-select:none;-webkit-user-select:none}.studio-divider span{width:2px;height:40px;background:var(--border-strong);border-radius:1px;pointer-events:none}.studio-divider:hover,.studio-divider.active{background:#2a2a2a}.studio-divider:hover span,.studio-divider.active span{background:#6a6a6a}.studio-head{padding:16px 20px;border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:10px;flex-wrap:wrap}.studio-head h2{font-size:16px;margin:0;text-transform:none;letter-spacing:0;font-weight:600}.pill{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:4px 8px;border:1px solid var(--border);border-radius:var(--r-xs);color:var(--muted);font-weight:500}.pill.iter{color:var(--muted);border-color:var(--border-strong)}button.pill.buy-revise{background:transparent;border-color:var(--border-strong);color:var(--text-2);cursor:pointer}button.pill.buy-revise:hover{border-color:#6a6a6a}.pill.st-completed,.pill.st-review{color:var(--text-2)}.pill.st-generating{color:var(--warn)}.gen-eta{display:flex;align-items:center;gap:10px;padding:10px 20px;border-bottom:1px solid var(--border-subtle);background:var(--bg2);font-family:var(--font-mono);font-size:11px;letter-spacing:.04em}.gen-eta-dot{display:flex}.gen-eta-dot i{width:6px;height:6px;background:var(--warn);border-radius:50%;animation:pulse 1.4s ease-in-out infinite}.gen-eta-text{color:var(--text-2)}.gen-eta-time{margin-left:auto;color:var(--muted);letter-spacing:.06em}.clarify-box{margin-top:4px}.clarify-ask{display:inline-flex}.clarify-list{border-top:1px solid var(--border-subtle);padding-top:12px;display:flex;flex-direction:column;gap:12px}.clarify-item{background:var(--surface);border:1px solid var(--border);padding:12px 14px;border-radius:0}.clarify-q{font-size:13.5px;color:var(--text);font-weight:500}.clarify-hint{font-family:var(--font-mono);font-size:10.5px;color:var(--faint);margin:4px 0 10px;letter-spacing:.03em}.clarify-answer{display:flex;gap:8px}.clarify-answer input{flex:1;padding:9px 12px;font-size:13px}.clarify-answer button{padding:9px 16px;font-size:12.5px;flex-shrink:0}.chat{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:14px}.msg{font-size:14px;line-height:1.6;padding:12px 14px;border-radius:var(--r-sm)}.msg.user{background:var(--surface);border:1px solid var(--border);align-self:flex-end;max-width:85%;color:var(--text)}.msg.assistant{background:var(--bg2);border:1px solid var(--border-subtle);max-width:92%;color:var(--text-2)}.msg.typing .dots{display:inline-flex;gap:4px}.msg.typing .dots i{width:5px;height:5px;background:#6a6a6a;border-radius:50%;animation:pulse 1.2s ease-in-out infinite}.msg.typing .dots i:nth-child(2){animation-delay:.2s}.msg.typing .dots i:nth-child(3){animation-delay:.4s}.chat-nudge{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);padding:14px;border-radius:0}.chat-nudge-icon{color:var(--faint);font-size:18px}.chat-nudge-body{flex:1}.chat-nudge-body strong{display:block;font-size:13.5px;margin-bottom:3px}.chat-nudge-body span{font-size:12.5px;color:var(--muted)}.quick-actions{margin-top:4px}.qa-label{font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-weight:500}.qa-row{display:flex;flex-wrap:wrap;gap:7px}.qa-chip{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--font-body);font-size:12.5px;padding:7px 12px;border-radius:var(--r-xs);transition:border-color .15s,color .15s}.qa-chip:hover{border-color:#6a6a6a;color:var(--text)}.chat-input{padding:14px 20px;border-top:1px solid var(--border-subtle);display:flex;gap:10px}.chat-input textarea{min-height:44px;resize:none}.chat-input button{flex-shrink:0;align-self:flex-end}.studio-actions{padding:12px 20px;border-top:1px solid var(--border-subtle);display:flex;align-items:center;gap:8px;flex-wrap:wrap}.studio-actions button,.file-btn{font-family:var(--font-body);font-size:12.5px;letter-spacing:0;text-transform:none;background:transparent;border:1px solid var(--border);color:var(--muted);padding:9px 14px;border-radius:var(--r-sm)}.studio-actions button:hover,.file-btn:hover{color:var(--text);border-color:var(--border-strong)}.studio-actions button.gen{background:#f2f2f0;color:#050505;border-color:#f2f2f0;font-weight:600}.studio-actions button.gen:hover{background:#d4d4d4}.studio-actions button.unlock{background:#f2f2f0;color:#050505;border-color:#f2f2f0}.studio-actions button.paid-badge{color:var(--muted);border-color:var(--border-strong)}.action-sep{width:1px;height:22px;background:var(--border)}.studio-right{flex:1;min-width:0;overflow-y:auto;background:var(--bg)}.preview-head{position:sticky;top:0;z-index:5;background:var(--bg2);border-bottom:1px solid var(--border-subtle);padding:12px 20px;display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:500}.view-toggle{display:flex;gap:0}.view-toggle button{background:transparent;border:1px solid var(--border);border-right:none;color:var(--muted);font-family:var(--font-body);font-size:12px;letter-spacing:0;text-transform:none;padding:6px 12px;border-radius:0}.view-toggle button:last-child{border-right:1px solid var(--border)}.view-toggle button.active{color:var(--text);background:var(--surface)}.head-tools{display:flex;gap:8px;margin-left:auto}.head-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--font-body);font-size:11.5px;letter-spacing:0;text-transform:none;padding:6px 10px;border-radius:var(--r-xs)}.head-btn:hover{color:var(--text);border-color:var(--border-strong)}.head-btn:disabled{opacity:.5;cursor:not-allowed}.blocks{padding:20px;display:flex;flex-direction:column;gap:16px}.block-card{background:var(--surface);border:1px solid var(--border);border-radius:0}.block-card.dragging{opacity:.45;border-color:#6a6a6a}.block-card.drag-over{border-top:2px solid #6A6A6A}.block-title{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border-subtle)}.drag-handle{color:var(--faint);cursor:grab;display:flex}.drag-handle:active{cursor:grabbing}.block-idx{font-family:var(--font-mono);font-size:10px;color:var(--faint)}.block-name{font-weight:600;font-size:13.5px;text-transform:none;letter-spacing:0;flex:1}.block-status{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase}.block-status.st-ready{color:var(--text-2)}.block-status.st-generating{color:var(--warn)}.block-status.st-failed{color:var(--error)}.block-badge{font-size:11px;line-height:1}.block-badge.lock{color:var(--muted)}.block-badge.ok{color:var(--text-2)}.block-card img{width:100%;display:block;cursor:pointer}.block-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:40px 20px;color:var(--faint)}.block-placeholder em{font-size:11px;font-family:var(--font-mono);font-style:normal}.block-err{color:var(--error);font-family:var(--font-mono);font-size:11px}.block-actions{display:flex;gap:6px;padding:10px 16px;border-top:1px solid var(--border-subtle);flex-wrap:wrap}.block-actions button{background:var(--bg2);border:1px solid var(--border);color:var(--muted);font-family:var(--font-body);font-size:12px;padding:6px 10px;border-radius:var(--r-xs)}.block-actions button:hover{color:var(--text);border-color:var(--border-strong)}.block-actions button.revise-btn{color:var(--text-2);border-color:var(--border-strong)}.block-actions button.active-lock,.block-actions button.active-approve{color:var(--text);border-color:#6a6a6a;background:var(--surface-2)}.copy-edit{padding:12px 16px;border-top:1px solid var(--border-subtle)}.copy-edit textarea{margin-bottom:10px}.copy-edit-actions{display:flex;gap:8px}.copy-edit-actions button.primary{padding:8px 14px;font-size:12px}.version-panel{padding:12px 16px;border-top:1px solid var(--border-subtle)}.version-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.version-empty{font-size:12.5px;color:var(--muted);padding:8px 0}.version-list{display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.version-row{display:flex;align-items:center;gap:10px;border:1px solid var(--border);background:var(--bg2);padding:8px 10px}.version-tag{font-family:var(--font-mono);font-size:11px;color:var(--text-2);flex-shrink:0}.version-note{font-size:11.5px;color:var(--muted);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.version-thumb{width:44px;height:28px;object-fit:cover;border:1px solid var(--border-strong);cursor:pointer}.version-row button.link{flex-shrink:0;font-size:11.5px}.version-close{margin-top:10px;font-size:11.5px}.add-block{padding:4px 0}.add-block select{max-width:320px}.custom-add{display:flex;gap:8px;margin-top:10px}.onboard{padding:40px;max-width:840px;margin:0 auto;width:100%}.onboard-head{margin-bottom:32px}.onboard-head h1{font-size:28px;margin:0 0 6px;font-weight:600;letter-spacing:-.02em}.onboard-head p{color:var(--muted);font-size:14px;margin:0}.ob-step{background:var(--surface);border:1px solid var(--border);padding:28px;margin-bottom:20px;border-radius:0}.ob-step.ob-dim{opacity:.68}.ob-step.ob-dim .ob-q{opacity:.75}.ob-q{display:flex;align-items:center;gap:12px;font-family:var(--font-display);font-weight:600;font-size:17px;text-transform:none;letter-spacing:0;margin-bottom:18px}.ob-num{font-family:var(--font-mono);font-size:11px;color:var(--muted);border:1px solid var(--border-strong);padding:3px 8px;border-radius:var(--r-xs);font-weight:500}.ob-input{margin-bottom:16px}.ob-lang{display:flex;flex-direction:column;gap:7px}.ob-hint{color:var(--text-2);font-size:12.5px;margin:8px 0;font-family:var(--font-mono);letter-spacing:.03em}.scrape-row{display:flex;gap:10px;margin-bottom:12px}.scrape-row input{flex:1}.website-state{display:flex;gap:10px}.website-state input{flex:1}.scrape-msg{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-bottom:10px}.ob-extract{border:1px solid var(--border);background:var(--bg2);padding:14px;margin-bottom:16px;border-radius:0}.ob-extract-title{font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-weight:500}.ob-chips{display:flex;flex-wrap:wrap;gap:8px}.ob-chip{font-size:12.5px;color:var(--text-2);background:var(--surface);border:1px solid var(--border);padding:6px 10px;border-radius:0}.ob-chip b{color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;text-transform:uppercase;margin-right:6px}.ob-next{margin-top:8px}.ob-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.ob-grid label.full{grid-column:1 / -1}.ob-grid label{display:flex;flex-direction:column;gap:7px}.ob-brand-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase;margin-bottom:12px;font-weight:500}.ob-logo-row{display:flex;align-items:center;gap:14px}.ob-logo-preview{width:48px;height:48px;object-fit:contain;border:1px solid var(--border);background:var(--bg2)}.ob-logo-empty{width:48px;height:48px;border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--faint);font-size:10px;font-family:var(--font-mono)}.ob-directions{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border-subtle)}.ob-dir{border:1px solid var(--border-subtle);background:transparent;padding:12px;cursor:pointer;border-radius:0}.ob-dir.active{background:var(--bg2)}.ob-dir-preview{display:flex;gap:4px;height:40px;margin-bottom:8px;padding:6px}.ob-dir-preview span{flex:1;display:block}.ob-dir-label{font-family:var(--font-mono);font-size:10px;text-align:center;color:var(--muted);letter-spacing:.04em}.ob-dir{border-radius:var(--r-xs)}.ob-hint-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--font-body);font-size:12px;padding:7px 12px;cursor:pointer;border-radius:var(--r-xs)}.ob-hint-btn:hover:not(:disabled){border-color:#6a6a6a;color:var(--text)}.ob-hint-btn:disabled{opacity:.5;cursor:default}.ob-examples{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.ob-example{padding:0;border:1px solid var(--border);background:var(--bg2);overflow:hidden;border-radius:var(--r-xs);cursor:pointer;display:flex;flex-direction:column}.ob-example.active{border-color:#f2f2f0;box-shadow:0 0 0 1px #f2f2f0}.ob-example img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block;border-bottom:1px solid var(--border-subtle)}.ob-example-label{font-family:var(--font-mono);font-size:9px;color:var(--faint);padding:6px 8px;letter-spacing:.03em;text-align:left;text-transform:none}.ob-insp{border:1px solid var(--border);background:var(--bg2);padding:14px;border-radius:var(--r-xs);margin-bottom:20px}.ob-insp-tabs{display:flex;gap:6px;margin-bottom:12px}.ob-insp-tabs button{background:none;border:1px solid var(--border-strong);color:var(--text-2);font-size:12px;padding:7px 12px;border-radius:var(--r-xs);cursor:pointer}.ob-insp-tabs button.active{color:#050505;border-color:#f2f2f0;background:#f2f2f0;font-weight:600}.ob-insp-body{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.ob-insp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%}.ob-insp-thumb{padding:0;border:1px solid var(--border);background:var(--bg2);overflow:hidden;border-radius:var(--r-xs);cursor:pointer}.ob-insp-thumb.active{border-color:#d4d4d4}.ob-insp-thumb img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.ob-insp-preview{display:flex;align-items:center;gap:10px;margin-top:10px}.ob-insp-preview img{width:96px;height:54px;object-fit:cover;border:1px solid var(--border);border-radius:var(--r-xs)}.hex-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:20px}.hex-row{display:flex;align-items:center;gap:6px}.hex-row input[type=color]{width:32px;height:32px;padding:0;border:1px solid var(--border);background:none}.hex-row input[type=text]{padding:8px;font-family:var(--font-mono);font-size:11px}.ob-arrange{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.ob-arr-item{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;background:var(--bg2);border:1px solid var(--border);padding:10px 14px;border-radius:var(--r-xs)}.ob-arr-prompt{flex-basis:100%}.ob-arr-prompt input{width:100%;padding:8px 10px;font-size:13px;background:var(--surface);border:1px solid #4A4A4A;color:var(--text);border-radius:var(--r-xs)}.ob-arr-prompt input::placeholder{color:#9a9a9a}.ob-arr-item.dragging{opacity:.45;border-color:#6a6a6a}.ob-arr-item.drag-over{border-top:2px solid #6A6A6A}.ob-arr-num{font-family:var(--font-mono);font-size:10px;color:var(--faint)}.ob-arr-label{flex:1;font-size:13.5px;text-transform:none;letter-spacing:0}.ob-arr-actions{display:flex;gap:4px}.ob-arr-actions button{background:none;border:1px solid var(--border);color:var(--muted);font-size:12px;padding:4px 8px;border-radius:var(--r-xs)}.ob-add-label{font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.08em;text-transform:uppercase;margin:16px 0 10px;font-weight:500}.ob-add-grid{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.ob-add-btn{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--font-body);font-size:12.5px;padding:7px 12px;border-radius:var(--r-xs)}.ob-add-btn:hover{border-color:#6a6a6a;color:var(--text)}.ob-custom-add{display:flex;gap:8px;margin:-12px 0 20px}.ob-custom-add input{flex:1}.live-preview{padding:20px}.lp-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.lp-title{font-family:var(--font-display);font-weight:600;text-transform:none;font-size:16px;letter-spacing:0}.lp-meta{font-family:var(--font-mono);font-size:10px;color:var(--faint)}.lp-body{display:flex;flex-direction:column;gap:16px}.lp-block img{width:100%;display:block;border:1px solid}.lp-placeholder{display:flex;align-items:center;gap:10px;padding:16px;border:1px solid var(--border);color:var(--muted);border-radius:0}.lp-dot{width:8px;height:8px;border-radius:50%;background:var(--faint)}.lp-dot.st-generating{background:var(--warn)}.lp-dot.st-ready{background:var(--status)}.lp-dot.st-failed{background:var(--error)}.lp-status{margin-left:auto;font-family:var(--font-mono);font-size:10px}.lp-full img{width:100%}.lp-full-hint{font-family:var(--font-mono);font-size:10px;color:var(--faint);margin-bottom:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--surface-3);border:1px solid var(--border-strong);color:var(--text);padding:12px 22px;font-family:var(--font-body);font-size:13px;letter-spacing:0;z-index:200;border-radius:0}.checkout{max-width:560px}.checkout-body{padding:24px}.co-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-bottom:20px;border:1px solid var(--border-subtle)}.co-plan{border:1px solid var(--border-subtle);background:transparent;padding:16px;cursor:pointer;border-radius:0}.co-plan.active{background:var(--surface)}.co-plan-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.co-plan-name{font-family:var(--font-display);font-weight:600;text-transform:none;font-size:14px}.co-plan-price{font-family:var(--font-display);font-weight:600;font-size:22px;color:var(--text-2);letter-spacing:-.02em}.co-plan-desc{font-size:12px;color:var(--muted);line-height:1.4;margin-bottom:8px}.co-plan-iters{font-family:var(--font-mono);font-size:9px;color:var(--faint);letter-spacing:.06em;text-transform:uppercase}.co-methods{display:flex;gap:0;margin-bottom:18px}.co-method{flex:1;background:transparent;border:1px solid var(--border);border-right:none;color:var(--muted);padding:12px;font-family:var(--font-body);font-size:12.5px;text-transform:none;letter-spacing:0;border-radius:0}.co-method:last-child{border-right:1px solid var(--border)}.co-method.active{background:var(--surface);color:var(--text)}.co-pay{width:100%}.co-note{font-family:var(--font-mono);font-size:10px;color:var(--faint);text-align:center;margin:14px 0 0}.table{width:100%;border-collapse:collapse;font-size:13.5px}.table th{text-align:left;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding:10px 12px;border-bottom:1px solid var(--border);font-weight:500}.table td{padding:10px 12px;border-bottom:1px solid var(--border-subtle);color:var(--muted)}.tabs{display:flex;gap:0;margin-bottom:20px}.tab{background:transparent;border:1px solid var(--border);border-right:none;color:var(--muted);font-family:var(--font-body);font-size:13px;letter-spacing:0;text-transform:none;padding:9px 16px;border-radius:0}.tab:last-child{border-right:1px solid var(--border)}.tab.active{background:var(--surface);color:var(--text)}@media (max-width: 1024px){.mkt-types-grid{grid-template-columns:repeat(3,1fr)}.mkt-steps{grid-template-columns:repeat(3,1fr);gap:20px}.mkt-step-conn{display:none}.proj-grid,.dt-grid{grid-template-columns:repeat(2,1fr)}.mkt-plans,.mkt-demo-grid{grid-template-columns:1fr}}@media (max-width: 900px){.mkt-hero-grid{grid-template-columns:1fr;gap:36px}.mkt-telemetry{max-width:520px}.sidebar{width:60px;padding:20px 8px}.side-label,.side-sub,.side-group-label,.side-user,.side-balance .bal-label,.side-balance .bal-amount{display:none}.side-nav a,.btn-new{justify-content:center;padding:12px 0}.side-nav a .side-label{display:none}.side-balance{padding:0;text-align:center}.side-balance .bal-amount{font-size:13px}.studio-left{width:300px}}@media (max-width: 768px){.mkt-header-inner{padding:0 16px;gap:10px}.mkt-nav{display:none}.mkt-cta{gap:8px;flex-wrap:wrap;justify-content:flex-end}.mkt-cta .lang-select.compact{padding:7px 8px;max-width:92px}.mkt-cta button{padding:8px 12px;font-size:12px;white-space:nowrap}.mkt-hero{padding:64px 20px 48px}.mkt-hero h1{font-size:clamp(40px,13vw,60px);letter-spacing:-.025em;overflow-wrap:break-word}.mkt-hero-brand{font-size:10px;letter-spacing:.16em;flex-wrap:wrap}.mkt-section{padding:64px 20px}.mkt-types-grid{grid-template-columns:repeat(2,1fr)}.mkt-steps{grid-template-columns:1fr 1fr}.mkt-step-conn{display:none}.mkt-gallery{grid-template-columns:repeat(2,1fr)}.proj-grid,.dt-grid,.mkt-trust-grid{grid-template-columns:1fr}.mkt-footer-inner{grid-template-columns:1fr 1fr}.page{padding:24px 20px}.stat-grid{grid-template-columns:1fr 1fr}.studio{flex-direction:column;height:auto}.studio-divider{display:none}.studio-left{width:100%;height:auto;border-right:none;border-bottom:1px solid var(--border-subtle)}.studio-right{height:auto}.chat{max-height:320px}.hex-grid{grid-template-columns:1fr 1fr}.ob-directions{grid-template-columns:repeat(2,1fr)}.ob-grid{grid-template-columns:1fr}.ob-grid label.full{grid-column:auto}.onboard{padding:20px}}@media (max-width: 480px){.mkt-hero{padding:48px 16px 40px}.mkt-hero h1{font-size:12.5vw;letter-spacing:-.025em;line-height:1}.mkt-sub{font-size:15px}.mkt-telemetry{font-size:11px}.tel-row{flex-direction:column;align-items:flex-start;gap:3px}.tel-row span:last-child{text-align:left}.mkt-hero-types{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.mkt-htype{border:1px solid var(--border-subtle);flex-direction:column;gap:6px;text-align:center;padding:14px 8px;font-size:12px}.mkt-types-grid,.mkt-gallery{grid-template-columns:1fr}.doctrine-statement{font-size:clamp(30px,11vw,48px)}.topup-grid{grid-template-columns:repeat(2,1fr)}.co-plans{grid-template-columns:1fr}}.mkt-workflow{background:var(--bg2);border:1px solid var(--border-subtle)}.wf-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border-subtle)}.wf-title{font-family:var(--font-mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:500}.wf-live{font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--text-2);display:flex;align-items:center;gap:6px;text-transform:uppercase}.wf-live i{width:6px;height:6px;background:var(--status);border-radius:50%;animation:pulse 1.8s ease-in-out infinite}.wf-list{padding:4px 0}.wf-item{display:flex;gap:16px;align-items:flex-start;padding:15px 18px;border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.wf-item:last-child{border-bottom:none}.wf-item:hover{background:var(--surface)}.wf-num{font-family:var(--font-mono);font-size:20px;font-weight:500;color:var(--faint);line-height:1;padding-top:2px;min-width:26px}.wf-body{flex:1}.wf-name{font-size:13.5px;font-weight:600;color:var(--text);letter-spacing:.01em}.wf-desc{font-size:12px;color:var(--muted);line-height:1.5;margin-top:3px}.bal-credits{display:flex;align-items:baseline;gap:8px;margin:14px 0 4px}.bal-credits-n{font-family:var(--font-display);font-size:30px;font-weight:600;color:var(--text-2)}.bal-credits-l{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--faint);text-transform:uppercase}.bal-credits-lg{margin:0 0 4px}.bal-credits-lg .bal-credits-n{font-size:48px;letter-spacing:-.02em}.bal-credits-lg .bal-credits-l{font-size:11px}.sub-box{border:1px solid var(--border);background:var(--bg2);padding:18px 20px;margin:22px 0 0}.sub-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.sub-head>span:first-child{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-2);font-weight:500}.sub-pill{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;padding:3px 8px;border:1px solid var(--border-strong);color:var(--faint)}.sub-pill.active{color:#050505;background:#f2f2f0;border-color:#f2f2f0}.sub-desc{color:var(--muted);font-size:13px;margin:0 0 14px}.sub-box button{width:100%}.lang-select{width:auto;padding:8px 30px 8px 10px;font-size:12.5px;background:var(--bg2);border:1px solid var(--border-strong);color:var(--muted);border-radius:var(--r-sm);font-family:var(--font-body);cursor:pointer}.lang-select.compact{padding:7px 26px 7px 8px;font-size:12px}.lang-select:focus{border-color:#6a6a6a;color:var(--text)}.sel{position:relative;width:100%;font-family:var(--font-body)}.sel-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg2);border:1px solid var(--border-strong);color:var(--text);border-radius:var(--r-sm);padding:12px 14px;font-size:15px;font-family:inherit;cursor:pointer;text-align:left;transition:border-color .15s,background .15s}.sel-trigger:hover{border-color:#4a4a4a}.sel.open .sel-trigger{border-color:#6a6a6a;background:var(--surface)}.sel-value{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sel-caret{color:#a3a3a3;flex-shrink:0;transition:transform .15s}.sel.open .sel-caret{transform:rotate(180deg)}.sel-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:60;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--r-sm);max-height:260px;overflow-y:auto;padding:4px;box-shadow:0 12px 32px #0000008c}.sel-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:transparent;border:none;color:var(--muted);text-align:left;padding:10px 12px;font-size:14px;font-family:inherit;border-radius:var(--r-xs);cursor:pointer;transition:background .12s,color .12s}.sel-option:hover{background:var(--bg2);color:var(--text)}.sel-option.active{color:var(--text);background:var(--bg2)}.sel-check{color:#f2f2f0;font-size:12px}.create-lang{display:flex;align-items:center;gap:14px;padding:16px 0 8px}.create-lang-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.demo-callout{border:1px solid var(--border-subtle);background:var(--bg2);padding:18px 20px;margin:12px 0 24px;border-radius:var(--r-xs)}.demo-callout-title{font-weight:600;font-size:14px;margin-bottom:6px}.demo-callout p{color:var(--muted);font-size:13px;line-height:1.55;margin:0 0 12px}.pricing-page .page-head{align-items:center}.pricing-credits{text-align:right}.pricing-credits-n{font-family:var(--font-display);font-size:40px;font-weight:600;letter-spacing:-.02em;display:block;line-height:1}.pricing-credits-l{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.pricing-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);margin:0 0 14px;font-weight:500}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:44px}.plan-card{background:var(--surface);border:1px solid var(--border);padding:28px 24px;display:flex;flex-direction:column;border-radius:var(--r-xs);position:relative}.plan-card.featured{border-color:#3a3a3a;background:var(--surface-2)}.plan-tag{position:absolute;top:0;right:0;font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#050505;background:#f2f2f0;padding:5px 10px}.plan-name{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:6px}.plan-credits{font-family:var(--font-display);font-size:44px;font-weight:600;letter-spacing:-.02em;line-height:1;margin-bottom:6px}.plan-credits-u{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-left:8px;font-weight:400}.plan-price{font-family:var(--font-mono);font-size:14px;letter-spacing:.06em;color:var(--text-2);margin-bottom:4px}.plan-currency{color:var(--muted);margin-right:2px;font-size:13px}.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-actions .primary,.plan-actions .ghost{width:100%}.plan-divider{height:1px;background:var(--border);margin:18px 0}.plan-card .primary{width:100%}.sub-band{display:flex;gap:40px;background:var(--surface);border:1px solid var(--border);padding:32px;margin-bottom:44px;border-radius:var(--r-xs);align-items:center}.sub-band-left{flex:1}.sub-band-title{font-family:var(--font-display);font-size:40px;font-weight:600;letter-spacing:-.02em;margin:0 0 6px}.sub-band-per{font-size:16px;font-weight:400;color:var(--muted);margin-left:6px}.sub-band-desc{color:var(--muted);font-size:14px;margin:0 0 18px}.sub-band-right{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:14px;min-width:240px}.sub-band-hint{font-family:var(--font-mono);font-size:10px;color:var(--faint);letter-spacing:.06em}.topup-band{background:var(--surface);border:1px solid var(--border);padding:24px;border-radius:var(--r-xs)}.topup-controls{display:flex;gap:16px;align-items:center;margin-top:20px;flex-wrap:wrap}.account-credits{display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);padding:18px 24px;margin-bottom:24px;border-radius:var(--r-xs)}.account-credits-n{font-family:var(--font-display);font-size:36px;font-weight:600;letter-spacing:-.02em;line-height:1}.account-credits-l{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--faint)}.account-credits .ghost{margin-left:auto}@media (max-width: 900px){.plan-grid{grid-template-columns:1fr}.sub-band{flex-direction:column;align-items:stretch}.sub-band-right{align-items:flex-start;text-align:left}.sub-band-features{grid-template-columns:1fr}}
