:root{--bg-dark:#08090d;--bg-secondary:#11131c;--surface-elevated:#191a2a;--surface-overlay:#191a2ae0;--surface-panel:#1e2034;--surface-card:#242640;--purple-electric:#925bff;--purple-goo:#bc79ff;--purple-dark:#4b238f;--lime-acid:#d6ff70;--lime-glow:#e6ff9c;--cyan-electric:#54f5e7;--pink-hot:#ff5ca8;--red-coral:#ff5268;--blue-sky:#65b9ff;--orange-caution:#ffa834;--paper-cream:#f4ebd8;--paper-white:#fcf9f2;--paper-shadow:#e0d4be;--text-main:#fff9f0;--text-muted:#b8b4c9;--text-dim:#79768f;--text-inverse:#08090d;--font-display:"Fredoka", "Outfit", system-ui, sans-serif;--font-ui:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-hand:"Caveat", cursive;--font-mono:"Space Mono", monospace;--border-doodle:2px dashed #925bff;--border-lime:2px solid #d6ff70;--border-cyan:2px solid #54f5e7;--border-dark:2px solid #2e3150;--border-subtle:1px solid #b8b4c926;--shadow-neon-purple:0 0 25px #bc79ff73, 0 0 50px #925bff33;--shadow-neon-lime:0 0 20px #d6ff7080, 0 0 40px #d6ff7040;--shadow-neon-cyan:0 0 20px #54f5e780;--shadow-neon-pink:0 0 25px #ff5ca873;--shadow-neon-coral:0 0 30px #ff52688c;--shadow-card:0 12px 32px #00000080, 0 2px 6px #0006;--shadow-float:0 20px 40px #0009;--shadow-button-press:0 2px 0 #000c;--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--radius-pill:9999px;--radius-blob:42% 58% 70% 30% / 45% 45% 55% 55%;--transition-bounce:.3s cubic-bezier(.34, 1.56, .64, 1);--transition-smooth:.2s ease-out;--transition-slow:.5s ease-in-out}@keyframes islandFloat{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(.4deg)}}@keyframes portalPulse{0%,to{transform:scale(1);box-shadow:0 0 30px #bc79ff66,inset 0 0 25px #925bff80}50%{transform:scale(1.03);box-shadow:0 0 50px #bc79ffa6,inset 0 0 45px #bc79ffb3}}@keyframes portalGooMorph{0%{border-radius:52% 48% 60% 40%/48% 54% 46% 52%}33%{border-radius:46% 54% 48% 52%/54% 46%}66%{border-radius:58% 42% 52% 48%/44% 56%}to{border-radius:52% 48% 60% 40%/48% 54% 46% 52%}}@keyframes dashedSpin{to{stroke-dashoffset:-100px}}@keyframes starTwinkle{0%,to{opacity:.2;transform:scale(.8)}50%{opacity:.95;transform:scale(1.2)}}@keyframes paperDrift{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-8px)rotate(3deg)}to{transform:translateY(0)rotate(0)}}@keyframes mascotBlink{0%,96%,to{transform:scaleY(1)}98%{transform:scaleY(.1)}}@keyframes mascotPeek{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-6px)rotate(1deg)}}@keyframes crtFlicker{0%,to{opacity:.98}50%{opacity:.93}}@keyframes crtScanlines{0%{background-position:0 0}to{background-position:0 100%}}@keyframes warningLightBlink{0%,to{background-color:#ff5268;box-shadow:0 0 12px #ff5268}50%{box-shadow:none;background-color:#591620}}@keyframes steamPuff{0%{opacity:0;transform:translateY(0)scale(.6)}50%{opacity:.7;transform:translateY(-15px)scale(1.2)}to{opacity:0;transform:translateY(-30px)scale(1.6)}}@keyframes wobble{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)scale(1.04)}75%{transform:rotate(3deg)scale(1.04)}}@keyframes titleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes underlineWiggle{0%,to{stroke-dashoffset:0}50%{stroke-dashoffset:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-dark);width:100%;min-height:100%;color:var(--text-main);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(1px 1px at 20px 30px,#ffffff40,#0000),radial-gradient(1.5px 1.5px at 100px 150px,#925bff66,#0000),radial-gradient(1px 1px at 250px 80px,#54f5e759,#0000),radial-gradient(1.5px 1.5px at 350px 220px,#d6ff7059,#0000),radial-gradient(1px 1px at 450px 120px,#ff5ca84d,#0000);background-size:550px 450px;line-height:1.5;overflow-x:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--surface-card);border:2px solid var(--purple-electric);border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb:hover{background:var(--purple-electric);box-shadow:0 0 10px var(--purple-electric)}::selection{background-color:var(--lime-acid);color:var(--text-inverse)}:focus-visible{outline:3px solid var(--lime-acid);outline-offset:3px;border-radius:var(--radius-sm)}.font-display{font-family:var(--font-display)}.font-hand{font-family:var(--font-hand)}.font-mono{font-family:var(--font-mono)}.chunky-logo{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:#fff9f0;text-shadow:0 1px #925bff,0 2px #8549f7,0 3px #7633f0,0 4px #6820e5,0 5px #5810d7,0 6px 1px #00000080,0 0 25px #bc79ff99,0 0 50px #54f5e74d;cursor:pointer;transition:transform var(--transition-bounce);-webkit-user-select:none;user-select:none;font-size:clamp(2.4rem,6vw,4.8rem);font-weight:900;animation:4s ease-in-out infinite titleFloat;display:inline-block}.chunky-logo:hover{transform:scale(1.03)rotate(-1deg)}.sticky-note{font-family:var(--font-hand);color:#1a1a24;-webkit-user-select:none;user-select:none;background:#fff8bb;border-radius:4px;padding:10px 14px;font-size:1.25rem;font-weight:700;line-height:1.2;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:inline-block;position:relative;transform:rotate(-2deg);box-shadow:3px 4px 12px #00000073,inset 0 0 20px #0000000d}.sticky-note:after{content:"";background:#ffffff80;width:32px;height:14px;position:absolute;top:-8px;left:35%;transform:rotate(2deg);box-shadow:0 1px 3px #0003}.sticky-note:hover{transform:rotate(0)scale(1.05);box-shadow:4px 8px 16px #0009}.sticky-note.pink{color:#3b001d;background:#ffc2df}.sticky-note.lime{color:#172b00;background:#e2ff94}.sticky-note.cyan{color:#002d27;background:#bbf9f3}.checkerboard-strip{opacity:.8;background-color:#191a2a;background-image:linear-gradient(45deg,#11131c 25%,#0000 25%),linear-gradient(-45deg,#11131c 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#11131c 75%),linear-gradient(-45deg,#0000 75%,#11131c 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border-top:2px dashed #925bff;border-bottom:2px dashed #925bff;width:100%;height:24px}.btn-chunky{font-family:var(--font-display);cursor:pointer;border-radius:var(--radius-md);color:var(--text-inverse);-webkit-user-select:none;user-select:none;border:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:700;transition:transform .1s,box-shadow .1s;display:inline-flex;position:relative}.btn-coral{background:var(--red-coral);box-shadow:0 5px #b32537,0 10px 20px #ff526866}.btn-coral:hover{transform:translateY(-2px);box-shadow:0 7px #b32537,0 14px 25px #ff52688c}.btn-coral:active{transform:translateY(4px);box-shadow:0 1px #b32537}.btn-lime{background:var(--lime-acid);box-shadow:0 5px #8cb820,0 10px 20px #d6ff7059}.btn-lime:hover{transform:translateY(-2px);box-shadow:0 7px #8cb820,0 14px 25px #d6ff7080}.btn-lime:active{transform:translateY(4px);box-shadow:0 1px #8cb820}.btn-purple{background:var(--purple-electric);color:#fff;box-shadow:0 5px #5f2bc9,0 10px 20px #925bff66}.btn-purple:hover{transform:translateY(-2px);box-shadow:0 7px #5f2bc9,0 14px 25px #925bff8c}.btn-purple:active{transform:translateY(4px);box-shadow:0 1px #5f2bc9}.btn-dark{background:var(--surface-card);color:var(--text-main);border:2px solid var(--purple-electric);box-shadow:0 4px #10111d}.btn-dark:hover{transform:translateY(-2px);box-shadow:0 6px #10111d,0 0 15px #925bff4d}.btn-dark:active{transform:translateY(3px);box-shadow:0 1px #10111d}.btn-disabled,.btn-chunky:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5);transform:none!important;box-shadow:0 3px #0006!important}.hazard-stripes{background:repeating-linear-gradient(-45deg,#ffc72c,#ffc72c 12px,#1a1a24 12px 24px)}.playground-container{flex-direction:column;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.scene-navbar{z-index:40;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:relative}.brand-wrapper{cursor:pointer;align-items:center;gap:14px;display:flex}.brand-icon{filter:drop-shadow(0 0 12px #bc79ff99);width:44px;height:44px;transition:transform var(--transition-bounce)}.brand-icon:hover{transform:rotate(-12deg)scale(1.15)}.brand-text h1{font-family:var(--font-display);color:var(--text-main);letter-spacing:-.01em;margin:0;font-size:1.5rem;font-weight:800;line-height:1.1}.brand-subtitle{font-family:var(--font-hand);color:var(--lime-acid);font-size:1.15rem;font-weight:700}.nav-actions{align-items:center;gap:12px;display:flex}.icon-toggle-btn{background:var(--surface-panel);color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;border:1.5px solid #925bff66;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.icon-toggle-btn:hover{color:var(--lime-acid);border-color:var(--lime-acid);transform:scale(1.05);box-shadow:0 0 12px #d6ff704d}.icon-toggle-btn.active{color:var(--lime-acid);border-color:var(--lime-acid);background:#d6ff701f}.hero-header{text-align:center;z-index:30;padding:10px 20px 20px;position:relative}.hero-tagline{color:var(--cyan-electric);justify-content:center;align-items:center;gap:8px;margin-top:4px;font-size:1.15rem;font-weight:600;display:flex}.hand-underline{stroke:var(--pink-hot);stroke-width:3px;filter:drop-shadow(0 0 6px var(--pink-hot));margin-top:2px}.main-stage{flex:1;grid-template-columns:360px 1fr 380px;align-items:start;gap:24px;width:100%;max-width:1680px;margin:0 auto;padding:0 28px 40px;display:grid;position:relative}@media (width<=1300px){.main-stage{grid-template-columns:320px 1fr}.stage-right{grid-column:1/-1}}@media (width<=900px){.main-stage{flex-direction:column;gap:32px;padding:0 16px 30px;display:flex}}.stage-left{flex-direction:column;gap:18px;display:flex;position:relative}.portal-container{border:3px dashed var(--purple-goo);border-radius:var(--radius-blob);text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;background:radial-gradient(circle,#38156d 0%,#17082e 70%,#0c0419 100%);flex-direction:column;justify-content:center;align-items:center;min-height:320px;padding:40px 24px 34px;transition:border-color .3s,box-shadow .3s,transform .2s;animation:8s ease-in-out infinite portalGooMorph,4s ease-in-out infinite portalPulse;display:flex;position:relative}.portal-container:hover{border-color:var(--lime-acid);transform:scale(1.02);box-shadow:0 0 40px #d6ff7066,inset 0 0 30px #bc79ff99}.portal-container.drag-active{border-color:var(--lime-acid);background:radial-gradient(circle,#4f1d9e 0%,#290a56 70%,#15032d 100%);border-style:solid;transform:scale(1.06);box-shadow:0 0 60px #d6ff70b3,inset 0 0 50px #54f5e799}.portal-swirl-icon{width:64px;height:64px;color:var(--lime-acid);filter:drop-shadow(0 0 15px var(--lime-acid));margin-bottom:12px;animation:4s ease-in-out infinite wobble}.portal-prompt-main{font-family:var(--font-display);color:var(--text-main);margin-bottom:6px;font-size:1.4rem;font-weight:800}.portal-prompt-sub{font-family:var(--font-hand);color:var(--lime-acid);font-size:1.25rem;font-weight:700}.portal-drag-alert{font-family:var(--font-display);color:var(--lime-acid);letter-spacing:.05em;text-shadow:0 0 20px var(--lime-acid);font-size:1.5rem;font-weight:900}.mascot-perch{cursor:pointer;z-index:10;transition:transform .2s cubic-bezier(.34,1.56,.64,1);position:absolute;top:-46px;right:18px}.mascot-perch:hover{transform:scale(1.15)rotate(4deg)}.mascot-speech-bubble{background:var(--paper-cream);color:#11131c;font-family:var(--font-hand);white-space:nowrap;pointer-events:none;z-index:20;border-radius:12px;padding:6px 14px;font-size:1.15rem;font-weight:700;animation:3s ease-in-out infinite paperDrift;position:absolute;bottom:85%;right:-20px;box-shadow:0 4px 15px #00000080}.mascot-speech-bubble:after{content:"";background:var(--paper-cream);width:10px;height:10px;position:absolute;bottom:-6px;right:32px;transform:rotate(45deg)}.stage-center{flex-direction:column;align-items:center;min-height:580px;display:flex;position:relative}.floating-island-wrap{width:100%;max-width:680px;animation:6s ease-in-out infinite islandFloat;position:relative}.tool-pedestals-container{z-index:20;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;width:100%;margin-top:-30px;display:grid;position:relative}.tool-object-btn{background:var(--surface-panel);border:2px solid var(--purple-electric);border-radius:var(--radius-md);text-align:center;cursor:pointer;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 8px 18px #00000073}.tool-object-btn:hover{border-color:var(--lime-acid);transform:translateY(-8px)scale(1.05);box-shadow:0 14px 28px #0009,0 0 20px #d6ff7059}.tool-icon-wrapper{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.6rem;transition:transform .2s;display:flex}.tool-object-btn:hover .tool-icon-wrapper{transform:rotate(8deg)scale(1.1)}.tool-title{font-family:var(--font-display);color:var(--text-main);font-size:.95rem;font-weight:800;line-height:1.2}.tool-subtitle{font-family:var(--font-hand);color:var(--lime-acid);font-size:.95rem;font-weight:700;line-height:1.1}.stage-right{flex-direction:column;gap:20px;display:flex}.crt-housing{background:#171926;border:4px solid #2e3150;border-radius:20px;padding:16px;position:relative;box-shadow:0 15px 35px #0009,inset 0 2px 4px #ffffff1a}.crt-bezel{background:#090b12;border:3px solid #10121d;border-radius:12px;padding:12px;position:relative;overflow:hidden;box-shadow:inset 0 0 25px #000c}.crt-scanlines{pointer-events:none;z-index:5;opacity:.6;background:linear-gradient(#12101000 50%,#00000059 50%) 0 0/100% 4px;position:absolute;inset:0}.crt-header{border-bottom:1px dashed #b8b4c933;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.crt-expression-face{font-family:var(--font-mono);color:var(--lime-acid);text-shadow:0 0 8px var(--lime-acid);cursor:pointer;-webkit-user-select:none;user-select:none;font-size:1.1rem;font-weight:700}.crt-screen-content{flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex;position:relative}.crt-preview-canvas{object-fit:contain;background:#fff;border-radius:4px;max-width:100%;max-height:280px;box-shadow:0 4px 14px #0009}.processing-machine-box{background:#181926;border:3px solid #282a42;border-radius:16px;padding:18px;position:relative;box-shadow:0 12px 28px #0009}.machine-top-bar{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.warning-lamp{background:#ff5268;border-radius:50%;width:16px;height:16px;animation:1.5s infinite warningLightBlink}.machine-steam-vent{gap:4px;display:flex}.vent-hole{background:#090a10;border-radius:3px;width:6px;height:12px}.machine-button-housing{text-align:center;padding:12px 0 6px}.giant-coral-btn{font-family:var(--font-display);letter-spacing:.04em;color:#fff9f0;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(#ff6b7e 0%,#ff5268 60%,#e03248 100%);border:none;border-radius:16px;width:100%;padding:16px 36px;font-size:1.45rem;font-weight:900;transition:transform .1s,box-shadow .1s;position:relative;box-shadow:0 8px #9e1828,0 15px 30px #ff526880}.giant-coral-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px #9e1828,0 20px 40px #ff5268a6}.giant-coral-btn:active:not(:disabled){transform:translateY(6px);box-shadow:0 2px #9e1828}.giant-coral-btn:disabled{opacity:.55;filter:grayscale(.5);cursor:not-allowed;transform:none;box-shadow:0 4px #591620}.machine-subtitle{font-family:var(--font-hand);color:var(--lime-acid);text-align:center;margin-top:8px;font-size:1.15rem;font-weight:700}.scene-footer{z-index:30;background:#0d0e16;border-top:2px dashed #925bff66;margin-top:auto;padding:24px 28px;position:relative}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;display:flex}.footer-tags{font-family:var(--font-display);color:var(--text-muted);align-items:center;gap:12px;font-size:.9rem;display:flex}.footer-badge{background:var(--surface-card);border-radius:var(--radius-pill);color:var(--cyan-electric);border:1px solid #54f5e74d;padding:4px 10px}.coffee-cup-btn{cursor:pointer;color:var(--lime-acid);font-size:1.4rem;font-family:var(--font-hand);transition:transform var(--transition-bounce);background:0 0;border:none;align-items:center;gap:6px;font-weight:700;display:inline-flex}.coffee-cup-btn:hover{transform:scale(1.18)rotate(6deg)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;background:#08090dd9;justify-content:center;align-items:center;padding:24px 16px;display:flex;position:fixed;inset:0;overflow-y:auto}.workspace-dialog{background:var(--surface-panel);border:3px solid var(--purple-electric);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:980px;max-height:90vh;animation:.3s cubic-bezier(.34,1.56,.64,1) wobble;display:flex;position:relative;overflow:hidden;box-shadow:0 25px 50px #000c,0 0 30px #925bff4d}.workspace-header{background:#141624;border-bottom:2px dashed #bc79ff4d;justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.workspace-header-title{align-items:center;gap:12px;display:flex}.workspace-header-title h2{font-family:var(--font-display);color:var(--text-main);font-size:1.5rem;font-weight:800}.workspace-header-title .tag{font-family:var(--font-hand);color:var(--lime-acid);font-size:1.15rem;font-weight:700}.workspace-close-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;transition:all .2s;display:flex}.workspace-close-btn:hover{color:var(--red-coral);transform:scale(1.15)rotate(9deg)}.workspace-body{flex-direction:column;flex:1;gap:20px;padding:24px;display:flex;overflow-y:auto}.file-queue-list{flex-direction:column;gap:10px;display:flex}.file-queue-item{background:var(--surface-card);border-radius:var(--radius-md);border:1.5px solid #925bff4d;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;transition:all .2s;display:flex}.file-queue-item:hover{border-color:var(--cyan-electric);box-shadow:0 4px 12px #54f5e726}.file-item-info{flex:1;align-items:center;gap:12px;display:flex;overflow:hidden}.file-icon{width:36px;height:36px;color:var(--purple-goo);background:#925bff33;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-name{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:600;overflow:hidden}.file-meta{color:var(--text-muted);font-size:.8rem;font-family:var(--font-mono)}.file-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.file-action-btn{color:var(--text-muted);cursor:pointer;background:#191b2c;border:1px solid #b8b4c933;border-radius:6px;justify-content:center;align-items:center;padding:6px 10px;transition:all .15s;display:flex}.file-action-btn:hover{color:var(--lime-acid);border-color:var(--lime-acid)}.file-action-btn.danger:hover{color:var(--red-coral);border-color:var(--red-coral)}.thumbnail-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:16px;padding:10px 0;display:grid}.thumbnail-card{border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;background:#151726;border:2px solid #2e3150;flex-direction:column;align-items:center;padding:8px;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.thumbnail-card:hover{border-color:var(--purple-goo);transform:translateY(-4px);box-shadow:0 8px 16px #00000080}.thumbnail-card.selected{border-color:var(--lime-acid);box-shadow:0 0 16px #d6ff7066}.thumbnail-img-box{background:#fff;border-radius:4px;justify-content:center;align-items:center;width:100%;height:160px;display:flex;overflow:hidden}.thumbnail-img-box img{object-fit:contain;max-width:100%;max-height:100%;transition:transform .2s}.thumbnail-badge{font-family:var(--font-display);color:var(--text-main);margin-top:8px;font-size:.85rem;font-weight:700}.thumbnail-card-actions{gap:4px;margin-top:6px;display:flex}.settings-group{border-radius:var(--radius-md);background:#141624;border:1px solid #925bff40;flex-direction:column;gap:12px;padding:16px;display:flex}.settings-group-title{font-family:var(--font-display);color:var(--lime-acid);align-items:center;gap:8px;font-size:1.05rem;font-weight:700;display:flex}.form-label{color:var(--text-main);justify-content:space-between;align-items:center;font-size:.9rem;font-weight:600;display:flex}.form-input{color:var(--text-main);font-family:var(--font-ui);background:#0d0f19;border:1.5px solid #2e3150;border-radius:8px;outline:none;width:100%;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.form-input:focus{border-color:var(--cyan-electric);box-shadow:0 0 10px #54f5e74d}.radio-pill-group{flex-wrap:wrap;gap:8px;display:flex}.radio-pill-label{border-radius:var(--radius-pill);color:var(--text-muted);cursor:pointer;background:#1c1e30;border:1.5px solid #2e3150;padding:6px 14px;font-size:.85rem;font-weight:600;transition:all .2s}.radio-pill-label:hover{color:var(--text-main);border-color:var(--purple-electric)}.radio-pill-label.active{border-color:var(--lime-acid);color:var(--lime-acid);background:#925bff33;box-shadow:0 0 10px #d6ff7040}.download-panel{border:2px dashed var(--lime-acid);border-radius:var(--radius-lg);text-align:center;background:radial-gradient(circle at top,#201138 0%,#111322 100%);flex-direction:column;align-items:center;gap:16px;padding:28px;animation:.4s ease-out wobble;display:flex}.download-celebration-title{font-family:var(--font-display);color:var(--lime-acid);text-shadow:0 0 20px #d6ff7099;font-size:1.8rem;font-weight:900}.size-comparison-badge{background:var(--surface-card);border-radius:var(--radius-pill);font-family:var(--font-mono);color:var(--cyan-electric);border:1px solid var(--cyan-electric);padding:8px 18px;font-size:.95rem}