@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;color:#f5f4ff;background:#09090d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 8% 4%,rgba(124,92,255,.18),transparent 28rem),radial-gradient(circle at 92% 42%,rgba(54,224,192,.1),transparent 30rem),#09090d}body:before{position:fixed;inset:0;pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 75%)}button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;gap:9px;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:0 17px;color:#efedf8;background:#ffffff0e;box-shadow:inset 0 1px #ffffff0f;font:600 13px Manrope,sans-serif;cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}button:hover:not(:disabled){transform:translateY(-2px);border-color:#ffffff4d;background:#ffffff1a}button:disabled{cursor:default;opacity:.35}button.primary{border-color:transparent;color:#0b0911;background:linear-gradient(135deg,#b8ff67,#76f4c6);box-shadow:0 8px 28px #77f4c624}.button-icon{font-size:17px;line-height:1}.app-shell{position:relative;width:min(100%,1600px);margin:0 auto;padding:28px clamp(18px,3vw,52px) 36px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:13px}.brand-mark{display:grid;width:46px;height:46px;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:linear-gradient(145deg,#9670ff40,#ffffff08);font:500 12px DM Mono,monospace}.kicker,.viewport-eyebrow{color:#85818e;font:500 9px DM Mono,monospace;letter-spacing:.16em;text-transform:uppercase}.title{margin:3px 0 0;font-size:18px;font-weight:700;letter-spacing:-.04em}.toolbar,.slider-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.header-actions{display:flex;align-items:center;gap:12px}.theme-switcher{display:flex;gap:3px;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:3px;background:#ffffff0a}.theme-button{width:38px;min-height:38px;border:0;border-radius:10px;padding:0;color:#85818e;background:transparent;box-shadow:none;font-size:14px}.theme-button:hover:not(:disabled){transform:none;border-color:transparent}.theme-button[aria-pressed=true]{color:#09090d;background:#f5f4ff;box-shadow:0 4px 15px #0000002e}.hero{position:relative;display:flex;min-height:230px;align-items:center;justify-content:space-between;overflow:hidden;margin:34px 0 26px;border:1px solid rgba(255,255,255,.1);border-radius:28px;padding:clamp(28px,5vw,58px);background:linear-gradient(115deg,#7852ff2b,#0f0f15cc 52%,#5af7cd14);box-shadow:0 24px 80px #00000040}.hero:after{position:absolute;inset:0;pointer-events:none;content:"";background:linear-gradient(105deg,transparent,rgba(255,255,255,.03),transparent)}.hero-copy{position:relative;z-index:1;max-width:720px}.hero-label{display:inline-flex;border:1px solid rgba(182,255,103,.25);border-radius:999px;padding:7px 11px;color:#b8ff67;background:#b8ff670f;font:500 9px DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.hero h2{max-width:700px;margin:17px 0 10px;font-size:clamp(36px,5.5vw,74px);line-height:.98;letter-spacing:-.07em}.hero p{max-width:580px;margin:0;color:#9e9aa9;font-size:clamp(13px,1.5vw,16px);line-height:1.6}.hero-orbit{position:relative;flex:0 0 180px;width:180px;height:180px;margin-right:2vw}.orbit{position:absolute;border:1px solid rgba(255,255,255,.14);border-radius:50%}.orbit-one{inset:2px;animation:spin 12s linear infinite}.orbit-one:after{position:absolute;top:16px;left:24px;width:9px;height:9px;border-radius:50%;content:"";background:#b8ff67;box-shadow:0 0 16px #b8ff67}.orbit-two{inset:30px;border-style:dashed;animation:spin 9s linear infinite reverse}.orbit-core{position:absolute;inset:59px;display:grid;place-items:center;border-radius:50%;color:#09090d;background:linear-gradient(145deg,#a382ff,#78f4ce);font:500 17px DM Mono,monospace}@keyframes spin{to{transform:rotate(360deg)}}.workspace{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.viewport{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:22px;padding:15px;background:#121219d1;box-shadow:0 20px 55px #00000038;backdrop-filter:blur(18px)}.viewport-header{display:flex;min-height:56px;align-items:center;justify-content:space-between;padding:0 4px 13px}.viewport-title h2{margin:4px 0 0;font-size:15px;letter-spacing:-.03em}.live-badge{display:flex;align-items:center;gap:7px;color:#a8a4b0;font:500 10px DM Mono,monospace;text-transform:uppercase}.live-badge:before{width:6px;height:6px;border-radius:50%;content:"";background:#76f4c6;box-shadow:0 0 10px #76f4c6}.canvas-frame{width:100%;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:15px;aspect-ratio:760/460;background-color:#f6f6f8;background-image:linear-gradient(45deg,#e8e8ec 25%,transparent 25%),linear-gradient(-45deg,#e8e8ec 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e8e8ec 75%),linear-gradient(-45deg,transparent 75%,#e8e8ec 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}canvas{display:block;width:100%;height:100%}.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;border:1px solid rgba(255,255,255,.09);border-radius:18px;padding:12px 14px;background:#121219b8}.nav-button{width:42px;min-height:42px;padding:0;border-radius:12px;font-size:17px}.counter{min-width:78px;color:#d8d5df;text-align:center;font:500 11px DM Mono,monospace;font-variant-numeric:tabular-nums}.status-wrap{display:flex;align-items:center;gap:9px}.status-dot{width:7px;height:7px;border-radius:50%;background:#76f4c6;box-shadow:0 0 12px #76f4c6b3}.status{color:#85818e;font:500 10px DM Mono,monospace}.error-state{margin:15vh auto;max-width:560px;padding:30px;text-align:center}:root[data-theme=light]{color-scheme:light;color:#1a1830;background:#f6f4fb}:root[data-theme=light] body{background:radial-gradient(circle at 8% 4%,rgba(111,77,255,.13),transparent 28rem),radial-gradient(circle at 92% 42%,rgba(25,196,157,.11),transparent 30rem),#f6f4fb}:root[data-theme=light] body:before{opacity:.45;background-image:linear-gradient(rgba(35,28,70,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(35,28,70,.055) 1px,transparent 1px)}:root[data-theme=light] button{border-color:#221b421f;color:#26213d;background:#ffffffb8;box-shadow:inset 0 1px #fff}:root[data-theme=light] button:hover:not(:disabled){border-color:#221b423d;background:#fff}:root[data-theme=light] button.primary{border-color:transparent;color:#171223;background:linear-gradient(135deg,#a7e94f,#64ddba)}:root[data-theme=light] .brand-mark{border-color:#261a5224;background:linear-gradient(145deg,#7b53ff2e,#ffffffd9)}:root[data-theme=light] .hero{border-color:#3023611c;background:linear-gradient(115deg,#8461ff33,#ffffffd1 52%,#3fdeb726);box-shadow:0 24px 70px #3625701c}:root[data-theme=light] .hero p,:root[data-theme=light] .kicker,:root[data-theme=light] .viewport-eyebrow,:root[data-theme=light] .status{color:#716b7e}:root[data-theme=light] .viewport,:root[data-theme=light] .footer{border-color:#291f4d1a;background:#ffffffb8;box-shadow:0 20px 55px #2a1d5c17}:root[data-theme=light] .live-badge,:root[data-theme=light] .counter{color:#5e5869}:root[data-theme=light] .theme-switcher{border-color:#221b421f;background:#221b420b}:root[data-theme=light] .theme-button{color:#777181;background:transparent;box-shadow:none}:root[data-theme=light] .theme-button[aria-pressed=true]{color:#fff;background:#272238;box-shadow:0 4px 15px #2c225233}:root[data-theme=pink]{color-scheme:dark;color:#fff4fa;background:#170a13}:root[data-theme=pink] body{background:radial-gradient(circle at 10% 4%,rgba(255,70,163,.26),transparent 30rem),radial-gradient(circle at 92% 42%,rgba(255,145,205,.13),transparent 30rem),#170a13}:root[data-theme=pink] body:before{background-image:linear-gradient(rgba(255,157,210,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,157,210,.045) 1px,transparent 1px)}:root[data-theme=pink] button.primary{color:#260617;background:linear-gradient(135deg,#ff80c5,#ffb5d9);box-shadow:0 8px 28px #ff48a933}:root[data-theme=pink] .brand-mark{border-color:#ff92cd33;background:linear-gradient(145deg,#ff41a14d,#ffffff08)}:root[data-theme=pink] .hero{border-color:#ff8bc824;background:linear-gradient(115deg,#ff369a3d,#1d0a18db 52%,#ff97cc1f)}:root[data-theme=pink] .hero-label{border-color:#ff97cd4d;color:#ff9ed1;background:#ff69b917}:root[data-theme=pink] .orbit-one:after,:root[data-theme=pink] .live-badge:before,:root[data-theme=pink] .status-dot{background:#ff82c5;box-shadow:0 0 14px #ff62b6}:root[data-theme=pink] .orbit-core{color:#2b071b;background:linear-gradient(145deg,#ff5bab,#ffc3e2)}:root[data-theme=pink] .viewport,:root[data-theme=pink] .footer{border-color:#ff8cc921;background:#230d1dd1}:root[data-theme=pink] .theme-switcher{border-color:#ff93cd26;background:#ff63b70f}:root[data-theme=pink] .theme-button[aria-pressed=true]{color:#2a071a;background:#ff9dd1}@media (max-width:900px){.app-shell{padding:18px 14px 26px}.topbar{align-items:flex-start;flex-direction:column}.header-actions,.controls-slot,.toolbar{width:100%}.header-actions{align-items:stretch;flex-direction:column}.theme-switcher{align-self:flex-start}.toolbar button{flex:1}.hero{min-height:auto;padding:34px 24px}.hero-orbit{display:none}.workspace{grid-template-columns:1fr}}@media (max-width:560px){.hero{margin-top:24px;border-radius:22px}.hero h2{font-size:40px}.viewport{border-radius:18px;padding:10px}.footer{align-items:stretch;flex-direction:column}.slider-slot,.slider-controls{width:100%}.slider-controls .counter{flex:1}.status-wrap{justify-content:center;padding:4px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}