:root{--wallpaper-image: linear-gradient(125deg, #081113 0%, #15263b 34%, #2f1520 70%, #51212b 100%);--panel-bg: rgba(10, 17, 29, .7);--panel-border: rgba(212, 236, 255, .22);--text-high: #f5faff;--text-dim: rgba(225, 235, 244, .62);--accent-green: #14ffa4;--accent-cyan: #56d5ff;font-family:JetBrains Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.45;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;color:var(--text-high);background-color:#03060c;background-image:var(--wallpaper-image);background-size:cover;background-attachment:fixed;background-position:center}#root{min-height:100vh}:root{--wallpaper-image: linear-gradient(125deg, #081113 0%, #15263b 34%, #2f1520 70%, #51212b 100%);--panel-bg: rgba(10, 17, 29, .85);--panel-border: rgba(212, 236, 255, .22);--text-high: #f5faff;--text-dim: rgba(225, 235, 244, .62);--accent-green: #14ffa4;--accent-cyan: #56d5ff;--max-ch: calc(100vh - 16rem) }*{box-sizing:border-box}body{margin:0;min-width:320px;color:var(--text-high);background-color:#03060c;background-image:var(--wallpaper-image);background-size:cover;background-attachment:fixed;background-position:center;overflow:hidden}.app-shell{position:relative;min-height:100vh;max-width:1400px;margin:0 auto;display:grid;grid-template-columns:320px minmax(0,1fr) 320px;grid-template-rows:auto;gap:1.1rem;padding:2.1rem;align-items:start}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px);mix-blend-mode:soft-light;opacity:.27}.app-shell:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:4px 4px;opacity:.14}.hidden-video{width:0;height:0;position:absolute;opacity:0;pointer-events:none}.terminal-window{border-radius:.72rem;border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:hidden;position:relative}.terminal-window:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 38%);pointer-events:none}.terminal-window__header{display:flex;align-items:center;gap:.7rem;padding:.45rem .8rem;border-bottom:1px solid var(--panel-border);background:#070b10d9}.traffic-lights{display:flex;align-items:center;gap:.35rem}.traffic-light{width:.68rem;height:.68rem;border-radius:999px;box-shadow:inset 0 -1px #0000004d}.traffic-light--close{background:#ff5f56}.traffic-light--minimize{background:#ffbd2e}.traffic-light--maximize{background:#27c93f}.terminal-window:hover .traffic-light--close{box-shadow:0 0 8px #ff5f56a6}.terminal-window:hover .traffic-light--minimize{box-shadow:0 0 8px #ffbd2ea6}.terminal-window:hover .traffic-light--maximize{box-shadow:0 0 8px #27c93fa6}.terminal-window__title-row{display:flex;align-items:baseline;gap:.6rem;min-width:0}.terminal-window__title{margin:0;color:var(--text-high);font-size:.78rem;letter-spacing:.08em;text-transform:lowercase}.terminal-window__subtitle{margin:0;color:var(--text-dim);font-size:.66rem;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.terminal-window__body{position:relative;padding:.9rem}.window-main{grid-column:2;grid-row:1;min-height:0}.left-stack{grid-column:1;grid-row:1;display:grid;gap:1.1rem;align-content:start}.right-stack{grid-column:3;grid-row:1;display:grid;gap:1.1rem;align-content:start}.window-controls,.window-status,.window-info{grid-column:auto;grid-row:auto}.window-main{width:fit-content;min-width:560px;max-width:100%;justify-self:start}.window-main .terminal-window__body{display:flex;flex-direction:column;align-items:stretch;height:100%}.left-stack,.right-stack,.window-controls,.window-status,.window-info{width:100%}.window-main .canvas-wrap{min-height:0}.canvas-group{display:flex;flex-direction:column;gap:.75rem;width:100%}.canvas-wrap{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:.65rem;overflow:hidden;border:1px solid rgba(255,255,255,.11);background:radial-gradient(circle at 15% 15%,#2f5d4a38,#000000d9)}.canvas-wrap.is-recording{border-color:#f003;box-shadow:0 0 0 1px #f003}.mosh-canvas{display:block;width:100%;height:100%;object-fit:cover;image-rendering:auto}.canvas-overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:1rem;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080}.canvas-fab{position:absolute;bottom:1rem;right:1rem;border:1px solid var(--panel-border);border-radius:999px;padding:.75rem 1.4rem;background:#04080de6;color:var(--text-high);font-weight:600;cursor:pointer;box-shadow:0 12px 30px #00000059;transition:transform .12s ease,border-color .12s ease;min-height:48px}.canvas-fab:hover{border-color:#14ffa4b3;transform:translateY(-1px)}.canvas-actions{flex:0 0 auto;display:flex;gap:.5rem;width:100%}.record-button{flex:1;background:linear-gradient(180deg,#ff565629,#501212d1);border-color:#ff7a7acc}.record-button:hover{border-color:#ffa7a7f2}.photo-button{flex:1;background:linear-gradient(180deg,#56fff829,#124747cc);border-color:#7affffcc}.photo-button:hover{border-color:#a7fffff2}.photo-preview{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#000000b3;padding:1rem;z-index:2}.photo-preview img{max-width:100%;max-height:100%;border-radius:.6rem;box-shadow:0 20px 40px #00000073;object-fit:contain}.prompt{color:var(--accent-green);margin:0;font-size:.76rem;letter-spacing:.08em}.muted{margin-top:.45rem;color:var(--text-dim);font-size:.78rem}.control-stack{display:grid;gap:.95rem}.control-row{display:grid;gap:.45rem}.control-row-inline{grid-template-columns:1fr auto;align-items:center;gap:.45rem}.terminal-input,input[type=range],.terminal-button,.mode-button{font-family:inherit}.terminal-input{width:100%;border:1px solid var(--panel-border);border-radius:.45rem;color:var(--text-high);background:#00000052;padding:.7rem .85rem;font-size:.95rem}.terminal-button,.mode-button{border:1px solid var(--panel-border);border-radius:.5rem;color:var(--text-high);background:#04080dc7;padding:.85rem .9rem;cursor:pointer;transition:transform .12s ease,border-color .12s ease;min-height:52px;text-align:center;font-size:.95rem}.terminal-button:hover,.mode-button:hover{border-color:#14ffa499;transform:translateY(-1px)}.motion-synth-toggle{width:100%;min-height:56px;font-weight:700;letter-spacing:.03em;background:linear-gradient(180deg,#30363f47,#16181ee6);border-color:#acb8c580;color:#e3ecf5db}.motion-synth-toggle.is-active{background:linear-gradient(180deg,#14ffa42e,#092d24eb);border-color:#14ffa4b8;color:#fff}.mode-toggle{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.mode-button.is-active{border-color:#14ffa4b8;color:#fff;background:linear-gradient(180deg,#14ffa424,#0a231ce0)}input[type=range]{width:100%;accent-color:var(--accent-cyan)}input[type=checkbox]{width:1.1rem;height:1.1rem;accent-color:var(--accent-green)}.status-lines p{margin:0 0 .62rem;color:var(--text-high);font-size:.82rem}.status-lines p:last-child{margin-bottom:0}.error-line{color:#ff8f8f}.btn-short{display:none}.tips-list{margin:0;padding-left:1.1rem;display:grid;gap:.55rem;color:var(--text-high);font-size:.82rem}@media(max-width:1200px){.app-shell{grid-template-columns:280px minmax(0,1fr);padding:1.6rem;gap:1rem}.right-stack{grid-column:2;grid-row:2}}@media(max-width:930px){body{overflow-y:auto}.app-shell{grid-template-columns:1fr;grid-template-rows:auto;padding:1rem;gap:1rem}.left-stack,.window-main,.right-stack{grid-column:1;grid-row:auto}.window-main{order:1}.left-stack{order:2}.right-stack{order:3}:root{--max-ch: 60vh}.window-main{width:100%;min-width:0;max-width:100%;justify-self:stretch}.window-main .terminal-window__body{align-items:stretch}.canvas-group{width:100%!important}.canvas-wrap{border-radius:.55rem}.btn-full{display:none}.btn-short{display:inline}}@media(max-width:930px){body{overflow:hidden}.camera-app{position:fixed;inset:0;height:100dvh;width:100vw;display:grid;grid-template-rows:auto 1fr;background:#04070f;overflow:hidden}.mobile-titlebar{position:relative;z-index:9;padding:max(.45rem,env(safe-area-inset-top)) .9rem .65rem;background:linear-gradient(180deg,#03070cfa,#03070ceb);border-bottom:1px solid rgba(255,255,255,.14)}.mobile-titlebar h1{margin:.15rem 0 .22rem;font-size:clamp(2rem,7.3vw,3rem);letter-spacing:.06em;text-transform:uppercase;line-height:.95;color:var(--text-high)}.mobile-titlebar p{margin:0;padding-top:.52rem;border-top:1px solid rgba(255,255,255,.3);font-size:.84rem;letter-spacing:.08em;color:var(--text-dim);text-transform:lowercase}.mobile-statusline{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;letter-spacing:.09em;color:#f8ffffe0;text-transform:uppercase}.camera-stage{position:relative;height:100%;width:100%;outline:none;background:#02050b;overflow:hidden}.camera-canvas{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(1.04);transform:translateZ(0)}.camera-overlay{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#0000008f;padding:1.2rem;z-index:5;animation:fade-in .18s ease}.camera-overlay-title{margin:0;color:var(--accent-green);letter-spacing:.08em;font-size:.88rem}.camera-overlay-subtitle{margin:.55rem 0 0;color:var(--text-dim);font-size:.84rem}.mobile-top-controls{position:absolute;top:.75rem;left:.7rem;display:flex;gap:.5rem;z-index:8}.chip-button,.hud-button{border:1px solid rgba(212,236,255,.25);background:#060c12d1;color:var(--text-high);min-height:2.5rem;padding:.6rem .8rem;font-size:.73rem;letter-spacing:.08em;text-transform:uppercase;transition:border-color .14s ease,background .14s ease,transform .14s ease;-webkit-tap-highlight-color:transparent}.chip-button:active,.hud-button:active{transform:scale(.98)}.chip-button:hover,.hud-button:hover{border-color:#14ffa49e}.mode-tray{position:absolute;left:.7rem;right:.7rem;bottom:calc(env(safe-area-inset-bottom) + 12.5rem);display:grid;gap:.45rem;z-index:8;transform:translateY(14px);opacity:0;pointer-events:none;transition:transform .18s ease,opacity .18s ease}.mode-tray.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.mode-pill{border:1px solid rgba(212,236,255,.25);background:#05090eeb;color:var(--text-high);min-height:2.6rem;padding:.72rem .82rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;transition:background .16s ease,border-color .16s ease,transform .16s ease}.mode-pill.is-active{border-color:#14ffa4b8;background:linear-gradient(180deg,#14ffa424,#0a231ce6)}.mode-pill:active{transform:scale(.985)}.bottom-hud{position:absolute;left:0;right:0;bottom:0;padding:.65rem .7rem calc(env(safe-area-inset-bottom) + .72rem);display:grid;gap:.55rem;background:linear-gradient(180deg,#0000,#04080ee6 27%,#04080efa);z-index:9}.mode-selector{border:1px solid rgba(212,236,255,.3);background:#060a10e0;color:var(--text-high);min-height:2.45rem;text-transform:uppercase;letter-spacing:.09em;font-size:.8rem;transition:border-color .16s ease,background .16s ease}.mode-selector.is-open{border-color:#14ffa4bf;background:#071816eb}.control-dock{display:grid;grid-template-columns:1fr 1fr 1.35fr 1fr 1fr;gap:.5rem;align-items:center}.dock-icon-button{border:1px solid rgba(212,236,255,.27);background:#060a10f2;color:var(--text-dim);min-height:3.1rem;font-size:.72rem;letter-spacing:.07em;text-transform:uppercase;transition:color .15s ease,border-color .15s ease,transform .14s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.dock-icon-button.is-active{color:var(--text-high);border-color:#14ffa4b8;background:#071816eb}.dock-icon-button:active{transform:scale(.98)}.shutter-button{border:2px solid rgba(66,255,210,.92);background:linear-gradient(180deg,#3effcf33,#0a1b19f5);color:#f7fffe;min-height:3.45rem;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;transition:transform .13s ease,filter .13s ease,border-color .15s ease,background .15s ease;-webkit-tap-highlight-color:transparent}.shutter-button.video{border-color:#ff5757e6;background:linear-gradient(180deg,#ff57574d,#330a0af2)}.shutter-button.is-recording{border-color:#ff4747;background:linear-gradient(180deg,#ff47476b,#4a0c0cfa);animation:pulse-record 1.05s ease-in-out infinite}.shutter-button:active{transform:scale(.97);filter:brightness(1.07)}.refresh-fab{justify-self:end;border:1px solid rgba(212,236,255,.26);background:#060a10ed;color:var(--text-high);min-height:2.5rem;padding:.58rem .95rem;text-transform:uppercase;letter-spacing:.08em;font-size:.72rem;transition:border-color .15s ease,transform .14s ease}.refresh-fab:active{transform:scale(.98)}.capture-toast{position:absolute;left:.75rem;right:.75rem;bottom:calc(env(safe-area-inset-bottom) + 8.1rem);z-index:13;border:1px solid rgba(212,236,255,.3);background:#060a10f0;color:#ecf6ffed;padding:.62rem .72rem;font-size:.73rem;letter-spacing:.04em;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .14s ease}.settings-sheet{position:absolute;left:0;right:0;bottom:0;max-height:74dvh;display:grid;grid-template-rows:auto 1fr;background:#04080efa;border-top:1px solid rgba(212,236,255,.28);z-index:12;animation:settings-in .21s ease}.settings-header{display:flex;justify-content:space-between;align-items:center;padding:.8rem .8rem .7rem;border-bottom:1px solid rgba(255,255,255,.09)}.settings-header p{margin:0;color:var(--accent-green);letter-spacing:.08em;text-transform:uppercase;font-size:.84rem}.settings-body{overflow-y:auto;padding:.68rem .72rem .9rem;display:grid;gap:.62rem}.setting-row{display:grid;gap:.42rem;padding:.52rem .56rem .58rem;border:1px solid rgba(212,236,255,.16);background:#080e16d1;border-radius:.4rem}.setting-row span,.setting-row-inline span{color:var(--accent-green);font-size:.74rem;letter-spacing:.07em}.setting-row select,.setting-row input[type=range]{width:100%}.settings-sheet .mobile-range{-webkit-appearance:none;appearance:none;width:100%;height:2.9rem;margin:0;border:0;border-radius:0;background:transparent;touch-action:pan-y}.settings-sheet .mobile-range::-webkit-slider-runnable-track{height:.92rem;border:1px solid rgba(137,220,209,.4);border-radius:.2rem;background:linear-gradient(180deg,#1c363cb8,#0e1c24e6);box-shadow:inset 0 1px #dcf6ff1f}.settings-sheet .mobile-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:2.2rem;height:2.2rem;margin-top:-.64rem;border:2px solid rgba(179,241,230,.92);border-radius:.24rem;background:linear-gradient(180deg,#ecfbfff2,#a6cfd6e6);box-shadow:0 1px #040c12cc}.settings-sheet .mobile-range::-moz-range-track{height:.92rem;border:1px solid rgba(137,220,209,.4);border-radius:.2rem;background:linear-gradient(180deg,#1c363cb8,#0e1c24e6);box-shadow:inset 0 1px #dcf6ff1f}.settings-sheet .mobile-range::-moz-range-thumb{width:2.2rem;height:2.2rem;border:2px solid rgba(179,241,230,.92);border-radius:.24rem;background:linear-gradient(180deg,#ecfbfff2,#a6cfd6e6);box-shadow:0 1px #040c12cc}.setting-row-inline{display:flex;justify-content:space-between;align-items:center;padding:.52rem .56rem;border:1px solid rgba(212,236,255,.14);background:#080e16bd;border-radius:.4rem}.status-block{border-top:1px solid rgba(255,255,255,.1);padding-top:.75rem;display:grid;gap:.34rem}.status-block p{margin:0;font-size:.78rem;color:var(--text-high)}.splash-overlay{position:absolute;inset:0;background:#000000e0;z-index:14;display:grid;place-items:center;padding:1rem;animation:fade-in .2s ease}.splash-card{width:100%;max-width:28rem;border:1px solid rgba(212,236,255,.35);background:#060a10fa;padding:1rem;display:grid;gap:.75rem}.splash-card h1{margin:0;font-size:1.12rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-high)}.splash-card p{margin:0;color:var(--text-dim);line-height:1.35;font-size:.9rem}.splash-button{border:1px solid rgba(20,255,164,.72);background:linear-gradient(180deg,#14ffa438,#0a231cf0);color:var(--text-high);min-height:3rem;text-transform:uppercase;letter-spacing:.08em;font-size:.9rem;transition:transform .14s ease,filter .14s ease}.splash-button:active{transform:scale(.98);filter:brightness(1.06)}.camera-app .photo-preview{inset:0;z-index:11;border-radius:0;animation:fade-in .13s ease}.camera-app .photo-preview img{border-radius:0}@keyframes pulse-record{0%{box-shadow:0 0 #ff464657}70%{box-shadow:0 0 0 11px #ff464600}to{box-shadow:0 0 #ff464600}}@keyframes settings-in{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}}