@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;700&family=Manrope:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{color-scheme:dark;--bg-top: #081018;--bg-mid: #0c1420;--bg-bottom: #060b12;--panel-border: rgba(218, 244, 255, .14);--panel-highlight: rgba(255, 255, 255, .05);--surface-deep: rgba(7, 16, 25, .64);--surface-soft: rgba(10, 18, 27, .74);--copy-strong: #f4fbff;--copy-soft: rgba(228, 243, 250, .78);--copy-muted: rgba(219, 234, 244, .72);--accent-cyan: #86d7ff;--accent-ice: #9ee7ff;--accent-teal: #2fd5d0;font-family:Manrope,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(53,122,170,.28),transparent 30%),radial-gradient(circle at 85% 15%,rgba(30,201,196,.18),transparent 28%),linear-gradient(160deg,var(--bg-top) 0%,var(--bg-mid) 45%,var(--bg-bottom) 100%);color:var(--copy-strong)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:transparent}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.015) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.015) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(circle at center,black 32%,transparent 88%);mask-image:radial-gradient(circle at center,black 32%,transparent 88%);pointer-events:none}button,input,textarea,select{font:inherit}code,pre{font-family:JetBrains Mono,Fira Code,monospace}#root{min-height:100vh}.app-shell{position:relative;overflow:hidden;min-height:100vh;padding:48px 24px 56px}.app-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 20%,transparent 80%,rgba(255,255,255,.02));pointer-events:none}.auth-shell{display:grid;place-items:center}.ambient{position:absolute;border-radius:999px;filter:blur(120px);pointer-events:none}.ambient-a{top:-140px;left:-80px;width:320px;height:320px;background:#41a8ff2e}.ambient-b{right:-100px;top:80px;width:360px;height:360px;background:#1ce4ca1f}.glass-panel,.glass-subpanel{position:relative;border:1px solid var(--panel-border);background:linear-gradient(180deg,#0f1622b8,#0a101894);box-shadow:0 24px 80px #00000047,inset 0 1px 0 var(--panel-highlight);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.glass-panel:before,.glass-subpanel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 32%,transparent 68%,rgba(134,215,255,.05));opacity:.75;pointer-events:none}.hero-panel{max-width:1240px;margin:0 auto 28px;padding:32px;border-radius:28px;animation:rise-fade .56s cubic-bezier(.2,.8,.2,1)}.auth-panel{position:relative;z-index:1;width:min(520px,100%);padding:28px;border-radius:28px;animation:rise-fade .56s cubic-bezier(.2,.8,.2,1)}.eyebrow{margin:0 0 12px;color:var(--accent-cyan);text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:700}.hero-panel h1,.section-header h2{margin:0;font-family:Space Grotesk,Segoe UI,sans-serif;letter-spacing:-.03em}.hero-panel h1{max-width:760px;font-size:clamp(2.3rem,5vw,4.6rem);line-height:.94}.lede{max-width:760px;margin:16px 0 0;color:var(--copy-soft);font-size:1.03rem;line-height:1.7}.auth-lede{max-width:none}.hero-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.hero-badges{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.hero-grid,.content-grid{display:grid;gap:18px}.hero-grid{margin-top:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid>.section-card{animation:rise-fade .62s cubic-bezier(.2,.8,.2,1)}.content-grid>.section-card:nth-child(2){animation-delay:40ms}.content-grid>.section-card:nth-child(3){animation-delay:90ms}.content-grid>.section-card:nth-child(4){animation-delay:.13s}.content-grid>.section-card:nth-child(5){animation-delay:.17s}.auth-form{display:grid;gap:16px;margin-top:24px}.auth-form label{display:grid;gap:8px;color:#e7f4fae0}.auth-form span{font-size:.92rem}.auth-form input{border:1px solid rgba(151,227,255,.16);border-radius:16px;background:#07101bc2;color:#f4fbff;padding:14px 16px}.auth-form input:focus{outline:2px solid rgba(47,213,208,.32);outline-offset:2px}.glass-subpanel{padding:18px 18px 20px;border-radius:22px;background:linear-gradient(180deg,#111d2bbd,#09111b94)}.metric-label{display:inline-block;margin-bottom:12px;color:#96e3ffd6;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.metric strong{display:block;font-size:1.3rem}.metric p,.activity-row p{margin:10px 0 0;color:#dbeaf4c2;line-height:1.6}.content-grid{max-width:1240px;margin:0 auto;grid-template-columns:repeat(12,minmax(0,1fr))}.section-card{padding:24px;border-radius:24px;grid-column:span 6;position:relative}.wide-card{grid-column:span 12}.section-header{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.command-list{display:grid;gap:12px}.command-list code{display:block;padding:14px 16px;border-radius:16px;border:1px solid rgba(151,227,255,.16);background:linear-gradient(180deg,#07101bd6,#0a131fb8);color:#d7f4ff;box-shadow:inset 0 1px #ffffff08}.rail-list{margin:0;padding-left:18px;color:#e7f4fae0;line-height:1.9}.pairing-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px}.preview-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);gap:20px}.settings-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:20px}.template-studio-form,.template-studio-preview{align-content:start}.pairing-panel,.pairing-qr-panel,.preview-form,.preview-canvas,.settings-form-panel,.settings-preview-panel,.template-canvas-shell{border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#071019bd,#07101994);padding:18px}.preview-form,.settings-form-panel,.settings-preview-panel,.template-canvas-shell{display:grid;gap:16px}.section-copy{margin:8px 0 0;max-width:72ch;color:#dbeaf4bd;line-height:1.7}.template-hero-text,.template-inline-note{margin:0;color:#dbeaf4bd;line-height:1.7}.template-form-section{display:grid;gap:14px}.template-sample-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.template-sample-grid-single{grid-template-columns:1fr}.template-preview-shell{padding:12px}.template-preview-legend{display:flex;flex-wrap:wrap;gap:10px}.template-guide-chip{text-transform:none;letter-spacing:0;font-size:.85rem;font-weight:600}.template-guide-chip-qr{border-color:#86d7ff52;color:#bdeeff}.template-guide-chip-amount{border-color:#ffd67052;color:#ffe2a6}.template-guideline-list{display:grid;gap:12px;margin:0;padding:0;list-style:none}.template-guideline-list li{display:grid;gap:4px;padding:14px 16px;border-radius:16px;border:1px solid rgba(151,227,255,.12);background:#08121c9e}.template-guideline-list strong{color:#f4fbff}.template-guideline-list span{color:#dbeaf4c2;line-height:1.6}.preview-form label,.settings-field{display:grid;gap:8px;color:#e7f4fae0}.compact-field span,.settings-field span,.preview-form span{font-size:.92rem}.preview-form input,.settings-field input,.settings-template{border:1px solid rgba(151,227,255,.16);border-radius:16px;background:#07101bc2;color:#f4fbff;padding:14px 16px}.geometry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.file-input{border:1px dashed rgba(151,227,255,.22);border-radius:16px;background:#07101bc2;color:#f4fbff;padding:12px 14px}.checkbox-field{grid-template-columns:1fr auto;align-items:center}.checkbox-field input{width:18px;height:18px}.compact-header h3{margin:0;font-size:1.12rem}.settings-template{min-height:220px;line-height:1.7;resize:vertical}.preview-form input:focus{outline:2px solid rgba(47,213,208,.32);outline-offset:2px}.settings-field input:focus,.settings-template:focus{outline:2px solid rgba(47,213,208,.32);outline-offset:2px}.preview-canvas{display:grid;gap:16px;align-content:start}.settings-preview-panel{align-content:start}.preview-canvas img{width:100%;max-width:460px;justify-self:center;border-radius:24px;box-shadow:0 18px 50px #0000003d,0 0 0 1px #ffffff0f}.preview-meta{display:grid;gap:10px}.preview-meta strong{font-size:1.15rem}.preview-meta p{margin:0;color:#dbeaf4c2;line-height:1.6}.settings-actions,.settings-preview-fields,.token-list,.template-mode-row,.template-editor-actions{display:flex;flex-wrap:wrap;gap:12px}.settings-preview-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.settings-meta-text{margin:0;color:#dbeaf4b8;line-height:1.7}.settings-notice{margin:0;color:#9ef4d6;line-height:1.7}.token-chip{display:inline-flex;align-items:center;padding:10px 12px;border-radius:999px;border:1px solid rgba(151,227,255,.16);background:#08121cb8;color:#d7f4ff}.caption-preview-text{margin:0;min-height:220px;border:1px solid rgba(151,227,255,.12);border-radius:20px;background:#08121cb8;padding:18px;color:#f4fbffeb;white-space:pre-wrap;word-break:break-word;line-height:1.8}.template-canvas-shell{overflow:auto}.template-canvas{position:relative;width:100%;max-width:720px;justify-self:center;border-radius:24px;overflow:hidden;background:#07101bb8;box-shadow:0 18px 50px #0000003d,0 0 0 1px #ffffff0f}.template-background{width:100%;height:100%;object-fit:cover;display:block}.template-background-empty{width:100%;height:100%;display:grid;place-items:center;text-align:center;padding:32px}.template-box{position:absolute;display:grid;align-content:stretch;border-radius:18px;border:2px solid rgba(255,255,255,.28);background:#07101b29;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:12px}.template-box-selected{box-shadow:0 0 0 3px #ffffff29}.template-box-qr{border-color:#86d7ffc7}.template-box-amount{border-color:#ffd670d1}.template-box-amount-guide{background:#ffd6701f}.template-box-label{justify-self:start;padding:4px 8px;border-radius:999px;background:#07101bb8;color:#f4fbff;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.template-box-label-floating{position:absolute;left:12px;top:12px}.template-qr-placeholder,.template-box-copy{flex:1;display:flex;align-items:center;width:100%}.template-qr-placeholder{justify-content:center;min-height:100%;border-radius:16px;background:linear-gradient(45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(-45deg,rgba(255,255,255,.08) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,rgba(255,255,255,.08) 75%),linear-gradient(-45deg,transparent 75%,rgba(255,255,255,.08) 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0;color:#f4fbff;font-weight:800;letter-spacing:.14em}.template-box-copy{white-space:pre-wrap;line-height:1.4}.template-box-copy-jw{color:#1d5fe2;font-family:Space Grotesk,Arial,sans-serif;font-weight:800;text-align:center}.compact-empty-state,.preview-caption-text{min-height:0}.caption-empty-state{min-height:220px}.preview-empty-state{min-height:320px;display:grid;place-items:center;text-align:center}.pairing-actions{display:flex;flex-wrap:wrap;gap:12px}.action-button{border:0;border-radius:999px;padding:12px 18px;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background .18s ease,box-shadow .18s ease}.action-button:hover:enabled{transform:translateY(-1px);box-shadow:0 12px 28px #00000029}.action-button:disabled{cursor:not-allowed;opacity:.5}.action-primary{background:linear-gradient(135deg,#2d97ff,#2fd5d0);color:#05111a;font-weight:800}.action-secondary{background:#ffffff14;color:#f4fbff}.pairing-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.pairing-meta strong{display:block;margin-top:8px;font-size:1.15rem}.runtime-error{margin:18px 0 0;color:#ffb3ab;line-height:1.6}.soft-note{margin-top:18px;border:1px solid rgba(151,227,255,.12);border-radius:16px;background:#08121cb8;padding:14px 16px;color:#dbeaf4bd;line-height:1.7}.pairing-qr-panel{display:grid;place-items:center;min-height:360px}.pairing-qr-panel img{max-width:100%;width:min(320px,100%);border-radius:24px;background:#fff;padding:18px;box-shadow:0 18px 50px #0000003d,0 0 0 1px #ffffff0f}.qr-placeholder{max-width:340px;text-align:center}.qr-placeholder strong{display:block;margin-bottom:12px}.qr-placeholder p{margin:0;color:#dbeaf4b8;line-height:1.7}.activity-list{display:grid;gap:14px}.leads-overview-grid{display:grid;gap:18px}.leads-metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.leads-panels-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.leads-kpi,.leads-panel{display:grid;gap:14px}.activity-row{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#071019a3;transition:transform .18s ease,border-color .18s ease,background .18s ease}.activity-row:hover{transform:translateY(-1px);border-color:#97e3ff2e;background:#09131eb8}.activity-copy{min-width:0}.activity-row strong{display:inline-block;margin-bottom:4px;text-transform:capitalize}.activity-meta{color:#a4ddf4c2}.status-pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:700}.status-pill-success{border:1px solid rgba(111,242,208,.22);background:#218d762e;color:#9ef4d6}.status-pill-warning{border:1px solid rgba(255,203,122,.2);background:#a8670c29;color:#ffd28b}.status-pill-danger{border:1px solid rgba(255,155,155,.22);background:#912c2c2e;color:#ffb6b6}.status-pill-neutral{border:1px solid rgba(136,225,255,.2);background:#146d922e;color:#9ee7ff}.empty-state{border:1px dashed rgba(151,227,255,.18);border-radius:18px;background:#0710196b;padding:18px}.empty-state strong{display:block;margin-bottom:10px}.empty-state p{margin:0;color:#dbeaf4bd;line-height:1.7}@keyframes rise-fade{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.hero-heading-row{flex-direction:column}.hero-grid,.leads-metrics-grid,.leads-panels-grid,.pairing-layout,.settings-layout,.template-editor-layout,.preview-layout,.pairing-meta,.settings-preview-fields,.geometry-grid,.template-sample-grid{grid-template-columns:1fr}.section-card,.wide-card{grid-column:span 12}}@media(max-width:720px){.app-shell{padding:24px 16px 32px}.hero-panel,.section-card{padding:20px}.activity-row{flex-direction:column;align-items:flex-start}}