@import "https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;600;700&display=swap";
.alien-terminal{text-shadow:0 0 4px #00ff4180;cursor:text;background:#000;font-family:Courier New,Consolas,monospace;box-shadow:inset 0 0 100px #00000080;color:#00ff41!important}.alien-terminal .horror-red{text-shadow:0 0 6px #ff3333b3;color:#f33!important}@keyframes phosphor-pulse{0%{opacity:.95}50%{opacity:1}to{opacity:.95}}.alien-glow{animation:4s ease-in-out infinite phosphor-pulse}.pixel-melt{z-index:100000;background:#000;display:flex;position:fixed;inset:0;overflow:hidden}.melt-strip{background:inherit;background-image:linear-gradient(#00ff41 0%,#0000 10% 100%);background-size:100% 50%;flex:1;height:100%;animation:1.5s ease-in forwards melt-anim;position:relative}@keyframes melt-anim{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.featured-item-large{grid-area:span 2/span 2}@media (max-width:480px){.search-wrapper{flex-direction:column}.search-btn{justify-content:center;width:100%;margin-top:8px}.win95-explorer-toolbar{flex-wrap:wrap;justify-content:center}.toolbar-separator{display:none}}:root{--bg-desktop:teal;--win-bg:silver;--win-dark:gray;--win-darker:#000;--win-light:#dfdfdf;--win-lighter:#fff;--win-title:navy;--win-title-text:#fff;--win-text:#000;--win-text-disabled:gray;--win-font:"Pixelated MS Sans Serif", "Tahoma", sans-serif;--border-outset:inset -1px -1px var(--win-darker), inset 1px 1px var(--win-lighter), inset -2px -2px var(--win-dark), inset 2px 2px var(--win-light);--border-inset:inset -1px -1px var(--win-lighter), inset 1px 1px var(--win-darker), inset -2px -2px var(--win-light), inset 2px 2px var(--win-dark);--border-window:inset -1px -1px var(--win-darker), inset 1px 1px var(--win-light), inset -2px -2px var(--win-dark), inset 2px 2px var(--win-lighter)}*,:before,:after{box-sizing:border-box;font-family:var(--win-font);-webkit-font-smoothing:none;margin:0;padding:0}body{background:var(--bg-desktop);color:var(--win-text);min-height:100vh}a,button,input,select{outline:none}.win95-desktop{z-index:1;flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.desktop-icons{flex-direction:column;gap:20px;display:flex;position:absolute;top:10px;left:10px}.desktop-icon{cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:70px;display:flex}.desktop-icon img{width:32px;height:32px;image-rendering:pixelated}.desktop-icon span{color:#fff;text-align:center;text-shadow:1px 1px #000;letter-spacing:.5px;font-size:11px}.desktop-icon:active span{background:navy;outline:1px dotted #ff0}.win95-main-window-container{z-index:10;flex:1;justify-content:center;align-items:center;padding:20px 20px 60px;display:flex}@media (max-width:768px){.win95-main-window-container{align-items:flex-start;height:calc(100vh - 28px);padding:0 0 30px}.main-app-window{height:100%;max-height:none;box-shadow:none;border:none}.win95-window{width:100%!important}.win95-header{margin:30px 0 20px!important;padding-bottom:15px!important}.win95-explorer-toolbar{border-top:1px solid var(--win-lighter);margin-top:10px;gap:8px!important;padding:8px!important}.win95-toolbar-btn{background:var(--win-light)!important;border:1px solid var(--win-dark)!important;box-shadow:var(--border-outset)!important;padding:8px 12px!important}.win95-toolbar-btn:active{box-shadow:var(--border-inset)!important}}.win95-window{background:var(--win-bg);box-shadow:var(--border-window);flex-direction:column;padding:2px;display:flex}.main-app-window{width:100%;max-width:1200px;height:100%;max-height:90vh}.preview-app-window{pointer-events:auto;flex-direction:column;width:max-content;min-width:300px;max-width:90vw;max-height:85vh;margin:auto;display:flex}.win95-title-bar{background:var(--win-title);color:var(--win-title-text);justify-content:space-between;align-items:center;height:22px;padding:2px 2px 2px 4px;display:flex}.title-bar-text{letter-spacing:1px;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.title-bar-icon{width:16px;height:16px;image-rendering:pixelated}.title-bar-controls{gap:2px;display:flex}.title-bar-controls button{background:var(--win-bg);width:16px;height:14px;box-shadow:var(--border-outset);cursor:pointer;border:none;justify-content:center;align-items:center;display:flex;position:relative}.title-bar-controls button:active{box-shadow:var(--border-inset)}.title-bar-controls button[aria-label=Minimize]:before{content:"";background:#000;width:6px;height:2px;position:absolute;bottom:2px;left:3px}.title-bar-controls button[aria-label=Maximize]:before{content:"";border:1px solid #000;border-top-width:2px;width:8px;height:7px;position:absolute}.title-bar-controls button[aria-label=Close]:before{content:"X";font-size:10px;font-weight:700;position:absolute;top:1px}.win95-menu-bar{color:var(--win-text);background:var(--win-bg);gap:12px;padding:2px 8px;font-size:12px;display:flex}.win95-menu-bar span{cursor:pointer}.win95-menu-bar span:hover{background:var(--win-title);color:var(--win-title-text)}.win95-window-body{background:var(--win-lighter);box-shadow:var(--border-inset);flex:1;margin:0 2px;padding:16px;position:relative;overflow-y:auto}.win95-status-bar{gap:2px;padding:4px 2px 2px;display:flex}.status-field{box-shadow:inset -1px -1px var(--win-lighter), inset 1px 1px var(--win-dark);color:var(--win-text);white-space:nowrap;text-overflow:ellipsis;padding:2px 4px;font-size:11px;overflow:hidden}.win95-taskbar{background:var(--win-bg);width:100%;height:28px;box-shadow:inset 0 2px 0 var(--win-lighter), 0 -1px 0 var(--win-light);z-index:1000;border-top:1px solid var(--win-light);align-items:center;padding:2px;display:flex;position:absolute;bottom:0}.win95-start-btn{background:var(--win-bg);box-shadow:var(--border-outset);cursor:pointer;height:22px;color:var(--win-text);border:none;align-items:center;gap:4px;padding:2px 6px;font-size:12px;font-weight:700;display:flex}.win95-start-btn:active{box-shadow:var(--border-inset);padding:3px 5px 1px 7px}.win95-start-btn img{width:16px;height:16px;image-rendering:pixelated}.taskbar-divider{background:var(--win-dark);border-right:1px solid var(--win-lighter);width:2px;height:20px;margin:0 6px}.taskbar-app-btn{background:var(--win-bg);box-shadow:var(--border-outset);cursor:pointer;width:160px;height:22px;color:var(--win-text);white-space:nowrap;text-overflow:ellipsis;border:none;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:700;display:flex;overflow:hidden}.taskbar-app-btn.active{box-shadow:var(--border-inset);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==)}.taskbar-app-btn img{width:16px;height:16px;image-rendering:pixelated}.taskbar-tray{box-shadow:var(--border-inset);align-items:center;gap:6px;height:22px;margin-right:2px;padding:2px 6px;font-size:11px;display:flex}.win95-button,.upload-btn,.search-btn,.filter-pill{background:var(--win-bg);box-shadow:var(--border-outset);color:var(--win-text);cursor:pointer;text-transform:none;letter-spacing:normal;border:none;padding:6px 12px;font-size:11px;font-weight:700}.win95-button:active,.upload-btn:active,.search-btn:active,.filter-pill:active,.win95-button.active,.upload-btn.active,.search-btn.active,.filter-pill.active{box-shadow:var(--border-inset);background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAIklEQVQIW2NkQAKrVq36zwjjgzhhYWGMYAEYB8RmROaABADeOQ8CXl/xfgAAAABJRU5ErkJggg==);padding:7px 11px 5px 13px}.win95-input,.search-input{background:var(--win-lighter);box-shadow:var(--border-inset);color:var(--win-text);border:none;width:100%;padding:4px 6px;font-size:11px}.win95-input:focus,.search-input:focus{background:var(--win-lighter);outline:none}::-webkit-scrollbar{background:#dfdfdf;border-left:1px solid #fff;width:16px;height:16px}::-webkit-scrollbar-thumb{background:silver;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}::-webkit-scrollbar-button{background:silver;width:16px;height:16px;display:block;box-shadow:inset -1px -1px #000,inset 1px 1px #fff,inset -2px -2px gray,inset 2px 2px #dfdfdf}::-webkit-scrollbar-button:vertical:decrement{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path d=\"M4 10 L8 6 L12 10 Z\" fill=\"black\"/></svg>")}::-webkit-scrollbar-button:vertical:increment{background-image:url("data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\"><path d=\"M4 6 L8 10 L12 6 Z\" fill=\"black\"/></svg>")}.hero{text-align:center;flex-direction:column;align-items:center;gap:12px;padding:1rem 0;display:flex}.main-title{color:#000;text-shadow:2px 2px silver;font-family:Chakra Petch,sans-serif;font-size:3rem;font-weight:700}.subtitle{color:gray;font-size:12px}.switchers-row{justify-content:center;gap:16px;margin-top:10px;margin-bottom:20px;display:flex}.theme-switcher{gap:8px;display:flex}.upload-area{justify-content:center;margin:1rem 0;display:flex}.win95-explorer-toolbar{background:var(--win-bg);border-bottom:1px solid var(--win-dark);flex-wrap:wrap;align-items:center;gap:2px;padding:4px;display:flex}.win95-toolbar-btn{cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;align-items:center;gap:4px;padding:2px 4px;display:flex}@media (max-width:600px){.win95-toolbar-btn span{display:none}.win95-toolbar-btn{padding:6px}.toolbar-separator{height:24px}}.win95-address-bar{background:var(--win-bg);border-bottom:1px solid var(--win-dark);align-items:center;padding:4px;font-size:11px;display:flex}.address-input-wrapper{background:var(--win-lighter);box-shadow:var(--border-inset);flex:1;align-items:center;gap:6px;margin-left:8px;padding:2px 6px;display:flex}.win95-fieldset{border:2px groove var(--win-lighter);box-shadow:inset -1px -1px var(--win-darker), inset 1px 1px var(--win-light);border-radius:0;width:100%;margin:10px 0;padding:12px}.win95-fieldset legend{background:var(--win-lighter);padding:0 4px;font-size:11px;font-weight:700}.search-wrapper{align-items:stretch;gap:8px;max-width:600px;margin:0 auto;display:flex}.search-input-wrap{flex:1;position:relative}.search-input{height:100%;padding-left:8px}.search-btn{align-items:center;display:flex}.filter-bar{justify-content:center;gap:8px;margin:1rem auto;display:flex}.album-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px;width:100%;display:grid}@media (max-width:600px){.album-grid{grid-template-columns:repeat(2,1fr);gap:6px}}.album-card{background:var(--win-bg);box-shadow:var(--border-outset);cursor:pointer;text-align:center;flex-direction:column;align-items:center;gap:4px;padding:4px;display:flex}.album-card:active{box-shadow:var(--border-inset);padding:5px 3px 3px 5px}.album-card img{aspect-ratio:1;object-fit:cover;border:1px solid var(--win-darker);width:100%}.album-card-info{flex-direction:column;width:100%;display:flex}.album-card-title{color:var(--win-text);white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:700;overflow:hidden}.album-card-artist{color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.generator-layout{z-index:0;background:var(--bg-desktop);pointer-events:auto;justify-content:center;align-items:center;gap:20px;padding:20px;display:flex;position:absolute;inset:0;overflow:auto}@media (max-width:850px){.generator-layout{pointer-events:auto;flex-direction:column;justify-content:flex-start;height:100%;padding:0 0 60px;overflow-y:auto}.preview-app-window{border:none;margin:0;width:100%!important;max-width:100%!important}}.canvas-panel{z-index:1;background:var(--win-bg);flex:1;justify-content:center;align-items:center;padding:8px;display:flex;position:relative;overflow:hidden}.canvas-panel canvas{box-shadow:var(--border-inset);object-fit:contain;background:#fff;max-width:100%;max-height:100%}.canvas-panel.mode-phone canvas{aspect-ratio:9/16;background:#000;border:12px solid #1a1a1a;border-width:24px 12px 36px;max-width:100%;box-shadow:inset 0 0 10px #000c,6px 6px #0000004d;border-radius:24px!important;width:auto!important;height:auto!important;max-height:60vh!important}.canvas-panel.mode-desktop canvas{aspect-ratio:16/9;background:#000;border:16px solid #222;border-bottom-width:32px;max-width:100%;box-shadow:inset 0 0 10px #000c,8px 8px #0000004d;border-radius:8px!important;width:auto!important;max-height:55vh!important}.canvas-panel.mode-custom canvas,.canvas-panel.mode-current canvas{max-width:100%;max-height:60vh}.ambient-bg{display:none}.controls-panel{z-index:100;pointer-events:auto;flex-direction:column;flex-shrink:0;gap:10px;width:300px;display:flex;position:relative}@media (max-width:850px){.controls-panel{width:100%;margin-top:20px;position:static}}.panel-card{background:var(--win-bg);box-shadow:var(--border-outset);color:var(--win-text);flex-direction:column;gap:6px;padding:6px;display:flex}.panel-title{border-bottom:1px solid var(--win-dark);margin-bottom:4px;padding-bottom:2px;font-size:11px;font-weight:700}.slider-row{flex-direction:column;font-size:11px;display:flex}input[type=range]{appearance:none;background:var(--win-dark);width:100%;height:4px;box-shadow:var(--border-inset);margin-top:4px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--win-bg);width:10px;height:20px;box-shadow:var(--border-outset);cursor:grab}select{background:var(--win-lighter);color:var(--win-text);box-shadow:var(--border-inset);border:none;padding:2px;font-size:11px}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;font-size:11px;display:flex}.toggle-switch{background:var(--win-lighter);width:12px;height:12px;box-shadow:var(--border-inset);position:relative}.toggle-switch.on:after{content:"✓";font-size:12px;font-weight:700;position:absolute;top:-2px;left:1px}.toggle-knob{display:none}.modal-content,.crop-modal{background:var(--win-bg);box-shadow:var(--border-outset);color:var(--win-text);padding:4px}.download-btn{background:var(--win-bg);box-shadow:var(--border-outset);color:var(--win-text);cursor:pointer;pointer-events:auto;border:none;width:100%;padding:10px 40px;font-size:14px;font-weight:700;display:block}.download-btn:active{box-shadow:var(--border-inset);padding:12px 38px 8px 42px}.spinner{width:12px;height:12px;animation:1s infinite alternate pulse;display:inline-block}.spinner:after{content:"⏳";font-size:12px;line-height:12px}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.1)}}.tierlist-container{background:var(--win-bg);box-shadow:var(--border-outset);padding:4px}.tier-row{border-bottom:1px solid var(--win-dark)}.tier-label{background:var(--win-lighter);border-right:1px solid var(--win-dark)}.palette-swatches{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.swatch{border:1px solid var(--win-darker);width:24px;height:24px;box-shadow:inset 1px 1px var(--win-lighter), inset -1px -1px var(--win-dark);cursor:pointer;border-radius:0}.swatch.selected{box-shadow:inset 2px 2px var(--win-darker), inset -2px -2px var(--win-lighter);border:1px dotted #000}.boot-container{color:#3f3;cursor:text;z-index:10000;background:#0a0a0a;padding:20px;font-family:Courier New,Consolas,monospace;font-size:14px;line-height:1.4;position:fixed;inset:0;overflow-y:auto}.boot-container:focus{outline:none}.boot-click-prompt{color:#3f3;text-align:center;font-size:16px;animation:1s step-end infinite boot-blink;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.boot-terminal{white-space:pre-wrap;word-break:break-all}.boot-terminal div{animation:50ms ease-out boot-line-appear}@keyframes boot-line-appear{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.boot-prompt-line{align-items:center;margin-top:4px;display:flex}.boot-input{color:#3f3;letter-spacing:1px}.boot-cursor{margin-left:1px;animation:.6s step-end infinite boot-blink}@keyframes boot-blink{0%,to{opacity:1}50%{opacity:0}}.crt-overlay{pointer-events:none;z-index:10001;background:0 0;animation:.5s infinite crt-flicker;position:fixed;inset:0}@keyframes crt-flicker{0%{opacity:.02;background:#ffffff05}50%{opacity:0;background:0 0}to{opacity:.01;background:#ffffff03}}.scanlines{pointer-events:none;z-index:10002;background:repeating-linear-gradient(#0000 0 2px,#00000026 2px 4px);position:fixed;inset:0}.boot-glitch-overlay{z-index:99999;animation:.8s ease-out forwards glitch-flash;position:fixed;inset:0}@keyframes glitch-flash{0%{opacity:.5;background:#1a0000}20%{opacity:1;background:#000;transform:scale(1.05)}40%{opacity:.7;background:#300;transform:skew(10deg)}60%{opacity:1;background:#000}80%{opacity:.8;background:#1a0000}to{background:#000}}.boot-container:after{content:"";pointer-events:none;z-index:10003;background:radial-gradient(#0000 60%,#0009 100%);position:fixed;inset:0}