:root{color-scheme:light;font-family:Avenir Next,PingFang SC,Helvetica Neue,sans-serif;--font-display: "Iowan Old Style", "Palatino Linotype", "Times New Roman", serif;--bg-page: #f4efe6;--bg-panel: rgba(255, 251, 245, .84);--line: rgba(25, 34, 52, .12);--line-strong: rgba(38, 84, 208, .32);--text-main: #17181c;--text-soft: #525765;--text-faint: #767c89;--accent: #2f5fe7;--accent-strong: #1f49c6;--surface: rgba(255, 255, 255, .7);--success: #49b26b;--danger: #d35c46;--warning: #f59e0b}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;background:radial-gradient(circle at 0% 0%,rgba(47,95,231,.18),transparent 18%),radial-gradient(circle at 100% 8%,rgba(15,23,42,.08),transparent 14%),linear-gradient(180deg,#fffbf5f5,#f4efe6fa),var(--bg-page);color:var(--text-main)}body{min-height:100vh;background-attachment:fixed}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}.app-root{min-height:100vh}.boot-screen{min-height:100vh;display:grid;place-items:center;text-align:center;gap:10px}.boot-mark,.shell-eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:11px;color:#60a5fac2}.boot-title{font-size:40px;font-weight:700}.boot-copy{max-width:520px;color:var(--text-soft);line-height:1.6}.shell{min-height:100vh;max-width:1440px;margin:0 auto;display:grid;gap:24px;padding:22px 28px 48px}.shell-brand{display:flex;align-items:center;gap:14px}.shell-brand-mark{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#17181c;color:#fffdf8;font-weight:800;box-shadow:none}.shell-brand-name{font-size:20px;font-weight:700}.shell-brand-sub,.shell-account-copy span{color:var(--text-faint);font-size:12px}.shell-nav-link{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid transparent;color:var(--text-soft);background:transparent;transition:transform .18s ease,border-color .18s ease,background .18s ease,color .18s ease}.shell-nav-link span{font-size:14px;font-weight:600}.shell-nav-link:hover,.shell-nav-link.active{transform:translateY(-1px);border-color:var(--line-strong);background:#eff6fff2;color:var(--accent-strong)}.shell-topbar{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:16px 0 18px;border-bottom:1px solid var(--line)}.shell-nav,.shell-account,.shell-hero-metrics{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.shell-account{justify-content:flex-end}.shell-account-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#111827,#475569);color:#fff;font-weight:800}.shell-account-copy{display:grid;gap:2px}.shell-account-copy strong{font-size:14px}.shell-hero{min-height:200px;padding:24px 28px;border-radius:32px;border:1px solid rgba(23,24,28,.08);background:linear-gradient(120deg,#fffbf5eb,#fffbf5c7 42%,#1c253adb),radial-gradient(circle at 82% 22%,rgba(84,120,255,.38),transparent 18%);box-shadow:0 24px 70px #17181c14;display:flex;align-items:stretch;justify-content:space-between;gap:28px;animation:rise-in .52s ease both}.shell-hero.compact{min-height:auto;padding:14px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:16px}.shell-hero-copy{max-width:640px;display:flex;flex-direction:column;justify-content:space-between}.shell-hero-copy.compact{max-width:680px;gap:4px}.shell-topbar-chip{min-height:54px;display:grid;align-content:center;gap:4px;padding:12px 16px;border-radius:16px;background:#ffffff1f;border:1px solid rgba(255,255,255,.14);color:#f8fafc;font-size:12px}.shell-topbar-chip.compact{min-height:44px;padding:8px 12px;border-radius:14px}.shell-topbar-chip span{color:#e2e8f0a8}.shell-topbar-chip strong{font-size:14px}.shell-title{margin:6px 0;font-family:var(--font-display);font-size:clamp(34px,5vw,60px);line-height:.94;letter-spacing:-.03em;max-width:10ch}.shell-title.compact{margin:0;font-size:clamp(22px,3vw,32px);line-height:1;max-width:none}.shell-subtitle{margin:0;color:#3f4654;max-width:520px;line-height:1.6;font-size:14px}.shell-subtitle.compact{max-width:760px;font-size:13px;line-height:1.5}.shell-content{animation:rise-in .42s ease both}.shell-footer{margin-top:22px;padding-top:18px;border-top:1px solid rgba(148,163,184,.12);display:flex;flex-wrap:wrap;gap:10px 18px;color:var(--text-faint);font-size:12px}.shell-footer a{color:var(--accent)}.shell-primary-btn,.shell-ghost-btn,.dialog-close{border-radius:999px;padding:12px 18px;border:1px solid transparent;cursor:pointer;transition:transform .18s ease,background .18s ease,border-color .18s ease}.shell-primary-btn{background:var(--text-main);color:#fffdf8;font-weight:700;box-shadow:none}.shell-primary-btn:hover,.shell-ghost-btn:hover,.dialog-close:hover{transform:translateY(-1px)}.shell-primary-btn:disabled{opacity:.6;cursor:not-allowed}.shell-ghost-btn,.dialog-close{background:transparent;color:var(--text-main);border-color:var(--line)}.shell-input{width:100%;min-width:0;padding:13px 16px;border-radius:16px;border:1px solid var(--line);background:#fffffff0;color:var(--text-main)}.empty-copy{color:var(--text-soft);line-height:1.7}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-width:76px;padding:7px 12px;border-radius:999px;font-style:normal;font-size:12px;border:1px solid transparent}.status-pill.success,.status-pill.paid{color:#b8ffd0;border-color:#49b26b52;background:#49b26b1f}.status-pill.syncing{color:#dbeafe;border-color:#60a5fa57;background:linear-gradient(135deg,#2563eb75,#22d3ee33)}.status-pill.processing,.status-pill.queued,.status-pill.created{color:#dbeafe;border-color:#2f5fe73d;background:#2f5fe724}.status-pill.failed,.status-pill.cancelled{color:#ffc4b8;border-color:#d35c4647;background:#d35c461f}.dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000009e;display:grid;place-items:center;z-index:40;padding:20px}.dialog-panel{width:min(100%,520px);padding:28px;border-radius:30px;background:linear-gradient(180deg,#fffffffa,#f8fafcf5),#fffffff5;color:var(--text-main);border:1px solid rgba(96,165,250,.18);box-shadow:0 32px 90px #0f172a2e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.dialog-title{font-size:28px;font-weight:700}.dialog-subtitle,.dialog-tip{color:var(--text-soft);line-height:1.6}.dialog-state-strip{margin-top:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.dialog-state-strip small{color:var(--text-faint)}.dialog-qr-wrap{margin:22px 0;border-radius:24px;padding:20px;background:#f8fafcf2;border:1px solid rgba(96,165,250,.12);display:grid;place-items:center}.dialog-qr{width:260px;height:260px;border-radius:16px}.dialog-qr-empty{min-height:260px;display:grid;place-items:center}.dialog-result-card{margin:22px 0;border-radius:24px;padding:24px;border:1px solid rgba(96,165,250,.12);background:#f8fafcf2;display:grid;gap:10px}.dialog-result-card.success,.dialog-result-card.paid,.dialog-result-card.syncing{border-color:#49b26b2e;background:#49b26b14}.dialog-result-card.failed,.dialog-result-card.cancelled{border-color:#d35c4629;background:#d35c4614}.dialog-result-kicker{color:var(--text-faint);font-size:11px;letter-spacing:.16em;text-transform:uppercase}.dialog-result-card strong{font-size:24px}.dialog-result-card p{margin:0;color:var(--text-soft);line-height:1.6}.dialog-order-line{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(148,163,184,.12)}.video-stage{position:relative;width:100%;border-radius:24px;overflow:hidden;background:linear-gradient(180deg,#f8fafcf5,#f1f5f9f0);border:1px solid var(--line)}.video-stage-media,.video-stage-empty,.video-stage-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.video-stage-media{width:100%;height:100%;object-fit:contain;background:#02050a}.video-stage-empty{display:grid;place-items:center;text-align:center;gap:10px;padding:32px}.video-stage-empty span,.video-box-label{color:var(--text-soft)}.video-stage-overlay{pointer-events:none}.video-box{position:absolute;border:2px solid rgba(96,165,250,.9);background:#3b82f62e;box-shadow:0 0 0 999px #00000047;pointer-events:auto;cursor:move}.video-box-label{position:absolute;left:12px;top:-30px;padding:5px 10px;border-radius:999px;background:#05080dc2;font-size:12px}.video-box-handle{position:absolute;width:14px;height:14px;border-radius:50%;border:0;background:#fff;box-shadow:0 0 0 3px #60a5fa59}.video-box-handle.lt{left:-7px;top:-7px;cursor:nwse-resize}.video-box-handle.rt{right:-7px;top:-7px;cursor:nesw-resize}.video-box-handle.lb{left:-7px;bottom:-7px;cursor:nesw-resize}.video-box-handle.rb{right:-7px;bottom:-7px;cursor:nwse-resize}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.shell-topbar{flex-direction:column;align-items:flex-start}.shell-account,.shell-nav,.shell-hero,.shell-hero-metrics{justify-content:flex-start}.shell-hero{flex-direction:column;align-items:flex-start;min-height:auto}}@media(max-width:640px){.shell{padding:16px;gap:16px}.shell-topbar,.shell-hero{border-radius:22px}}