:root{--bg: #0e0e12;--surface: #18181f;--border: #2a2a36;--accent: #5b73ff;--accent2: #8fa4ff;--text: #e8eaff;--muted: #6a6a8a;--error: #ff5566;--ok: #44cc88;--radius: 14px;--input-bg: #1e1e28;--pad-bg: #1e1e28;--pad-border: #2a2a3a;--dot-empty: #2a2a3a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100dvh;background:var(--bg);color:var(--text);font-family:-apple-system,Segoe UI,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:20px 16px}#root>*{width:100%;max-width:400px}.card{background:var(--surface);border:1px solid var(--border);border-radius:20px;padding:28px 24px;display:flex;flex-direction:column;gap:16px;box-shadow:0 8px 32px #0000004d}.card-body{padding:24px 24px 28px;display:flex;flex-direction:column;gap:16px}.title{font-size:1.25rem;font-weight:700;text-align:center;color:var(--text);letter-spacing:-.2px}.subtitle{font-size:.88rem;color:var(--muted);text-align:center;line-height:1.45}.input{width:100%;background:var(--input-bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:14px 16px;color:var(--text);font-size:1rem;outline:none;transition:border-color .15s,background .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--muted)}.input:disabled{opacity:.5;cursor:not-allowed}.btn{width:100%;padding:14px;border-radius:var(--radius);border:none;cursor:pointer;font-size:1rem;font-weight:600;transition:opacity .15s,transform .1s;display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent2)}.btn-ghost{background:transparent;border:1.5px solid var(--border);color:var(--muted)}.btn-ghost:hover:not(:disabled){border-color:var(--accent);color:var(--text)}.alert{border-radius:var(--radius);padding:12px 16px;font-size:.88rem;font-weight:500;line-height:1.4}.alert-error{background:#ff55661f;color:var(--error);border:1px solid rgba(255,85,102,.25)}.alert-ok{background:#44cc881f;color:var(--ok);border:1px solid rgba(68,204,136,.25)}.spinner{display:inline-block;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .65s linear infinite;vertical-align:middle}[data-theme=magnit] .spinner,[data-theme=ozon] .spinner,[data-theme=wildberries] .spinner{border-color:#0000001f;border-top-color:currentColor}@keyframes spin{to{transform:rotate(360deg)}}.codepad-wrap{display:flex;flex-direction:column;align-items:center;gap:20px}.dots{display:flex;gap:14px;justify-content:center}.dot{width:16px;height:16px;border-radius:50%;border:2px solid var(--dot-empty);background:transparent;transition:background .12s,border-color .12s,transform .1s}.dot.filled{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;width:100%;max-width:270px}.pad-btn{background:var(--pad-bg);border:1.5px solid var(--pad-border);border-radius:12px;color:var(--text);font-size:1.3rem;font-weight:600;height:58px;cursor:pointer;transition:background .1s,transform .08s;display:flex;align-items:center;justify-content:center}.pad-btn:active:not(:disabled){transform:scale(.92)}.pad-btn:disabled{opacity:.4;cursor:not-allowed}.pad-btn.ghost{font-size:.95rem;color:var(--muted)}.stats{display:flex;flex-direction:column;gap:10px}.stat-row{display:flex;justify-content:space-between;align-items:center;background:var(--input-bg);border-radius:10px;padding:12px 16px;font-size:.95rem}.stat-row b{color:var(--accent2);font-size:1.05rem}.theme-header{display:flex;align-items:center;gap:12px;padding:20px 24px}.theme-header-inner{display:flex;align-items:center;gap:14px;width:100%}.step-bar{display:flex;gap:6px;padding:8px 24px 0}.step-dot{height:3px;flex:1;border-radius:3px;background:#dde3f0}.step-dot.active{background:var(--accent)}[data-theme=magnit]{--bg: #f5f5f5;--surface: #ffffff;--border: #ebebeb;--accent: #e31837;--accent2: #ff2d4e;--text: #1a1a1a;--muted: #888888;--error: #e31837;--ok: #1db954;--radius: 12px;--input-bg: #f9f9f9;--pad-bg: #f0f0f0;--pad-border: #e0e0e0;--dot-empty: #e0e0e0}[data-theme=magnit] body{background:var(--bg);color:var(--text)}[data-theme=magnit] .theme-header{background:linear-gradient(135deg,#e31837,#c01029);border-radius:16px 16px 0 0;padding:22px 24px 20px;display:flex;flex-direction:column;align-items:center;gap:8px}[data-theme=magnit] .theme-logo{width:52px;height:52px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.7rem;font-weight:900;color:#e31837;letter-spacing:-2px;box-shadow:0 4px 12px #00000026}[data-theme=magnit] .theme-brand{font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:.5px;text-transform:uppercase}[data-theme=magnit] .theme-brand-sub{font-size:.78rem;color:#ffffffbf;letter-spacing:.3px}[data-theme=magnit] .card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 24px #00000012;padding:0;overflow:hidden;gap:0}[data-theme=magnit] .card-body{padding:24px 24px 28px;display:flex;flex-direction:column;gap:16px}[data-theme=magnit] .title{color:#1a1a1a;font-size:1.2rem;font-weight:700;text-align:left}[data-theme=magnit] .subtitle{color:#888;font-size:.85rem;text-align:left;line-height:1.45}[data-theme=magnit] .input{background:#f9f9f9;border:1.5px solid #e0e0e0;border-radius:10px;color:#1a1a1a;font-size:1rem;padding:13px 15px}[data-theme=magnit] .input:focus{border-color:#e31837}[data-theme=magnit] .input::placeholder{color:#bbb}[data-theme=magnit] .btn-primary{background:linear-gradient(135deg,#e31837,#c01029);border-radius:10px;font-weight:700;letter-spacing:.2px;box-shadow:0 4px 12px #e3183759}[data-theme=magnit] .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ff2d4e,#e31837)}[data-theme=magnit] .btn-ghost{background:transparent;border:1.5px solid #e0e0e0;color:#888;border-radius:10px}[data-theme=magnit] .btn-ghost:hover:not(:disabled){border-color:#e31837;color:#e31837}[data-theme=magnit] .dot{border-color:#ddd}[data-theme=magnit] .dot.filled{background:#e31837;border-color:#e31837}[data-theme=magnit] .pad-btn{background:#f5f5f5;border:1.5px solid #e8e8e8;color:#1a1a1a;border-radius:10px;font-size:1.3rem;font-weight:600}[data-theme=magnit] .pad-btn:hover:not(:disabled){background:#ffe8eb;border-color:#e31837}[data-theme=magnit] .pad-btn.ghost{color:#aaa}[data-theme=magnit] .stat-row{background:#fff7f8;border:1px solid #ffe0e4;border-radius:10px}[data-theme=magnit] .stat-row b{color:#e31837}[data-theme=magnit] .alert-error{background:#fff0f2;color:#c01029;border-color:#ffc0c8}[data-theme=magnit] .alert-ok{background:#edfbf3;color:#1a7a42;border-color:#b8f0d0}[data-theme=magnit] .loyalty-badge{background:linear-gradient(90deg,#fff3e8,#ffe8eb);border:1px solid #ffd0d8;border-radius:8px;padding:10px 14px;font-size:.82rem;color:#a0343a;display:flex;align-items:center;gap:8px}[data-theme=ozon]{--bg: #f0f2f5;--surface: #ffffff;--border: #e4e7ed;--accent: #005bff;--accent2: #1a6fff;--text: #1a1a2e;--muted: #7a8299;--error: #f00f3c;--ok: #00b259;--radius: 12px;--input-bg: #f6f8fc;--pad-bg: #f0f2f8;--pad-border: #dde3f0;--dot-empty: #d5daea}[data-theme=ozon] body{background:var(--bg);color:var(--text)}[data-theme=ozon] .theme-header{background:#005bff;border-radius:16px 16px 0 0;padding:20px 24px 18px;display:flex;flex-direction:row;align-items:center;gap:14px}[data-theme=ozon] .theme-logo{font-size:1.55rem;font-weight:900;color:#fff;letter-spacing:-1.5px;line-height:1;font-family:Arial,sans-serif}[data-theme=ozon] .theme-logo span{display:inline-block;background:#ffffff2e;border-radius:6px;padding:2px 8px}[data-theme=ozon] .theme-brand-wrap{display:flex;flex-direction:column}[data-theme=ozon] .theme-brand{font-size:.95rem;font-weight:700;color:#fffffff2}[data-theme=ozon] .theme-brand-sub{font-size:.75rem;color:#ffffffa6}[data-theme=ozon] .step-bar{display:flex;gap:4px;padding:0 24px;margin-top:-4px}[data-theme=ozon] .step-dot{height:3px;flex:1;border-radius:2px;background:#d5daea}[data-theme=ozon] .step-dot.active{background:#005bff}[data-theme=ozon] .card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 2px 16px #005bff0f,0 1px 4px #0000000a;padding:0;overflow:hidden;gap:0}[data-theme=ozon] .card-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:14px}[data-theme=ozon] .title{color:#1a1a2e;font-size:1.15rem;font-weight:700;text-align:left}[data-theme=ozon] .subtitle{color:#7a8299;font-size:.85rem;text-align:left;line-height:1.4}[data-theme=ozon] .input{background:#f6f8fc;border:1.5px solid #e4e7ed;border-radius:10px;color:#1a1a2e;font-size:1rem;padding:13px 15px}[data-theme=ozon] .input:focus{border-color:#005bff;background:#fff}[data-theme=ozon] .input::placeholder{color:#bdc4d8}[data-theme=ozon] .btn-primary{background:#005bff;border-radius:10px;font-weight:700;box-shadow:0 4px 14px #005bff4d}[data-theme=ozon] .btn-primary:hover:not(:disabled){background:#1a6fff}[data-theme=ozon] .btn-ghost{background:transparent;border:1.5px solid #e4e7ed;color:#7a8299;border-radius:10px}[data-theme=ozon] .btn-ghost:hover:not(:disabled){border-color:#005bff;color:#005bff}[data-theme=ozon] .dot{border-color:#d5daea}[data-theme=ozon] .dot.filled{background:#005bff;border-color:#005bff}[data-theme=ozon] .pad-btn{background:#f0f2f8;border:1.5px solid #dde3f0;color:#1a1a2e;border-radius:10px;font-size:1.3rem;font-weight:600}[data-theme=ozon] .pad-btn:hover:not(:disabled){background:#e0ebff;border-color:#005bff;color:#005bff}[data-theme=ozon] .pad-btn.ghost{color:#aab0c6}[data-theme=ozon] .stat-row{background:#f0f5ff;border:1px solid #d5e3ff;border-radius:10px}[data-theme=ozon] .stat-row b{color:#005bff}[data-theme=ozon] .alert-error{background:#fff0f3;color:#c00030;border-color:#ffccd6}[data-theme=ozon] .alert-ok{background:#edfaf3;color:#007a40;border-color:#b8f0d4}[data-theme=ozon] .promo-chip{background:linear-gradient(90deg,#e8f0ff,#f0e8ff);border:1px solid #d0dcff;border-radius:8px;padding:9px 14px;font-size:.82rem;color:#3d5acc;display:flex;align-items:center;gap:8px;font-weight:500}[data-theme=wildberries]{--bg: #f7f4fb;--surface: #ffffff;--border: #ede7f4;--accent: #cb11ab;--accent2: #e020c0;--text: #1c1326;--muted: #8a7a99;--error: #e0115f;--ok: #26a65b;--radius: 12px;--input-bg: #f9f6fc;--pad-bg: #f2eef8;--pad-border: #e5dcf0;--dot-empty: #e2d8ee}[data-theme=wildberries] body{background:var(--bg);color:var(--text)}[data-theme=wildberries] .theme-header{background:linear-gradient(135deg,#7b1fa2,#cb11ab 60%,#e040fb);border-radius:16px 16px 0 0;padding:20px 24px;position:relative;overflow:hidden}[data-theme=wildberries] .theme-header:before{content:"";position:absolute;top:-20px;right:-20px;width:100px;height:100px;background:#ffffff14;border-radius:50%}[data-theme=wildberries] .theme-header:after{content:"";position:absolute;bottom:-30px;left:30px;width:80px;height:80px;background:#ffffff0f;border-radius:50%}[data-theme=wildberries] .theme-header-inner{position:relative;z-index:1;display:flex;align-items:center;gap:14px}[data-theme=wildberries] .theme-logo{width:48px;height:48px;background:#ffffff26;border:1.5px solid rgba(255,255,255,.3);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:900;color:#fff;letter-spacing:-1px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=wildberries] .theme-brand{font-size:1.05rem;font-weight:800;color:#fff;letter-spacing:.3px}[data-theme=wildberries] .theme-brand-sub{font-size:.76rem;color:#ffffffb3;margin-top:1px}[data-theme=wildberries] .card{background:#fff;border:1px solid var(--border);border-radius:16px;box-shadow:0 4px 24px #7b1fa214;padding:0;overflow:hidden;gap:0}[data-theme=wildberries] .card-body{padding:22px 24px 28px;display:flex;flex-direction:column;gap:15px}[data-theme=wildberries] .title{color:#1c1326;font-size:1.15rem;font-weight:700;text-align:left}[data-theme=wildberries] .subtitle{color:#8a7a99;font-size:.85rem;text-align:left;line-height:1.4}[data-theme=wildberries] .input{background:#f9f6fc;border:1.5px solid #e5dcf0;border-radius:10px;color:#1c1326;font-size:1rem;padding:13px 15px}[data-theme=wildberries] .input:focus{border-color:#cb11ab;background:#fff}[data-theme=wildberries] .input::placeholder{color:#c9bedd}[data-theme=wildberries] .btn-primary{background:linear-gradient(135deg,#9c27b0,#cb11ab);border-radius:10px;font-weight:700;box-shadow:0 4px 14px #cb11ab59}[data-theme=wildberries] .btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#ab47bc,#e020c0)}[data-theme=wildberries] .btn-ghost{background:transparent;border:1.5px solid #e5dcf0;color:#8a7a99;border-radius:10px}[data-theme=wildberries] .btn-ghost:hover:not(:disabled){border-color:#cb11ab;color:#cb11ab}[data-theme=wildberries] .dot{border-color:#e2d8ee}[data-theme=wildberries] .dot.filled{background:#cb11ab;border-color:#cb11ab}[data-theme=wildberries] .pad-btn{background:#f2eef8;border:1.5px solid #e5dcf0;color:#1c1326;border-radius:10px;font-size:1.3rem;font-weight:600}[data-theme=wildberries] .pad-btn:hover:not(:disabled){background:#f5e0f9;border-color:#cb11ab;color:#9c27b0}[data-theme=wildberries] .pad-btn.ghost{color:#c0b0d0}[data-theme=wildberries] .stat-row{background:#faf4ff;border:1px solid #ecd9f7;border-radius:10px}[data-theme=wildberries] .stat-row b{color:#9c27b0}[data-theme=wildberries] .alert-error{background:#fff0f5;color:#b00050;border-color:#ffc0d8}[data-theme=wildberries] .alert-ok{background:#edfaf4;color:#1a7040;border-color:#b8f0cc}[data-theme=wildberries] .wb-badge{background:linear-gradient(90deg,#fdf4ff,#f0f4ff);border:1px solid #e8d8f8;border-radius:8px;padding:9px 14px;font-size:.82rem;color:#7b2d9c;display:flex;align-items:center;gap:8px;font-weight:500}