@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600&family=IBM+Plex+Mono:wght@400;500&family=Playfair+Display:opsz,wght@5..120,600;5..120,700&display=swap";:root{--bg-charcoal: #0e0e10;--bg-charcoal-2: #131418;--panel-bg: #12151b;--panel-bg-2: #0d1016;--text-main: #c6cbd2;--text-muted: #7c838d;--lamp-white: #e7eaef;--state-cyan: #7aa7b8;--warn-red: #a74c49;--line: #2b3038;--line-strong: #3a4048;--panel-shadow: 0 12px 34px rgba(0, 0, 0, .45);--radius: 4px;--camera-shell-height: clamp(220px, 40vh, 320px);--stage-shell-height: clamp(280px, 46vh, 430px);--ar-shell-height: clamp(320px, 54vh, 460px)}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:Barlow Condensed,Segoe UI,sans-serif;line-height:1.35;letter-spacing:.01em;color:var(--text-main);background:linear-gradient(170deg,var(--bg-charcoal),var(--bg-charcoal-2));overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(100deg,rgba(255,255,255,.03) .5px,transparent .5px),linear-gradient(10deg,rgba(255,255,255,.02) .5px,transparent .5px);background-size:3px 3px,2px 2px;opacity:.16;mix-blend-mode:soft-light}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,transparent 34%,rgba(0,0,0,.78) 100%),linear-gradient(180deg,transparent 56%,rgba(0,0,0,.36))}.noir-app{position:relative;isolation:isolate;width:min(1340px,calc(100% - 1.6rem));margin:1rem auto 1.6rem;display:grid;grid-template-columns:minmax(220px,280px) minmax(540px,1fr);gap:1.8rem;padding:.8rem .4rem}.noir-app:before{content:"";position:absolute;z-index:-2;top:-220px;left:57%;width:860px;height:700px;transform:translate(-50%);pointer-events:none;background:radial-gradient(ellipse at top,rgba(233,236,240,.29) 0%,rgba(233,236,240,.11) 26%,rgba(233,236,240,.04) 49%,transparent 74%);filter:blur(.2px);animation:spotlight-rise 2.8s ease-out both}.noir-app:after{content:"";position:absolute;z-index:-1;top:-1.8rem;right:-1rem;bottom:-1.8rem;left:-1rem;pointer-events:none;background:#0000;transition:background .32s ease}.noir-app.state-generating:after,.noir-app.state-uploading:after,.noir-app.state-enhancing:after{background:#0000004d}.noir-app.state-generating:before,.noir-app.state-uploading:before,.noir-app.state-enhancing:before{animation:spotlight-tighten 1.7s ease-in-out infinite alternate}.narrative-column,.workspace-column{position:relative;z-index:2}.narrative-column{border:1px solid var(--line);background:linear-gradient(175deg,#101318f5,#0a0c10fa);box-shadow:var(--panel-shadow);padding:1.05rem .95rem 1.2rem;min-height:560px;align-self:start;animation:credit-fade .95s ease-out both}.workspace-column{display:grid;gap:.88rem}.workspace-column>*{animation:credit-fade .95s ease-out both}.workspace-column>*:nth-child(1){animation-delay:.14s}.workspace-column>*:nth-child(2){animation-delay:.28s}.workspace-column>*:nth-child(3){animation-delay:.42s}.workspace-column>*:nth-child(4){animation-delay:.56s}.eyebrow{margin:0;text-transform:uppercase;font-size:.76rem;letter-spacing:.19em;color:var(--state-cyan)}h1{margin:.55rem 0 0;font-family:Playfair Display,Georgia,serif;font-size:clamp(2rem,4vw,3.36rem);line-height:.96;letter-spacing:.01em;color:#eceff3;max-width:16ch}h2{margin:0;font-family:Barlow Condensed,Segoe UI,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-weight:600;font-size:1.1rem;color:var(--lamp-white)}.lead-text{margin:1.05rem 0 1.2rem;color:var(--text-muted);font-size:.98rem;line-height:1.36;max-width:31ch}.status-strip{margin-top:.9rem;border:1px solid var(--line-strong);background:#090b0fcc;padding:.66rem .72rem;display:grid;gap:.18rem}.status-label{font-family:IBM Plex Mono,Cascadia Code,monospace;text-transform:uppercase;letter-spacing:.09em;font-size:.67rem;color:var(--text-muted)}.status-value{font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em;color:var(--lamp-white)}.status-idle{color:#98a0aa}.status-uploading,.status-enhancing,.status-generating{color:var(--state-cyan)}.status-ready{color:var(--lamp-white)}.status-error{color:var(--warn-red)}.terminal-cursor{display:inline-block;margin-left:.15rem;animation:blink 1s steps(2,end) infinite}.sidebar-list{margin:1rem 0 0;padding-left:1rem;color:var(--text-muted);display:grid;gap:.42rem;font-size:.92rem}.panel{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-bg),var(--panel-bg-2));box-shadow:var(--panel-shadow);padding:.92rem;border-radius:var(--radius);transition:border-color .26s ease,filter .26s ease}.panel:hover{border-color:var(--line-strong);filter:brightness(1.05)}.noir-app.state-generating .action-panel,.noir-app.state-generating .loader-panel,.noir-app.state-uploading .loader-panel,.noir-app.state-enhancing .loader-panel{animation:subtle-flicker 2.9s linear infinite}.panel-header{display:grid;gap:.26rem;margin-bottom:.58rem}.panel-header p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.35}.panel-header-compact{margin-bottom:.38rem}.dropzone{border:1px dashed #46505e;background:linear-gradient(175deg,#090b0edb,#12151beb);padding:1.7rem .95rem;text-align:center;cursor:pointer;transition:border-color .24s ease,background-color .24s ease,filter .24s ease}.dropzone:focus-visible,.dropzone-active{border-color:var(--lamp-white);filter:brightness(1.1);outline:none}.dropzone-disabled{opacity:.58;cursor:not-allowed}.dropzone-title{margin:0;color:var(--lamp-white);text-transform:uppercase;letter-spacing:.08em;font-size:.98rem}.dropzone-subtitle{margin:.5rem auto 0;color:var(--text-muted);max-width:min(58ch,100%);font-size:.9rem;line-height:1.36}.upload-panel .mode-switch{margin-bottom:.72rem}.camera-capture{display:block}.camera-launcher-panel{display:grid;gap:.56rem}.camera-launcher{width:100%}.camera-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:grid;background:#06080cf0;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.camera-overlay-shell{position:relative;width:100vw;height:100dvh;overflow:hidden}.camera-overlay-header{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:.56rem;padding:calc(.72rem + env(safe-area-inset-top)) .8rem .8rem;background:linear-gradient(180deg,#000000b3,#0000)}.camera-overlay-header h2{margin:0;font-size:1.05rem;text-shadow:0 2px 8px rgba(0,0,0,.5)}.camera-overlay-close{min-width:92px}.camera-overlay-frame{position:absolute;top:0;right:0;bottom:0;left:0;border:0;border-radius:0;background:#000;overflow:hidden}.camera-overlay-preview{display:block;width:100%;height:100%;object-fit:cover;background:#000}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center;padding:1rem;color:var(--text-muted);font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.76rem;letter-spacing:.04em;background:linear-gradient(180deg,#07090c80,#0c0f14e0)}.camera-helper{margin:0;color:var(--text-muted);font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.8rem;letter-spacing:.03em}.camera-overlay-actions{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:center;flex-wrap:wrap;gap:.56rem;padding:.7rem .8rem calc(.72rem + env(safe-area-inset-bottom));background:linear-gradient(0deg,#000000c2,#0000)}.camera-overlay-error{position:absolute;left:50%;bottom:calc(7.4rem + env(safe-area-inset-bottom));z-index:2;transform:translate(-50%);width:min(92vw,560px);margin:0;padding:.42rem .56rem;border:1px solid rgba(167,76,73,.45);border-radius:var(--radius);background:#241215d6;color:var(--warn-red);font-size:.89rem;text-align:center}.field-error{margin:.56rem 0 0;color:var(--warn-red);font-size:.89rem}.prompt-label{display:inline-block;margin-bottom:.36rem;font-family:IBM Plex Mono,Cascadia Code,monospace;text-transform:uppercase;letter-spacing:.08em;font-size:.68rem;color:var(--state-cyan)}.prompt-input{width:100%;border:1px solid var(--line-strong);border-radius:var(--radius);background:#090b0e;color:var(--text-main);font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.83rem;padding:.64rem .7rem;min-height:94px;resize:vertical;transition:border-color .2s ease,filter .2s ease}.prompt-input:focus-visible{border-color:var(--state-cyan);filter:brightness(1.08);outline:none}.editor-actions,.action-row{display:flex;flex-wrap:wrap;gap:.56rem;margin-top:.68rem}.primary-button,.secondary-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:var(--radius);padding:.54rem .82rem;font-family:Barlow Condensed,Segoe UI,sans-serif;text-transform:uppercase;letter-spacing:.08em;font-size:.84rem;font-weight:600;cursor:pointer;border:1px solid;transition:background-color .2s ease,border-color .2s ease,color .2s ease,filter .2s ease}.primary-button{background:#d8dde3;border-color:#d8dde3;color:#0d0f13}.primary-button:hover:not(:disabled){filter:brightness(1.08)}.secondary-button{background:#0a0c10d6;color:#aeb6c0;border-color:var(--line-strong)}.secondary-button:hover:not(:disabled),.secondary-button.is-active{border-color:var(--state-cyan);color:#c8d7de}.primary-button:disabled,.secondary-button:disabled{opacity:.56;cursor:not-allowed}.preview-grid{margin-top:.82rem;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.62rem}.preview-grid figure{margin:0;display:grid;gap:.27rem}.preview-grid figcaption{margin:0;font-family:IBM Plex Mono,Cascadia Code,monospace;text-transform:uppercase;letter-spacing:.09em;font-size:.66rem;color:var(--state-cyan)}.preview-grid img,.preview-placeholder{width:100%;min-height:150px;border:1px solid var(--line-strong);border-radius:var(--radius);object-fit:cover;background:#080a0d}.preview-placeholder{display:grid;place-items:center;color:var(--text-muted);font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.78rem;padding:.4rem}.action-note{margin:.65rem 0 0;color:var(--text-muted);font-size:.85rem;font-family:IBM Plex Mono,Cascadia Code,monospace}.loader-panel.loader-active{border-color:#3e4f60}.loader-stage{display:flex;align-items:center;gap:.7rem}.loader-spinner{width:28px;height:28px;border:1px solid #3a414c;border-top-color:var(--state-cyan);border-radius:50%;animation:spin .95s linear infinite}.loader-text{margin:0;font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.78rem;letter-spacing:.03em}.terminal-line{color:var(--lamp-white)}.mono-text{margin:.2rem 0 0;font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--state-cyan)}.progress-track{margin-top:.74rem;width:100%;height:3px;background:#7aa7b824;overflow:hidden}.progress-indicator{display:block;width:34%;height:100%;background:linear-gradient(90deg,#7aa7b800,#7aa7b8eb);animation:loading-slide 1.55s ease-in-out infinite}.error-panel{border-color:#5a2f32;background:linear-gradient(170deg,#241215f2,#140c0efa)}.ar-panel{border-color:#4a7c59;background:linear-gradient(170deg,#1a3023eb,#122018f2)}.ar-panel:hover{border-color:#5a9c69;filter:brightness(1.08)}.result-stack{display:grid;gap:.8rem}.mode-panel{padding:.64rem}.mode-switch{display:flex;flex-wrap:wrap;gap:.5rem}.stage-shell{height:var(--stage-shell-height);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,#0a0c10,#11161f)}.stage-shell>div{width:100%!important;height:100%!important}.stage-loading,.stage-fallback{height:var(--stage-shell-height);display:grid;place-items:center;text-align:center;padding:1rem;color:var(--text-muted);font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.8rem;letter-spacing:.03em}.ar-viewer{width:100%;height:var(--ar-shell-height);border:1px solid var(--line-strong);border-radius:var(--radius);background:linear-gradient(180deg,#0a0d12,#131a24)}.ar-button{margin:.75rem}.download-link{display:inline-flex;margin-top:.6rem;text-decoration:none}.fallback-image{width:100%;min-height:250px;border:1px solid var(--line-strong);border-radius:var(--radius);object-fit:cover}.fallback-empty{display:grid;place-items:center;color:var(--text-muted);background:#0b0d12;font-family:IBM Plex Mono,Cascadia Code,monospace;font-size:.76rem}@media(max-width:1080px){.noir-app{grid-template-columns:1fr;width:min(980px,calc(100% - 1.2rem));gap:1rem}.narrative-column{min-height:auto}.noir-app:before{left:50%;top:-260px}}@media(max-width:900px){:root{--camera-shell-height: clamp(210px, 38dvh, 280px);--stage-shell-height: clamp(260px, 44dvh, 380px);--ar-shell-height: clamp(300px, 52dvh, 400px)}.noir-app{width:calc(100% - .9rem);margin:.7rem auto 1.3rem;gap:.8rem;padding:.5rem .2rem}h1{font-size:clamp(1.8rem,7vw,2.4rem)}}@media(max-width:768px){:root{--camera-shell-height: clamp(200px, 34dvh, 250px);--stage-shell-height: clamp(230px, 38dvh, 320px);--ar-shell-height: clamp(270px, 48dvh, 360px)}html,body,#root{margin:0;min-height:100vh;min-height:100dvh}body{overflow-x:hidden}body:before,body:after{display:none}.noir-app{width:calc(100% - .7rem);margin:.6rem auto 1.2rem;gap:.7rem;padding:.3rem .15rem}.noir-app:before{display:none}.noir-app:after{top:-1rem;right:-.5rem;bottom:-1rem;left:-.5rem}.camera-overlay-header h2{font-size:.95rem}.camera-overlay-header{padding:calc(.56rem + env(safe-area-inset-top)) .56rem .56rem}.camera-overlay-actions{padding:.56rem .56rem calc(.6rem + env(safe-area-inset-bottom))}.workspace-column>*,.narrative-column,.noir-app.state-generating:before,.noir-app.state-uploading:before,.noir-app.state-enhancing:before,.noir-app.state-generating .action-panel,.noir-app.state-generating .loader-panel,.noir-app.state-uploading .loader-panel,.noir-app.state-enhancing .loader-panel{animation:none}.narrative-column,.panel{padding:.8rem}.narrative-column{min-height:auto;border-radius:var(--radius)}.narrative-column .sidebar-list{margin:.8rem 0 0;gap:.35rem;font-size:.85rem}h1{font-size:clamp(1.5rem,6vw,2rem);max-width:100%}h2{font-size:.95rem}.lead-text{margin:.8rem 0 1rem;font-size:.92rem;line-height:1.4;max-width:100%}.eyebrow{font-size:.7rem}.preview-grid{grid-template-columns:1fr;margin-top:.6rem}.preview-grid img,.preview-placeholder{min-height:200px}.camera-overlay-actions{flex-direction:column;gap:.5rem}.camera-overlay-actions>button{width:100%}.camera-overlay-error{bottom:calc(12.4rem + env(safe-area-inset-bottom))}.primary-button,.secondary-button{padding:.7rem 1rem;font-size:.88rem;min-height:44px;min-width:44px}.prompt-input{padding:.7rem .8rem;font-size:.9rem;min-height:100px}.editor-actions,.action-row,.mode-switch{flex-direction:column;gap:.5rem}.editor-actions>*,.action-row>*,.mode-switch>*{width:100%;text-align:center}.dropzone{padding:1.3rem .8rem}.dropzone-title{font-size:.9rem}.dropzone-subtitle{font-size:.8rem}.status-strip{padding:.6rem .7rem}.status-label{font-size:.6rem}.status-value{font-size:.72rem}}@media(max-width:480px){:root{--camera-shell-height: clamp(180px, 32dvh, 220px);--stage-shell-height: clamp(210px, 36dvh, 260px);--ar-shell-height: clamp(240px, 44dvh, 320px)}.noir-app{width:calc(100% - .6rem);margin:.4rem auto 1rem;gap:.6rem}h1{font-size:clamp(1.4rem,5vw,1.8rem)}h2{font-size:.85rem}.panel,.narrative-column{padding:.7rem;border-radius:var(--radius)}.preview-grid img,.preview-placeholder{min-height:160px}.primary-button,.secondary-button{padding:.65rem .9rem;font-size:.8rem}.camera-overlay-actions{flex-direction:column;gap:.4rem}.camera-overlay-actions button{width:100%}.editor-actions,.action-row{flex-direction:column;gap:.4rem}.editor-actions button,.action-row button{width:100%}.mode-switch{flex-direction:column;gap:.4rem}.mode-switch button{width:100%}.camera-overlay-header{padding:calc(.44rem + env(safe-area-inset-top)) .44rem .44rem}.camera-overlay-actions{padding:.44rem .44rem calc(.5rem + env(safe-area-inset-bottom))}.camera-overlay-error{bottom:calc(13.2rem + env(safe-area-inset-bottom))}.lead-text{max-width:100%}}@media(max-height:600px)and (orientation:landscape){:root{--camera-shell-height: clamp(170px, 48dvh, 220px);--stage-shell-height: clamp(200px, 55dvh, 300px);--ar-shell-height: clamp(220px, 58dvh, 340px)}.noir-app{margin:.3rem auto .5rem}.narrative-column{min-height:auto;max-height:70vh;overflow-y:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes loading-slide{0%{transform:translate(-140%)}55%{transform:translate(135%)}to{transform:translate(260%)}}@keyframes blink{50%{opacity:0}}@keyframes credit-fade{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes spotlight-rise{0%{opacity:.32;transform:translate(-50%) scale(1.16)}to{opacity:1;transform:translate(-50%) scale(1)}}@keyframes spotlight-tighten{0%{transform:translate(-50%) scale(1);opacity:.9}35%{transform:translate(-50%) scale(.88);opacity:1}68%{transform:translate(-50%) scale(.9);opacity:.88}to{transform:translate(-50%) scale(.85);opacity:1}}@keyframes subtle-flicker{0%,9%,11%,16%,49%,51%,to{filter:brightness(1)}10%,50%{filter:brightness(.92)}}