@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Chakra+Petch:wght@400;500;600;700&display=swap";:root{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-tertiary:#1a1a24;--accent-cyan:#00d4ff;--accent-cyan-dim:#00d4ff26;--accent-cyan-glow:#00d4ff66;--accent-amber:#ff9500;--accent-amber-dim:#ff950026;--accent-amber-glow:#ff950066;--accent-red:#f36;--accent-green:#0f8;--text-primary:#e8e8f0;--text-secondary:#8b8b9e;--text-muted:#5a5a6e;--border-dim:#ffffff14;--border-active:#00d4ff4d;--font-mono:"JetBrains Mono", monospace;--font-display:"Chakra Petch", sans-serif;--space-xs:.5rem;--space-sm:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-mono);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;overflow-x:hidden}.terminal-container{min-height:100vh;padding:var(--space-lg);flex-direction:column;display:flex;position:relative}.bg-grid{pointer-events:none;z-index:0;background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0}.bg-noise{opacity:.03;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");position:fixed;inset:0}.bg-glow{pointer-events:none;z-index:0;background:radial-gradient(#00d4ff0d 0%,#0000 70%);width:80vw;height:80vh;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.scanlines{pointer-events:none;z-index:1000;opacity:.4;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000026 2px 4px);position:fixed;inset:0}.top-bar{z-index:10;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);background:var(--bg-secondary);border:1px solid var(--border-dim);margin-bottom:var(--space-xl);display:flex;position:relative}.bar-section{align-items:center;gap:var(--space-xs);display:flex}.bar-label{color:var(--text-muted);letter-spacing:.1em;font-size:.65rem;font-weight:600}.bar-value{color:var(--text-secondary);font-size:.75rem;font-weight:500;font-family:var(--font-display)}.bar-divider{background:var(--border-dim);width:1px;height:16px}.status-online{color:var(--accent-green);text-shadow:0 0 10px #0f86}.status-offline{color:var(--accent-red);text-shadow:0 0 10px #f366}.terminal-header{z-index:10;margin-bottom:var(--space-2xl);position:relative}.header-border{background:linear-gradient(90deg, transparent 0%, var(--accent-cyan) 20%, var(--accent-cyan) 80%, transparent 100%);opacity:.5;height:2px}.header-border.top{margin-bottom:var(--space-md)}.header-border.bottom{margin-top:var(--space-md)}.header-content{justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-md) 0;display:flex}.header-icon{width:48px;height:48px;color:var(--accent-cyan);opacity:.6}.header-icon svg{width:100%;height:100%}.main-title{align-items:center;gap:var(--space-sm);font-family:var(--font-display);letter-spacing:.05em;font-size:2.5rem;font-weight:700;display:flex}.title-bracket{color:var(--accent-cyan);opacity:.6;font-weight:400}.title-text{background:linear-gradient(180deg, var(--text-primary) 0%, var(--accent-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sub-title{text-align:center;color:var(--text-muted);letter-spacing:.3em;margin-top:var(--space-xs);font-size:.75rem}.terminal-main{z-index:10;justify-content:center;align-items:stretch;gap:var(--space-xl);flex:1;width:100%;max-width:1400px;margin:0 auto;display:flex;position:relative}.module{gap:var(--space-lg);flex-direction:column;flex:1;max-width:480px;display:flex}.module-header{align-items:center;gap:var(--space-sm);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-dim);display:flex}.header-index{font-family:var(--font-display);color:var(--text-muted);font-size:1.5rem;font-weight:700;line-height:1}.module-extract .header-index{color:var(--accent-cyan)}.module-repack .header-index{color:var(--accent-amber)}.header-title{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-primary);font-size:1.25rem;font-weight:600}.header-line{background:linear-gradient(90deg, var(--border-dim) 0%, transparent 100%);flex:1;height:1px}.header-badge{letter-spacing:.15em;border:1px solid var(--border-dim);color:var(--text-secondary);padding:4px 10px;font-size:.6rem;font-weight:600}.module-extract .header-badge{border-color:var(--accent-cyan);color:var(--accent-cyan);background:var(--accent-cyan-dim)}.module-repack .header-badge{border-color:var(--accent-amber);color:var(--accent-amber);background:var(--accent-amber-dim)}.drop-target{aspect-ratio:4/3;cursor:pointer;justify-content:center;align-items:center;transition:all .3s;display:flex;position:relative}.drop-target input{display:none}.target-frame{pointer-events:none;position:absolute;inset:0}.frame-corner{border:2px solid var(--border-dim);width:20px;height:20px;transition:all .3s;position:absolute}.frame-corner.tl{border-bottom:0;border-right:0;top:0;left:0}.frame-corner.tr{border-bottom:0;border-left:0;top:0;right:0}.frame-corner.bl{border-top:0;border-right:0;bottom:0;left:0}.frame-corner.br{border-top:0;border-left:0;bottom:0;right:0}.target-content{align-items:center;gap:var(--space-md);text-align:center;padding:var(--space-lg);flex-direction:column;display:flex}.target-icon{width:64px;height:64px;color:var(--text-muted);transition:all .3s}.target-icon svg{width:100%;height:100%}.target-status{font-family:var(--font-display);letter-spacing:.1em;color:var(--text-secondary);font-size:.875rem;font-weight:600}.target-hint{flex-direction:column;gap:4px;display:flex}.hint-primary{letter-spacing:.15em;color:var(--text-muted);font-size:.75rem;font-weight:600}.hint-secondary{color:var(--text-muted);opacity:.7;font-size:.65rem}.module-extract .drop-target{border:1px solid var(--border-dim);background:linear-gradient(135deg,#00d4ff08 0%,#0000 50%)}.module-extract .drop-target:hover,.module-extract .drop-target.active{border-color:var(--accent-cyan);background:var(--accent-cyan-dim)}.module-extract .drop-target:hover .frame-corner,.module-extract .drop-target.active .frame-corner{border-color:var(--accent-cyan);width:30px;height:30px}.module-extract .drop-target:hover .target-icon,.module-extract .drop-target.active .target-icon{color:var(--accent-cyan)}.module-extract .drop-target.has-files{border-color:var(--accent-green);background:#00ff880d}.module-extract .drop-target.has-files .frame-corner{border-color:var(--accent-green)}.module-extract .drop-target.has-files .target-icon{color:var(--accent-green)}.module-repack .drop-target{border:1px solid var(--border-dim);background:linear-gradient(225deg,#ff950008 0%,#0000 50%)}.module-repack .drop-target:hover,.module-repack .drop-target.active{border-color:var(--accent-amber);background:var(--accent-amber-dim)}.module-repack .drop-target:hover .frame-corner,.module-repack .drop-target.active .frame-corner{border-color:var(--accent-amber);width:30px;height:30px}.module-repack .drop-target:hover .target-icon,.module-repack .drop-target.active .target-icon{color:var(--accent-amber)}.module-repack .drop-target.ready{border-color:var(--accent-green);background:#00ff880d}.module-repack .drop-target.ready .frame-corner{border-color:var(--accent-green)}.module-repack .drop-target.ready .target-icon{color:var(--accent-green)}.asset-manifest{background:var(--bg-secondary);border:1px solid var(--border-dim);padding:var(--space-md)}.manifest-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;display:flex}.manifest-label{letter-spacing:.15em;color:var(--text-muted);font-size:.65rem;font-weight:600}.manifest-count{color:var(--accent-cyan);font-size:.7rem;font-weight:600;font-family:var(--font-display)}.manifest-grid{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);display:grid}.manifest-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm);background:var(--bg-tertiary);border:1px solid var(--border-dim);display:flex}.item-icon{background:var(--bg-secondary);border:1px solid var(--border-dim);justify-content:center;align-items:center;width:32px;height:32px;font-size:1rem;display:flex}.item-icon.audio{color:#00d4ff}.item-icon.visual{color:#ff6b9d}.item-icon.config{color:#a78bfa}.item-icon.other{color:#fbbf24}.item-data{flex-direction:column;display:flex}.item-value{font-family:var(--font-display);color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1}.item-label{letter-spacing:.1em;color:var(--text-muted);margin-top:2px;font-size:.6rem}.injection-status{background:var(--bg-secondary);border:1px solid var(--border-dim);padding:var(--space-md)}.status-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-dim);display:flex}.status-indicator{background:var(--accent-green);width:8px;height:8px;box-shadow:0 0 10px var(--accent-green);border-radius:50%;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-label{letter-spacing:.1em;color:var(--accent-green);font-size:.75rem;font-weight:600;font-family:var(--font-display)}.status-details{gap:var(--space-xs);flex-direction:column;display:flex}.detail-line{justify-content:space-between;font-size:.7rem;display:flex}.detail-key{color:var(--text-muted);letter-spacing:.05em}.detail-value{color:var(--text-secondary);font-weight:500;font-family:var(--font-display)}.action-btn{padding:var(--space-md) var(--space-lg);cursor:pointer;background:0 0;border:none;transition:all .3s;position:relative;overflow:hidden}.action-btn:disabled{opacity:.4;cursor:not-allowed}.btn-glow{opacity:0;transition:opacity .3s;position:absolute;inset:0}.btn-content{justify-content:center;align-items:center;gap:var(--space-sm);font-family:var(--font-display);letter-spacing:.1em;font-size:.875rem;font-weight:600;display:flex;position:relative}.btn-icon{font-size:1rem}.btn-extract{border:1px solid var(--accent-cyan);color:var(--accent-cyan);background:var(--accent-cyan-dim)}.btn-extract .btn-glow{background:radial-gradient(ellipse at center, var(--accent-cyan-glow) 0%, transparent 70%)}.btn-extract:not(:disabled):hover{background:var(--accent-cyan);color:var(--bg-primary)}.btn-extract:not(:disabled):hover .btn-glow{opacity:.3}.btn-repack{border:1px solid var(--accent-amber);color:var(--accent-amber);background:var(--accent-amber-dim)}.btn-repack .btn-glow{background:radial-gradient(ellipse at center, var(--accent-amber-glow) 0%, transparent 70%)}.btn-repack:not(:disabled):hover{background:var(--accent-amber);color:var(--bg-primary)}.btn-repack:not(:disabled):hover .btn-glow{opacity:.3}.connector{justify-content:center;align-items:center;gap:var(--space-sm);padding:0 var(--space-md);flex-direction:column;display:flex}.connector-line{background:linear-gradient(180deg, transparent 0%, var(--border-dim) 20%, var(--border-dim) 80%, transparent 100%);flex:1;width:2px;max-height:100px}.connector-node{width:24px;height:24px;position:relative}.node-ring{border:2px solid var(--accent-cyan);opacity:.3;border-radius:50%;animation:10s linear infinite rotate;position:absolute;inset:0}.node-core{background:var(--accent-cyan);width:8px;height:8px;box-shadow:0 0 15px var(--accent-cyan);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.terminal-footer{z-index:10;justify-content:center;align-items:center;gap:var(--space-lg);padding:var(--space-md);margin-top:var(--space-2xl);border-top:1px solid var(--border-dim);display:flex;position:relative}.footer-section{align-items:center;gap:var(--space-xs);display:flex}.footer-label{letter-spacing:.1em;color:var(--text-muted);font-size:.6rem;font-weight:600}.footer-value{color:var(--text-secondary);font-size:.7rem;font-weight:500;font-family:var(--font-display)}.footer-divider{color:var(--border-dim);font-size:.5rem}.footer-section.author{align-items:center;gap:var(--space-xs);display:flex}.footer-link{align-items:center;gap:6px;text-decoration:none;transition:all .2s;display:flex}.footer-link:hover{opacity:.8}.footer-link:hover .footer-value{color:var(--accent-cyan)}.github-icon{width:14px;height:14px;color:var(--text-secondary);transition:color .2s}.footer-link:hover .github-icon{color:var(--accent-cyan)}.processing-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#0a0a0fe6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.overlay-content{align-items:center;gap:var(--space-lg);flex-direction:column;display:flex}.spinner{width:80px;height:80px;position:relative}.spinner-ring{border:2px solid #0000;border-top-color:var(--accent-cyan);border-radius:50%;animation:1s linear infinite spin;position:absolute;inset:0}.spinner-ring:first-child{animation-duration:1s}.spinner-ring:nth-child(2){border-top-color:var(--accent-amber);animation-duration:1.5s;animation-direction:reverse;inset:10px}.spinner-ring:nth-child(3){border-top-color:var(--accent-green);animation-duration:2s;inset:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.overlay-text{font-family:var(--font-display);letter-spacing:.2em;color:var(--accent-cyan);font-size:.875rem;font-weight:600;animation:1s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@media (width<=1024px){.terminal-main{flex-direction:column;align-items:center}.module{width:100%;max-width:100%}.connector{padding:var(--space-md) 0;flex-direction:row}.connector-line{width:100px;height:2px;max-height:none}.main-title{font-size:1.75rem}.header-icon{width:32px;height:32px}}@media (width<=640px){.terminal-container{padding:var(--space-md)}.top-bar{gap:var(--space-sm);flex-wrap:wrap}.main-title{font-size:1.25rem}.header-content{gap:var(--space-sm)}.terminal-footer{gap:var(--space-sm);flex-direction:column}.footer-divider{display:none}}