:root{--primary: #7c3aed;--primary-strong: #6d28d9;--primary-fg: #ffffff;--secondary: #a78bfa;--accent: #0891b2;--bg: #faf5ff;--bg-glow-a: rgba(124, 58, 237, .16);--bg-glow-b: rgba(8, 145, 178, .12);--fg: #1e1b4b;--fg-muted: #5b5580;--card: #ffffff;--card-alt: #f7f3ff;--muted: #eceef9;--border: #ddd6fe;--border-strong: #c4b5fd;--danger: #dc2626;--danger-bg: #fef2f2;--success: #047857;--success-bg: #ecfdf5;--ring: #7c3aed;--shadow-sm: 0 1px 2px rgba(30, 27, 75, .06);--shadow-md: 0 12px 30px -18px rgba(76, 29, 149, .35);--shadow-lg: 0 30px 70px -40px rgba(76, 29, 149, .55);--radius-sm: 10px;--radius: 16px;--radius-lg: 24px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif}@media(prefers-color-scheme:dark){:root{--bg: #0f0b1c;--bg-glow-a: rgba(124, 58, 237, .32);--bg-glow-b: rgba(8, 145, 178, .18);--fg: #f3f1ff;--fg-muted: #b7b0d6;--card: #171130;--card-alt: #1d1639;--muted: #221a45;--border: #35285c;--border-strong: #4c3a7d;--danger: #fca5a5;--danger-bg: #33131a;--success: #6ee7b7;--success-bg: #06281f;--shadow-md: 0 12px 30px -18px rgba(0, 0, 0, .8);--shadow-lg: 0 30px 70px -40px rgba(0, 0, 0, .9)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font);color:var(--fg);background:radial-gradient(900px 520px at 12% -10%,var(--bg-glow-a),transparent 65%),radial-gradient(760px 480px at 96% 4%,var(--bg-glow-b),transparent 62%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{margin:0;letter-spacing:-.02em;line-height:1.15}h1{font-size:clamp(28px,3.4vw,40px);font-weight:700}h2{font-size:20px;font-weight:650}h3{font-size:16px;font-weight:650}p{margin:0;line-height:1.6}button{font:inherit}.shell{max-width:1180px;margin:0 auto;padding:var(--space-xl) var(--space-lg) var(--space-3xl)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);margin-bottom:var(--space-xl)}.brand{display:flex;align-items:center;gap:12px}.brand__mark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,var(--primary),var(--accent));display:grid;place-items:center;color:#fff;box-shadow:0 10px 24px -12px #7c3aedcc}.brand__name{font-weight:700;font-size:17px;letter-spacing:-.01em}.brand__tag{font-size:12px;color:var(--fg-muted)}.chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:12px;font-weight:600;letter-spacing:.02em;background:var(--card-alt);color:var(--fg-muted);border:1px solid var(--border);white-space:normal;max-width:86%}@media(max-width:560px){.topbar{flex-direction:column;align-items:flex-start;gap:var(--space-md)}.topbar .row{width:100%;justify-content:space-between}}.chip--sandbox{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.hero{margin-bottom:var(--space-xl);max-width:680px}.hero p{color:var(--fg-muted);margin-top:var(--space-sm);font-size:15px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 372px;gap:var(--space-lg);align-items:start}@media(max-width:960px){.layout{grid-template-columns:1fr}.shell{padding:var(--space-lg) var(--space-md) var(--space-2xl)}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:var(--space-lg)}.card+.card{margin-top:var(--space-md)}.card--quiet{box-shadow:var(--shadow-sm);background:var(--card-alt)}.stack{display:flex;flex-direction:column;gap:var(--space-md)}.row{display:flex;align-items:center;gap:var(--space-sm)}.row--between{justify-content:space-between}.grow{flex:1;min-width:0}.muted{color:var(--fg-muted);font-size:13px}.mono{font-variant-numeric:tabular-nums}.stepper{display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg);flex-wrap:wrap}.step{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--fg-muted);padding:6px 12px;border-radius:999px;border:1px solid transparent}.step__dot{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;background:var(--muted);color:var(--fg-muted)}.step--active{color:var(--fg);background:var(--card);border-color:var(--border);box-shadow:var(--shadow-sm)}.step--active .step__dot{background:var(--primary);color:#fff}.step--done .step__dot{background:var(--success);color:#fff}.dropzone{border:1.5px dashed var(--border-strong);border-radius:var(--radius);padding:var(--space-2xl) var(--space-lg);text-align:center;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease;background:color-mix(in srgb,var(--card-alt) 60%,transparent)}.dropzone:hover,.dropzone:focus-visible{border-color:var(--primary);background:color-mix(in srgb,var(--primary) 6%,var(--card));outline:none}.dropzone--busy{cursor:progress;opacity:.85}.dropzone__icon{width:56px;height:56px;margin:0 auto var(--space-md);border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#7c3aed24,#0891b224);color:var(--primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:12px 18px;font-size:14.5px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .18s ease,background .18s ease;background:var(--muted);color:var(--fg)}.btn:hover{transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn--primary{background:linear-gradient(135deg,var(--primary),var(--primary-strong));color:var(--primary-fg);box-shadow:0 14px 30px -14px #7c3aede6}.btn--ghost{background:transparent;border-color:var(--border)}.btn--block{width:100%}.btn--lg{padding:15px 20px;font-size:15.5px;border-radius:14px}.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}@media(max-width:720px){.modes{grid-template-columns:1fr}}.mode{text-align:left;cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);padding:var(--space-md);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.mode:hover{border-color:var(--border-strong);transform:translateY(-2px)}.mode--selected{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--primary) 16%,transparent),var(--shadow-md)}.mode__title{display:flex;align-items:center;gap:8px;font-weight:650;font-size:15px}.mode__deliverables{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 12px}.tag{font-size:11px;font-weight:700;letter-spacing:.04em;padding:4px 8px;border-radius:6px;background:var(--muted);color:var(--fg-muted)}.tag--accent{background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.mode__price{font-size:13px;color:var(--fg-muted)}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:12.5px;font-weight:600;color:var(--fg-muted);letter-spacing:.01em}.select,.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:1px solid var(--border);border-radius:12px;background:var(--card);color:var(--fg);padding:12px 14px;font-size:14.5px}.select:focus-visible,.input:focus-visible{outline:2px solid var(--ring);outline-offset:1px;border-color:var(--primary)}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}@media(max-width:640px){.grid-2{grid-template-columns:1fr}}.quote{position:sticky;top:var(--space-lg)}.quote__total{font-size:40px;font-weight:750;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1}.quote__currency{font-size:16px;font-weight:600;color:var(--fg-muted);margin-left:6px}.kv{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-md);font-size:13.5px}.kv+.kv{margin-top:8px}.kv dt{color:var(--fg-muted)}.kv dd{margin:0;font-weight:600;text-align:right}.hr{height:1px;background:var(--border);margin:var(--space-md) 0;border:0}.stagebar{height:8px;border-radius:999px;background:var(--muted);overflow:hidden}.stagebar__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--accent));transition:width .5s cubic-bezier(.16,1,.3,1)}.stages{display:flex;flex-direction:column;gap:10px;margin-top:var(--space-md)}.stage{display:flex;align-items:center;gap:10px;font-size:13.5px;color:var(--fg-muted)}.stage__dot{width:10px;height:10px;border-radius:50%;background:var(--muted);border:1px solid var(--border-strong);flex:none}.stage--current{color:var(--fg)}.stage--current .stage__dot{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent)}.stage--done .stage__dot{background:var(--success);border-color:var(--success)}.alert{border-radius:12px;padding:12px 14px;font-size:13.5px;border:1px solid var(--border);background:var(--card-alt);color:var(--fg)}.alert--danger{background:var(--danger-bg);border-color:color-mix(in srgb,var(--danger) 40%,transparent);color:var(--danger)}.alert--success{background:var(--success-bg);border-color:color-mix(in srgb,var(--success) 40%,transparent);color:var(--success)}.downloads{display:flex;flex-direction:column;gap:10px}.download{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);border:1px solid var(--border);border-radius:12px;padding:12px 14px}.download__meta{font-size:12.5px;color:var(--fg-muted)}.skeleton{border-radius:8px;background:linear-gradient(90deg,var(--muted) 25%,color-mix(in srgb,var(--muted) 50%,var(--card)) 37%,var(--muted) 63%);background-size:400% 100%;animation:shimmer 1.4s ease infinite}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:normal;max-width:86%;border:0}.lang-switch{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid var(--border);background:var(--card);color:var(--fg-muted)}.lang-switch select{border:0;background:transparent;color:var(--fg);font:inherit;font-size:13px;cursor:pointer;outline:none}.style-block{margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.style-block h3{margin:0;font-size:15px}.style-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin-top:12px}.style-group{margin-bottom:12px}.style-group .label{display:block;margin-bottom:6px;font-size:12px;color:var(--fg-muted)}.segmented{display:inline-flex;gap:2px;padding:2px;border-radius:10px;background:var(--muted);flex-wrap:wrap}.segmented__item{border:0;background:transparent;color:var(--fg-muted);font:inherit;font-size:13px;padding:5px 12px;border-radius:8px;cursor:pointer}.segmented__item--active{background:var(--card);color:var(--fg);box-shadow:0 1px 3px #1e1b4b24}.preview{border-radius:12px;overflow:hidden;border:1px solid var(--border);background:linear-gradient(160deg,#1e1b4b,#312e81 55%,#0f172a);aspect-ratio:16 / 10;display:flex}.preview__frame{flex:1;display:flex;flex-direction:column;align-items:center;padding:10px}.preview__caption{color:#fff;background:#0000008c;padding:4px 12px;border-radius:6px;line-height:1.35;text-align:center;max-width:92%}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f172a8c;z-index:40;padding:20px}.modal__panel{width:min(460px,100%);background:var(--card);border-radius:16px;padding:22px;box-shadow:0 24px 60px #0f172a59;border:1px solid var(--border)}.coupon{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:12px;background:var(--card-alt);border:1px dashed var(--border-strong)}.coupon code{font-size:16px;letter-spacing:.06em;color:var(--primary-strong)}.trial{margin-top:18px;border:1px solid var(--border-strong)}.trial h2{font-size:16px}@media(max-width:720px){.style-grid{grid-template-columns:1fr}.lang-switch select{max-width:96px}}.preview{position:relative;cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none}.preview__caption{position:absolute;transform:translate(-50%,-50%);z-index:2;color:#fff;background:#0000008c;padding:4px 12px;border-radius:6px;line-height:1.3;text-align:center;white-space:normal;max-width:86%;cursor:grab;outline:none;max-width:none}.preview__caption:active{cursor:grabbing}.preview__caption:focus-visible{box-shadow:0 0 0 2px var(--secondary)}.preview__handle{position:absolute;right:-7px;bottom:-7px;width:14px;height:14px;border-radius:50%;background:var(--secondary);border:2px solid #fff;cursor:nwse-resize;box-shadow:0 1px 4px #0006}.range{width:100%;accent-color:var(--primary)}.preview__zone{position:absolute;border:2px dashed rgba(250,204,21,.95);background:repeating-linear-gradient(45deg,rgba(250,204,21,.22) 0 6px,transparent 6px 12px);border-radius:4px;pointer-events:none;z-index:3}.preview__zone-label{position:absolute;top:2px;right:3px;font-size:10px;line-height:1.4;color:#1f2937;background:#facc15f2;padding:0 4px;border-radius:3px;font-weight:600}.zone-note{margin-top:10px;font-size:12.5px}.preview__zone--hit{border-color:#f87171;background:repeating-linear-gradient(45deg,rgba(248,113,113,.3) 0 6px,transparent 6px 12px)}.zone-note--warn{color:#b91c1c;font-weight:600}.alert--trial{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#eef2ff;border:1px solid #c7d2fe;color:#3730a3;border-radius:10px;padding:10px 12px;margin-bottom:12px;flex-wrap:wrap}