:root{color-scheme:dark;--bg:#07111f;--panel:rgba(9,20,39,0.82);--panel-strong:#111f37;--border:rgba(160,184,216,0.16);--text:#e7efff;--muted:#9eb0cf;--primary:#71a7ff;--accent:#76ffd5}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%;background:radial-gradient(circle at top,rgba(57,104,190,.35),transparent 30%),linear-gradient(180deg,#081121,#040914);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.page-shell{width:min(1200px,calc(100vw - 32px));margin:0 auto;padding:48px 0 80px}.hero,.history,.panel,.pricing{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;box-shadow:0 20px 60px rgba(3,8,18,.35)}.hero{display:grid;grid-template-columns:1.6fr .9fr;grid-gap:24px;gap:24px;padding:36px}.badge{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid rgba(113,167,255,.35);color:var(--primary);font-size:14px}.hero h1{margin:16px 0 12px;font-size:clamp(34px,4vw,58px);line-height:1.05}.empty-state span,.hero-copy,.history-card span,.message-line,.panel-header span,.pricing-card p,.status-line{color:var(--muted)}.hero-actions{display:flex;gap:12px;margin:28px 0 16px;flex-wrap:wrap}.chip,.ghost-btn,.primary-btn,.segment-item{border:none;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease}.chip:hover,.ghost-btn:hover,.primary-btn:hover,.segment-item:hover{transform:translateY(-1px)}.ghost-btn,.primary-btn{padding:14px 18px;border-radius:16px;font-weight:700}.primary-btn{background:linear-gradient(135deg,var(--primary),#9b74ff);color:white}.ghost-btn{background:rgba(255,255,255,.05);color:var(--text);border:1px solid var(--border)}.wide{width:100%}.hero-card{display:grid;grid-gap:16px;gap:16px;align-content:start;padding:24px;border-radius:24px;background:linear-gradient(180deg,rgba(17,31,55,.8),rgba(8,15,30,.9));border:1px solid var(--border)}.stat-row{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border)}.grid-layout{display:grid;grid-template-columns:1.1fr .9fr;grid-gap:20px;gap:20px;margin-top:22px}.history,.panel,.pricing{padding:28px}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}.panel-header h2{margin:0}.field{display:grid;grid-gap:10px;gap:10px;margin-bottom:18px}.field span{font-weight:700}textarea{width:100%;resize:vertical;border-radius:18px;border:1px solid var(--border);background:rgba(5,13,26,.8);color:var(--text);padding:16px;min-height:140px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:18px}.chip{padding:10px 14px;border-radius:999px;background:rgba(113,167,255,.12);color:var(--text)}.segment{display:inline-flex;gap:8px;padding:6px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid var(--border)}.segment-item{padding:10px 16px;border-radius:14px;background:transparent;color:var(--muted)}.segment-item.active{background:rgba(118,255,213,.14);color:var(--accent)}.preview-panel{min-height:560px}.history-image-wrap,.preview-frame{position:relative;width:100%;overflow:hidden;border-radius:22px;border:1px solid var(--border);background:rgba(255,255,255,.03)}.preview-frame{min-height:460px}.history-image,.preview-image{object-fit:cover}.empty-state{display:grid;place-items:center;grid-gap:8px;gap:8px;min-height:280px;text-align:center;border-radius:22px;border:1px dashed var(--border)}.empty-state p,.history-card p,.pricing-card h3{margin:0}.history,.pricing{margin-top:22px}.history-grid,.pricing-grid{display:grid;grid-gap:16px;gap:16px}.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-card,.pricing-card{display:grid;grid-gap:12px;gap:12px;padding:22px;border-radius:22px;background:var(--panel-strong);border:1px solid var(--border)}.pricing-card strong{font-size:28px}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.history-image-wrap{min-height:220px}.message-line{min-height:24px;margin:14px 0 0}@media (max-width:980px){.grid-layout,.hero,.history-grid,.pricing-grid{grid-template-columns:1fr}.page-shell{width:min(100vw - 24px,1200px);padding-top:18px}.hero,.history,.panel,.pricing{padding:20px}}