*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0a0a;--bg-secondary: #151515;--bg-tertiary: #1f1f1f;--text-primary: #00ff41;--text-secondary: #00cc33;--text-muted: #666;--border-color: #333;--error-color: #ff0055;--warning-color: #ffaa00}body{font-family:Courier New,monospace;background:var(--bg-primary);color:var(--text-primary);overflow:hidden}.app{width:100vw;height:100vh;display:flex;flex-direction:column}.app-header{background:var(--bg-secondary);border-bottom:2px solid var(--border-color);padding:1rem 2rem;text-align:center;position:relative}.app-header h1{font-size:2rem;letter-spacing:.5rem;text-shadow:0 0 10px var(--text-primary);animation:flicker 3s infinite}.app-header .subtitle{font-size:.8rem;color:var(--text-muted);letter-spacing:.2rem;margin-top:.25rem}@keyframes flicker{0%,to{opacity:1}94%{opacity:.95}96%{opacity:1}98%{opacity:.92}}.app-content{flex:1;display:flex;overflow:hidden}.controls-panel{width:300px;background:var(--bg-secondary);border-right:2px solid var(--border-color);padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column;gap:1.5rem}.controls-section{display:flex;flex-direction:column;gap:.75rem}.controls-section h3{font-size:.9rem;text-transform:uppercase;letter-spacing:.1rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem;margin-bottom:.25rem}.camera-controls{display:flex;flex-direction:column;gap:.5rem}.camera-controls button,.filter-grid button,.capture-controls button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem 1rem;font-family:inherit;font-size:.85rem;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05rem}.camera-controls button:hover,.filter-grid button:hover,.capture-controls button:hover{background:var(--text-primary);color:var(--bg-primary);box-shadow:0 0 10px var(--text-primary)}.camera-controls button:disabled{opacity:.5;cursor:not-allowed}.camera-controls button.active{background:var(--text-primary);color:var(--bg-primary)}.camera-controls select{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.5rem;font-family:inherit;font-size:.85rem}.filter-grid{display:grid;grid-template-columns:1fr;gap:.5rem}.filter-grid button{text-align:left;padding:.75rem}.filter-grid button.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.filter-params{display:flex;flex-direction:column;gap:.75rem}.param-control{display:flex;flex-direction:column;gap:.25rem}.param-control label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05rem;display:flex;justify-content:space-between}.param-control input[type=range]{width:100%;height:4px;background:var(--bg-tertiary);border:1px solid var(--border-color);outline:none;-webkit-appearance:none}.param-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--text-primary);cursor:pointer;border:1px solid var(--text-primary);box-shadow:0 0 5px var(--text-primary)}.param-control input[type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--text-primary);cursor:pointer;border:1px solid var(--text-primary);box-shadow:0 0 5px var(--text-primary)}.preview-stage{flex:1;display:flex;flex-direction:column;background:var(--bg-primary);position:relative}.preview-container{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative}.preview-wrapper{position:relative;max-width:100%;max-height:100%;box-shadow:0 0 30px #00ff4133;border:2px solid var(--border-color)}.preview-wrapper:fullscreen{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:var(--bg-primary);border:none;box-shadow:none}.preview-wrapper:-webkit-full-screen{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:var(--bg-primary);border:none;box-shadow:none}.preview-wrapper:-moz-full-screen{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:var(--bg-primary);border:none;box-shadow:none}.preview-wrapper:-ms-fullscreen{display:flex;align-items:center;justify-content:center;width:100vw;height:100vh;background:var(--bg-primary);border:none;box-shadow:none}.preview-canvas{display:block;max-width:100%;max-height:100%;width:auto;height:auto}.preview-wrapper:fullscreen .preview-canvas,.preview-wrapper:-webkit-full-screen .preview-canvas,.preview-wrapper:-moz-full-screen .preview-canvas,.preview-wrapper:-ms-fullscreen .preview-canvas{max-width:100vw;max-height:100vh;width:auto;height:auto;object-fit:contain}.preview-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border:1px solid var(--text-primary);box-shadow:inset 0 0 20px #00ff411a}.preview-wrapper:fullscreen .preview-overlay,.preview-wrapper:-webkit-full-screen .preview-overlay,.preview-wrapper:-moz-full-screen .preview-overlay,.preview-wrapper:-ms-fullscreen .preview-overlay{display:none}.preview-status{position:absolute;top:1rem;left:50%;transform:translate(-50%);background:#0a0a0ae6;border:1px solid var(--border-color);padding:1rem 2rem;text-align:center;max-width:400px}.preview-status.error{border-color:var(--error-color);color:var(--error-color)}.preview-status.warning{border-color:var(--warning-color);color:var(--warning-color)}.preview-info{position:absolute;top:1rem;right:1rem;background:#0a0a0acc;border:1px solid var(--border-color);padding:.5rem 1rem;font-size:.75rem;display:flex;flex-direction:column;gap:.25rem}.capture-controls{background:var(--bg-secondary);border-top:2px solid var(--border-color);padding:1.5rem 2rem;display:flex;gap:1rem;align-items:center}.capture-controls input[type=text]{flex:1;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.capture-controls input[type=text]::placeholder{color:var(--text-muted)}.capture-controls button{padding:.75rem 2rem;font-size:.9rem;font-weight:700}.capture-controls button:disabled{opacity:.5;cursor:not-allowed}.hidden-video{display:none}.controls-panel::-webkit-scrollbar{width:8px}.controls-panel::-webkit-scrollbar-track{background:var(--bg-primary)}.controls-panel::-webkit-scrollbar-thumb{background:var(--border-color);border:1px solid var(--text-primary)}.controls-panel::-webkit-scrollbar-thumb:hover{background:var(--text-primary)}.mobile-shell{width:100vw;height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden;background:var(--bg-primary)}.mobile-preview-stage{flex:1;position:relative;overflow:hidden}.mobile-preview-container{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center;background:var(--bg-primary)}.mobile-preview-canvas{width:100%;height:100%;object-fit:cover;display:block}.mobile-preview-status{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;background:#0a0a0ae6;border:1px solid var(--border-color);border-radius:12px;max-width:80vw}.mobile-status-icon{font-size:3rem}.mobile-preview-status.error{border-color:var(--error-color);color:var(--error-color)}.mobile-error-detail{font-size:.8rem;opacity:.8}.mobile-start-button,.mobile-retry-button{background:var(--text-primary);color:var(--bg-primary);border:none;padding:1rem 2rem;font-family:inherit;font-size:1rem;font-weight:700;cursor:pointer;border-radius:8px;text-transform:uppercase;letter-spacing:.1rem;touch-action:manipulation}.mobile-preview-hud{position:absolute;top:max(1rem,env(safe-area-inset-top));left:1rem;right:1rem;display:flex;justify-content:space-between;pointer-events:none;z-index:10}.mobile-hud-item{background:#0a0a0acc;border:1px solid var(--border-color);padding:.5rem 1rem;font-size:.75rem;border-radius:6px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-quick-actions{position:absolute;top:max(1rem,env(safe-area-inset-top));right:1rem;display:flex;flex-direction:column;gap:.5rem;z-index:10}.mobile-quick-action{width:48px;height:48px;background:#0a0a0acc;border:1px solid var(--border-color);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);touch-action:manipulation;transition:all .2s}.mobile-quick-action:active{background:var(--text-primary);transform:scale(.95)}.mobile-shutter-container{position:absolute;bottom:calc(120px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);z-index:10}.mobile-shutter-button{width:80px;height:80px;background:transparent;border:none;cursor:pointer;position:relative;padding:0;touch-action:manipulation;transition:transform .1s}.mobile-shutter-button:active{transform:scale(.95)}.mobile-shutter-ring{position:absolute;top:0;right:0;bottom:0;left:0;border:4px solid var(--text-primary);border-radius:50%;box-shadow:0 0 20px #00ff4180}.mobile-shutter-inner{position:absolute;top:8px;right:8px;bottom:8px;left:8px;background:var(--text-primary);border-radius:50%;box-shadow:inset 0 0 10px #00000080}.mobile-shutter-button:active .mobile-shutter-inner{background:var(--text-secondary)}.mobile-controls-sheet{position:absolute;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:2px solid var(--border-color);border-radius:20px 20px 0 0;transition:transform .3s ease-out;z-index:100;display:flex;flex-direction:column;max-height:80vh;padding-bottom:env(safe-area-inset-bottom)}.mobile-controls-sheet.collapsed{transform:translateY(calc(100% - 80px - env(safe-area-inset-bottom)))}.mobile-controls-sheet.expanded{transform:translateY(0);box-shadow:0 -10px 30px #00ff411a}.mobile-sheet-handle{padding:1rem;cursor:pointer;touch-action:manipulation;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mobile-handle-bar{width:40px;height:4px;background:var(--border-color);border-radius:2px}.mobile-handle-info{display:flex;flex-direction:column;align-items:center;gap:.25rem;width:100%}.mobile-current-filter{font-size:1rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:.1rem}.mobile-expand-hint{font-size:.7rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05rem}.mobile-sheet-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.mobile-sheet-tabs{display:flex;border-bottom:1px solid var(--border-color);padding:0 1rem}.mobile-tab{flex:1;background:transparent;color:var(--text-muted);border:none;padding:1rem;font-family:inherit;font-size:.9rem;cursor:pointer;text-transform:uppercase;letter-spacing:.05rem;border-bottom:2px solid transparent;transition:all .2s;touch-action:manipulation}.mobile-tab.active{color:var(--text-primary);border-bottom-color:var(--text-primary)}.mobile-sheet-panel{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.mobile-filters-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;padding:1rem}.mobile-filter-chip{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem;cursor:pointer;text-align:left;transition:all .2s;touch-action:manipulation;min-height:80px;display:flex;flex-direction:column;gap:.25rem}.mobile-filter-chip:active{transform:scale(.98)}.mobile-filter-chip.active{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);box-shadow:0 0 15px #00ff4180}.mobile-chip-name{font-weight:700;font-size:.9rem;text-transform:uppercase;letter-spacing:.05rem}.mobile-chip-desc{font-size:.7rem;opacity:.7;line-height:1.2}.mobile-filter-chip.active .mobile-chip-desc{opacity:.9}.mobile-params-list{padding:1rem;display:flex;flex-direction:column;gap:1.5rem}.mobile-param-control{display:flex;flex-direction:column;gap:.5rem}.mobile-param-control label{display:flex;justify-content:space-between;align-items:center}.mobile-param-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.05rem;font-weight:700}.mobile-param-value{font-size:1rem;color:var(--text-primary);font-weight:700}.mobile-param-control input[type=range]{width:100%;height:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;outline:none;-webkit-appearance:none;touch-action:manipulation}.mobile-param-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:var(--text-primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg-primary);box-shadow:0 0 10px var(--text-primary)}.mobile-param-control input[type=range]::-moz-range-thumb{width:24px;height:24px;background:var(--text-primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg-primary);box-shadow:0 0 10px var(--text-primary)}.mobile-randomize-button{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:1rem;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;border-radius:8px;text-transform:uppercase;letter-spacing:.1rem;touch-action:manipulation;transition:all .2s}.mobile-randomize-button:active{background:var(--text-primary);color:var(--bg-primary)}.mobile-no-params{text-align:center;padding:2rem;color:var(--text-muted);font-size:.9rem}.mobile-settings-list{padding:1rem;display:flex;flex-direction:column;gap:2rem}.mobile-setting-control{display:flex;flex-direction:column;gap:.75rem}.mobile-setting-control label{display:flex;justify-content:space-between;align-items:center}.mobile-setting-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.05rem;font-weight:700}.mobile-setting-value{font-size:1rem;color:var(--text-primary);font-weight:700}.mobile-setting-control input[type=range]{width:100%;height:8px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;outline:none;-webkit-appearance:none;touch-action:manipulation}.mobile-setting-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:var(--text-primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg-primary);box-shadow:0 0 10px var(--text-primary)}.mobile-setting-control input[type=range]::-moz-range-thumb{width:24px;height:24px;background:var(--text-primary);cursor:pointer;border-radius:50%;border:2px solid var(--bg-primary);box-shadow:0 0 10px var(--text-primary)}.mobile-toggle-label{display:flex;align-items:center;gap:1rem;cursor:pointer}.mobile-toggle-label input[type=checkbox]{width:48px;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:14px;position:relative;cursor:pointer;transition:all .2s}.mobile-toggle-label input[type=checkbox]:checked{background:var(--text-primary);border-color:var(--text-primary)}.mobile-toggle-label input[type=checkbox]:before{content:"";position:absolute;width:22px;height:22px;background:#fff;border-radius:50%;top:2px;left:2px;transition:all .2s;box-shadow:0 2px 4px #0003}.mobile-toggle-label input[type=checkbox]:checked:before{left:22px}.mobile-setting-hint{font-size:.75rem;color:var(--text-muted);line-height:1.3}.mobile-caption-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0a0a0af2;display:flex;align-items:center;justify-content:center;z-index:200;padding:2rem;padding-bottom:calc(2rem + env(safe-area-inset-bottom))}.mobile-caption-panel{background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:12px;padding:2rem;width:100%;max-width:400px;display:flex;flex-direction:column;gap:1rem}.mobile-caption-panel h3{font-size:1.2rem;text-transform:uppercase;letter-spacing:.1rem;text-align:center;margin:0}.mobile-caption-panel input[type=text]{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:1rem;font-family:inherit;font-size:1rem;border-radius:8px}.mobile-caption-panel input[type=text]::placeholder{color:var(--text-muted)}.mobile-caption-actions{display:flex;gap:.75rem}.mobile-caption-actions button{flex:1;background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color);padding:1rem;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;border-radius:8px;text-transform:uppercase;letter-spacing:.1rem;touch-action:manipulation;transition:all .2s}.mobile-caption-actions button:active{transform:scale(.98)}.mobile-caption-actions button.primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.mobile-sheet-panel::-webkit-scrollbar{width:4px}.mobile-sheet-panel::-webkit-scrollbar-track{background:var(--bg-secondary)}.mobile-sheet-panel::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:2px}@media (max-width: 768px){.app-content{flex-direction:column}.controls-panel{width:100%;max-height:30vh;border-right:none;border-bottom:2px solid var(--border-color)}.preview-container{padding:1rem}.capture-controls{flex-direction:column;padding:1rem}}