@keyframes _28pr410{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes _28pr411{0%{opacity:.35}to{opacity:.75}}._28pr41e{--_28pr412:"Space Grotesk","Futura","Avenir Next",sans-serif;--_28pr413:"DM Sans","Gill Sans","Trebuchet MS",sans-serif;--_28pr414:"IBM Plex Mono","Menlo","Monaco",monospace;--_28pr415:#161a23;--_28pr416:#556071;--_28pr417:#ff6b4a;--_28pr418:rgba(255,107,74,0.18);--_28pr419:rgba(255,255,255,0.9);--_28pr41a:rgba(255,255,255,0.7);--_28pr41b:rgba(21,28,40,0.12);--_28pr41c:rgba(15,18,30,0.35);--_28pr41d:rgba(15,18,30,0.16);min-height:100vh;color:var(--_28pr415);font-family:var(--_28pr413);background:radial-gradient(circle at 12% 15%,rgba(129,212,250,.35) 0,rgba(129,212,250,0) 42%),radial-gradient(circle at 85% 18%,rgba(255,214,165,.45) 0,rgba(255,214,165,0) 45%),linear-gradient(135deg,#f6f7fb,#eef2f7 55%,#f7f5f2);position:relative;overflow:hidden;isolation:isolate}._28pr41e:before{inset:0;background-image:radial-gradient(circle,rgba(15,18,30,.06) 1px,transparent 0);background-size:20px 20px;opacity:.35}._28pr41e:after,._28pr41e:before{content:"";position:fixed;pointer-events:none;z-index:0}._28pr41e:after{inset:-10% -10%;background-image:radial-gradient(circle at 20% 70%,rgba(255,107,74,.12) 0,transparent 55%),radial-gradient(circle at 80% 80%,rgba(64,196,255,.14) 0,transparent 50%)}._28pr41f{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:32px 18px 64px;gap:24px}._28pr41f,._28pr41g{display:flex;flex-direction:column}._28pr41g{background:linear-gradient(140deg,rgba(255,255,255,.98),rgba(255,255,255,.78));border-radius:28px;border:1px solid var(--_28pr41b);padding:28px;box-shadow:0 24px 50px var(--_28pr41d);gap:18px;animation:_28pr410 .6s ease both}._28pr41h{display:flex;flex-direction:column;gap:12px}._28pr41i{margin:0;text-transform:uppercase;letter-spacing:.28em;font-size:.7rem;font-weight:700;color:var(--_28pr416)}._28pr41j{font-family:var(--_28pr412);font-size:2.3rem;margin:6px 0 0;letter-spacing:.02em;font-weight:700}._28pr41k{margin:0;font-size:1rem;line-height:1.7;color:var(--_28pr416)}._28pr41l{display:flex;flex-wrap:wrap;gap:10px}._28pr41m{padding:8px 14px;border-radius:999px;border:1px solid var(--_28pr41b);background:var(--_28pr419);font-size:.75rem;font-weight:600;box-shadow:0 10px 22px var(--_28pr41d);animation:_28pr410 .5s ease both}._28pr41n{display:grid;gap:22px;grid-template-columns:1fr;align-items:start}._28pr41o{background:var(--_28pr419);border-radius:26px;border:1px solid var(--_28pr41b);padding:22px;box-shadow:0 24px 54px var(--_28pr41d);gap:16px;animation:_28pr410 .6s ease both;animation-delay:.08s}._28pr41o,._28pr41p{display:flex;flex-direction:column}._28pr41p{gap:8px}._28pr41q{font-size:1.1rem;font-weight:700}._28pr41r{margin:4px 0 0;font-size:.85rem;color:var(--_28pr416)}._28pr41s{position:relative;border-radius:22px;min-height:340px;max-height:560px;padding:16px;border:1px solid var(--_28pr41b);overflow:auto;display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);transition:border-color .2s ease,box-shadow .2s ease}._28pr41s[data-background=checker]{background-image:linear-gradient(45deg,rgba(15,18,30,.08) 25%,transparent 0),linear-gradient(-45deg,rgba(15,18,30,.08) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(15,18,30,.08) 0),linear-gradient(-45deg,transparent 75%,rgba(15,18,30,.08) 0);background-size:26px 26px;background-position:0 0,0 13px,13px -13px,-13px 0;background-color:#f2f4f8}._28pr41s[data-background=light]{background-image:linear-gradient(135deg,#fdfcff,#f0f3f8);background-color:#f8fafc}._28pr41s[data-background=dark]{background-image:linear-gradient(135deg,#10131a,#1a1f2b);background-color:#111722}._28pr41s[data-dragging=true]{border-color:var(--_28pr417);box-shadow:0 0 0 3px var(--_28pr418)}._28pr41s[data-picking=true]{cursor:crosshair}._28pr41t{max-width:100%;max-height:100%;width:100%;height:auto;border-radius:18px;display:block;box-shadow:0 14px 30px rgba(0,0,0,.18)}._28pr41t[data-visible=false]{display:none}._28pr41u{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--_28pr416);text-align:center;padding:24px}._28pr41v{font-size:1rem;font-weight:700}._28pr41w{font-size:.85rem;line-height:1.6;margin:0}._28pr41x{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(16,19,26,.35);color:#ffffff;font-size:.9rem;font-weight:600;text-align:center;padding:20px;animation:_28pr411 1.4s ease-in-out infinite alternate;pointer-events:none}._28pr41y{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;background:var(--_28pr41a);border-radius:16px;border:1px solid var(--_28pr41b);padding:12px}._28pr41z{display:flex;flex-direction:column;gap:6px;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--_28pr416)}._28pr4110{font-size:.9rem;font-weight:700;color:var(--_28pr415);letter-spacing:.05em}._28pr4111{display:flex;flex-direction:column;gap:18px;animation:_28pr410 .6s ease both;animation-delay:.14s}._28pr4112{background:var(--_28pr419);border-radius:22px;border:1px solid var(--_28pr41b);box-shadow:0 18px 40px var(--_28pr41d);gap:12px}._28pr4112,._28pr4113{padding:18px;display:flex;flex-direction:column}._28pr4113{border-radius:18px;border:1px dashed var(--_28pr41b);background:rgba(255,255,255,.8);gap:10px;align-items:center;text-align:center;transition:border-color .2s ease,box-shadow .2s ease}._28pr4113[data-active=true]{border-color:var(--_28pr417);box-shadow:0 0 0 3px var(--_28pr418)}._28pr4114{font-size:.9rem;font-weight:700}._28pr4115{margin:0;font-size:.78rem;color:var(--_28pr416);line-height:1.6}._28pr4116{display:none}._28pr4117{display:flex;flex-wrap:wrap;gap:8px}._28pr4118{padding:8px 14px;border-radius:999px;border:1px solid var(--_28pr41b);background:var(--_28pr41a);color:var(--_28pr415);font-size:.78rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}._28pr4118:hover{transform:translateY(-1px);box-shadow:0 12px 24px var(--_28pr41d)}._28pr4118:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}._28pr4118[data-variant=primary]{background:var(--_28pr417);border-color:var(--_28pr417);color:#ffffff;box-shadow:0 16px 28px var(--_28pr41c)}._28pr4118[data-variant=ghost]{background:rgba(255,255,255,.6)}._28pr4118[data-active=true]{border-color:var(--_28pr417);box-shadow:0 0 0 2px var(--_28pr418)}._28pr4119{display:grid;gap:6px;font-size:.76rem;color:var(--_28pr416)}._28pr411a{font-size:.78rem;color:#d64545;font-weight:600}._28pr411b{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}._28pr411c{width:36px;height:36px;border-radius:12px;border:1px solid var(--_28pr41b);box-shadow:inset 0 0 0 1px rgba(255,255,255,.4)}._28pr411d{display:flex;flex-direction:column;gap:4px;font-size:.78rem;color:var(--_28pr416)}._28pr411e{font-family:var(--_28pr414);font-size:.9rem;color:var(--_28pr415)}._28pr411f{width:44px;height:44px;border-radius:12px;border:1px solid var(--_28pr41b);background:transparent;padding:0;cursor:pointer}._28pr411g{display:flex;flex-wrap:wrap;gap:8px}._28pr411h{border-radius:999px;border:1px solid var(--_28pr41b);padding:6px 12px;font-size:.72rem;font-weight:600;background:rgba(255,255,255,.8);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}._28pr411h:hover{transform:translateY(-1px);box-shadow:0 10px 20px var(--_28pr41d)}._28pr411i{font-size:.74rem;color:var(--_28pr416);line-height:1.6}._28pr411j{display:grid;gap:8px}._28pr411k{display:flex;align-items:center;justify-content:space-between;font-size:.78rem;font-weight:600;color:var(--_28pr416)}._28pr411l{font-family:var(--_28pr414);font-size:.85rem;color:var(--_28pr415)}._28pr411m{width:100%;accent-color:var(--_28pr417)}._28pr411n{display:flex;align-items:center;gap:10px;font-size:.78rem;font-weight:600;color:var(--_28pr415)}._28pr411o{width:42px;height:24px}._28pr411p{display:grid;gap:8px}._28pr411q{display:flex;flex-wrap:wrap;gap:8px}._28pr411r{padding:6px 12px;border-radius:999px;border:1px solid var(--_28pr41b);background:rgba(255,255,255,.75);font-size:.72rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}._28pr411r[data-active=true]{border-color:var(--_28pr417);box-shadow:0 0 0 2px var(--_28pr418)}._28pr411r:hover{transform:translateY(-1px)}._28pr411s{background:var(--_28pr419);border-radius:24px;border:1px solid var(--_28pr41b);padding:22px;box-shadow:0 20px 40px var(--_28pr41d);display:flex;flex-direction:column;gap:12px;animation:_28pr410 .6s ease both;animation-delay:.2s}._28pr411t{font-size:1.1rem;font-weight:700}._28pr411u{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}._28pr411v{padding:12px 14px;border-radius:14px;background:rgba(255,255,255,.78);border:1px solid var(--_28pr41b);font-size:.8rem;color:var(--_28pr416);line-height:1.6}@media (min-width:768px){._28pr41f{padding:40px 28px 72px}._28pr41j{font-size:2.8rem}}@media (min-width:980px){._28pr41n{grid-template-columns:minmax(0,1.4fr) minmax(0,.9fr)}._28pr4111{position:sticky;top:24px}}@media (min-width:720px){._28pr41p{flex-direction:row;align-items:center;justify-content:space-between}}