@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&display=swap";*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--fg:#fff;--dim:#222;--mid:#555}html,body,#root{background:var(--bg);height:100%;color:var(--fg);font-family:Share Tech Mono,Courier New,monospace;overflow:hidden}.app{flex-direction:column;height:100dvh;display:flex}header{border-bottom:1px solid #111;flex-shrink:0;align-items:center;gap:10px;padding:10px 16px;display:flex}.title{letter-spacing:6px;text-transform:uppercase;font-size:12px}.dot{background:var(--fg);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.4s ease-in-out infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.feed-area{flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.canvas-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ascii-output{letter-spacing:0;white-space:pre;color:#fff;-webkit-user-select:none;user-select:none;font-size:6px;line-height:1.08;display:block;overflow:hidden}.flash-overlay{opacity:.85;pointer-events:none;z-index:20;background:#fff;animation:.2s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.85}to{opacity:0}}.filter-bar{z-index:10;background:#0009;border:1px solid #222;border-radius:999px;gap:8px;padding:6px 12px;display:flex;position:absolute;bottom:90px;left:50%;transform:translate(-50%)}.filter-btn{letter-spacing:0;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-family:Share Tech Mono,monospace;font-size:9px;transition:all .15s;display:flex}.filter-btn.active{background:#ffffff14}.filter-btn:last-child{letter-spacing:1px;border-radius:999px;width:auto;padding:0 10px;font-size:8px}.shutter-btn{cursor:pointer;z-index:10;-webkit-tap-highlight-color:transparent;background:0 0;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;transition:border-color .2s;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.shutter-btn:active{opacity:.7}.shutter-ring{background:#fff;border-radius:50%;width:40px;height:40px;transition:transform .1s,background .2s}.shutter-btn:active .shutter-ring{transform:scale(.88)}footer{border-top:1px solid #111;flex-shrink:0;padding:10px 20px 14px}.controls{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.slider-group{flex-direction:column;flex:1;gap:5px;min-width:130px;max-width:240px;display:flex}.slider-group label{letter-spacing:3px;color:var(--mid);justify-content:space-between;font-size:9px;display:flex}.slider-group label span{color:var(--fg)}input[type=range]{-webkit-appearance:none;background:var(--dim);cursor:pointer;outline:none;width:100%;height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);cursor:pointer;border-radius:50%;width:13px;height:13px}input[type=range]::-moz-range-thumb{background:var(--fg);border:none;border-radius:50%;width:13px;height:13px}@media (width<=480px){.ascii-output{font-size:clamp(2.5px,1.8vw,5px)}.filter-bar{gap:6px;padding:5px 10px;bottom:100px}.filter-btn{width:28px;height:28px;font-size:8px}.shutter-btn{width:64px;height:64px;bottom:18px}.shutter-ring{width:46px;height:46px}}