:root{--bg: #0a0a0a;--text: #e4e4e4;--text-strong: #ffffff;--text-muted: #b9b9b9;--text-dim: #7a7a7a;--red: #dd1c29;--red-bright: #ff3344;--red-coral: #ff6c76;--glass: rgba(255, 255, 255, .045);--glass-hover: rgba(255, 255, 255, .075);--glass-brd: rgba(255, 255, 255, .1);--glass-brd-strong: rgba(255, 255, 255, .18);--hi: inset 0 1px 0 rgba(255, 255, 255, .06);--ease: cubic-bezier(.22, 1, .36, 1);font-family:Manrope,system-ui,-apple-system,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);-webkit-font-smoothing:antialiased}body{min-height:100vh;background:radial-gradient(55% 45% at 12% -6%,rgba(221,28,41,.13),transparent 72%),radial-gradient(46% 42% at 110% 18%,rgba(255,51,68,.09),transparent 70%),var(--bg)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{min-height:100vh}.nav{position:sticky;top:0;z-index:50;background:#0a0a0a99;backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);border-bottom:1px solid var(--glass-brd)}.nav-inner{max-width:1120px;margin:0 auto;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.nav-mark{font-size:16px;letter-spacing:.4px}.nav-cta{display:inline-flex;align-items:center;gap:8px;background:var(--red-bright);color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:10px 18px;border-radius:999px;white-space:nowrap;transition:filter .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.nav-cta:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 8px 22px #ff334457}.nav-cta:active{transform:translateY(0)}.nav-cta .arrow{transition:transform .18s var(--ease)}.nav-cta:hover .arrow{transform:translate(3px)}@media (max-width: 480px){.sm-hide{display:none}}.wrap{max-width:1120px;margin:0 auto;padding:32px 20px 64px}.head{text-align:center;margin-bottom:28px}.wordmark{font-weight:800;font-size:22px;letter-spacing:.5px}.wordmark .yr{color:var(--red-bright)}.head h1{font-size:30px;font-weight:800;margin:14px 0 6px;color:var(--text-strong);line-height:1.1}.head p{color:var(--text-dim);margin:0;font-size:14px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}@media (max-width: 860px){.grid{grid-template-columns:1fr}}.panel{background:var(--glass);border:1px solid var(--glass-brd);border-radius:20px;padding:22px;backdrop-filter:blur(18px) saturate(125%);-webkit-backdrop-filter:blur(18px) saturate(125%);box-shadow:var(--hi),0 24px 60px #0006}.field{margin-bottom:16px}.field label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);margin-bottom:7px}.field input[type=text],.msg textarea{width:100%;background:var(--glass);border:1px solid var(--glass-brd);color:var(--text-strong);border-radius:12px;font-size:16px;font-family:inherit;box-shadow:var(--hi);transition:border-color .18s var(--ease),background .18s var(--ease),box-shadow .18s var(--ease)}.field input[type=text]{padding:13px 14px}.msg textarea{font-size:14px;line-height:1.5;padding:12px 14px;resize:vertical;min-height:96px;color:var(--text)}.field input[type=text]:hover,.msg textarea:hover{background:var(--glass-hover);border-color:var(--glass-brd-strong)}.field input[type=text]:focus,.msg textarea:focus{outline:none;background:#ffffff0f;border-color:var(--red-bright);box-shadow:var(--hi),0 0 0 3px #ff33442e}::placeholder{color:var(--text-dim)}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{flex:1;min-width:90px;background:var(--glass);border:1px solid var(--glass-brd);color:var(--text-muted);border-radius:999px;padding:11px 12px;font-size:13px;font-weight:600;font-family:inherit;cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease),color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease)}.seg button:hover{background:var(--glass-hover);border-color:var(--glass-brd-strong);color:var(--text-strong);transform:translateY(-1px)}.seg button:active{transform:translateY(0)}.seg button.active{background:var(--red-bright);border-color:transparent;color:#fff;box-shadow:0 6px 18px #ff33444d}.seg button.active:hover{transform:translateY(-1px);background:var(--red-bright)}.uploader{border:1.5px dashed var(--glass-brd-strong);border-radius:14px;padding:18px;text-align:center;color:var(--text-dim);cursor:pointer;font-size:14px;background:var(--glass);transition:border-color .18s var(--ease),background .18s var(--ease)}.uploader:hover{border-color:var(--red-coral);background:var(--glass-hover)}.uploader strong{color:var(--text)}.uploader input{display:none}.check{display:flex;align-items:center;gap:9px;margin-top:10px;font-size:13.5px;color:var(--text-muted);cursor:pointer}.check input{width:16px;height:16px;accent-color:var(--red-bright)}.status{font-size:12.5px;margin-top:8px;color:var(--text-dim)}.status.ok{color:var(--red-coral)}.preview-col{position:sticky;top:20px}.canvas-frame{display:flex;justify-content:center;background:transparent;position:relative}.loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:16px;background:#0a0a0a8c;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.spinner{width:46px;height:46px;border-radius:50%;border:4px solid rgba(255,255,255,.16);border-top-color:var(--red-bright);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading .lt{color:#fff;font-weight:700;font-size:15px}.loading .ls{color:var(--text-muted);font-size:12.5px}canvas.badge{max-width:100%;max-height:72vh;height:auto;border-radius:16px;box-shadow:0 24px 60px #0000008c}.actions{margin-top:18px;display:flex;flex-direction:column;gap:12px}.msg{display:flex;flex-direction:column}.msg-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.msg-head label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim)}button.link{background:none;border:none;color:var(--red-coral);font:inherit;font-size:13px;font-weight:600;cursor:pointer;padding:0;transition:color .15s var(--ease)}button.link:hover{color:var(--red-bright)}.row{display:flex;gap:10px;flex-wrap:wrap}.btn{flex:1;min-width:120px;border:1px solid transparent;border-radius:12px;padding:15px 16px;font-size:15px;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:background .18s var(--ease),border-color .18s var(--ease),transform .18s var(--ease),box-shadow .18s var(--ease),filter .18s var(--ease)}.btn:active{transform:translateY(0)}.btn-primary{background:var(--red-bright);color:#fff}.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 26px #ff334457}.btn-ghost{background:var(--glass);color:var(--text);border:1px solid var(--glass-brd)}.btn-ghost:hover{background:var(--glass-hover);border-color:var(--glass-brd-strong);transform:translateY(-1px)}.channels{display:flex;gap:8px}.channels .btn{min-width:0;font-size:14px;padding:12px}.hint{color:var(--text-dim);font-size:12px;text-align:center;margin-top:6px;line-height:1.5}.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);background:#161414b8;border:1px solid var(--glass-brd);color:var(--text-strong);padding:12px 18px;border-radius:999px;font-size:14px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 10px 30px #00000080}@media (prefers-reduced-motion: reduce){*{transition:none!important}.btn:hover,.seg button:hover,.btn-ghost:hover{transform:none}}