@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{color-scheme:dark;--app-height: 100vh;--bg: #0f1216;--panel: rgba(18, 22, 28, .78);--panel-strong: rgba(24, 29, 36, .92);--line: rgba(255, 255, 255, .09);--text: #f4efe6;--muted: rgba(244, 239, 230, .7);--accent: #ffb74d;--accent-soft: rgba(255, 183, 77, .16);--accent-contrast: #1f1301;--accent-rose: #ff7b72;--shadow: 0 32px 80px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;font-family:Space Grotesk,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(255,183,77,.14),transparent 34%),radial-gradient(circle at bottom right,rgba(255,123,114,.12),transparent 30%),linear-gradient(180deg,var(--bg) 0%,var(--bg) 100%);color:var(--text)}button,input{font:inherit}button{cursor:pointer}#root{min-height:var(--app-height)}.app-shell{position:relative;overflow:hidden;min-height:var(--app-height);padding:max(24px,env(safe-area-inset-top)) 32px calc(32px + env(safe-area-inset-bottom))}.telegram-shell{padding-bottom:calc(112px + env(safe-area-inset-bottom))}.ambient{position:absolute;width:32rem;height:32rem;border-radius:999px;filter:blur(52px);opacity:.4;pointer-events:none}.ambient-left{top:-8rem;left:-10rem;background:#ffb74d47}.ambient-right{right:-6rem;bottom:5rem;background:#ff7b7238}.masthead{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(18rem,.9fr);gap:2rem;align-items:end;margin-bottom:2rem}.context-row{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.context-pill{display:inline-flex;align-items:center;min-height:2rem;padding:.35rem .7rem;border-radius:999px;border:1px solid var(--line);background:#ffffff0a;font-family:IBM Plex Mono,monospace;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.context-pill.live{border-color:var(--accent-soft);background:var(--accent-soft);color:var(--accent)}.user-pill{max-width:100%;text-transform:none;letter-spacing:0}.eyebrow{margin:0 0 .7rem;font-family:IBM Plex Mono,monospace;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.masthead h1,.panel-intro h2,.lab-topline h2,.camera-story h3{margin:0;line-height:.95;letter-spacing:-.05em}.masthead h1{max-width:12ch;font-size:clamp(3.4rem,8vw,6.8rem)}.masthead-copy{max-width:36ch;margin:0;font-size:1.02rem;line-height:1.6;color:var(--muted)}.workspace{position:relative;z-index:1;display:grid;grid-template-columns:minmax(18rem,24rem) minmax(0,1fr);gap:1.25rem}.catalog-panel,.lab-panel{position:relative;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.04),transparent 30%),var(--panel);box-shadow:var(--shadow)}.catalog-panel{border-radius:30px;padding:1.35rem}.lab-panel{border-radius:34px;padding:1.45rem}.lab-panel.dragging{border-color:var(--accent);box-shadow:var(--shadow),inset 0 0 0 1px var(--accent-soft)}.panel-intro p,.camera-story-copy,.status-line p,.preview-placeholder span,.camera-card p,.telegram-note{color:var(--muted)}.telegram-note{margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line);font-size:.95rem;line-height:1.5}.camera-list{display:grid;gap:.75rem;margin:1.4rem 0}.camera-card{display:grid;gap:.45rem;width:100%;padding:1rem 1rem 1.05rem;border:1px solid transparent;border-radius:22px;background:#ffffff08;color:var(--text);text-align:left;transition:transform .18s ease,border-color .18s ease,background .18s ease}.camera-card:hover{transform:translateY(-2px);border-color:var(--accent-soft);background:#ffffff0d}.camera-card.active{border-color:var(--accent);background:linear-gradient(180deg,var(--accent-soft),rgba(255,255,255,.04))}.camera-card strong{font-size:1.1rem}.camera-card p{margin:0;line-height:1.4}.camera-meta{display:flex;justify-content:space-between;gap:1rem;font-family:IBM Plex Mono,monospace;font-size:.76rem;text-transform:uppercase;color:var(--muted)}.camera-story{padding:1.15rem;border-radius:26px;background:var(--panel-strong);border:1px solid var(--line)}.camera-story-head{display:flex;justify-content:space-between;gap:1rem;align-items:start}.camera-story-head span,.preview-label span{font-family:IBM Plex Mono,monospace;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted)}.camera-story-copy{margin:1rem 0;line-height:1.6}.notes-list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.notes-list li{position:relative;padding-left:1rem}.notes-list li:before{content:"";position:absolute;left:0;top:.63rem;width:.38rem;height:.38rem;border-radius:999px;background:var(--accent)}.lab-topline{display:flex;justify-content:space-between;gap:1.25rem;align-items:end}.lab-topline h2{font-size:clamp(2rem,4vw,3.2rem)}.dial{min-width:8rem;text-align:right}.dial label{display:block;margin-bottom:.35rem;font-family:IBM Plex Mono,monospace;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}.dial span{font-size:1.6rem;color:var(--accent)}.upload-bar{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center;margin:1.4rem 0 .9rem}.primary-button,.secondary-button{padding:.9rem 1.15rem;border-radius:999px;border:1px solid transparent;transition:transform .18s ease,opacity .18s ease,border-color .18s ease}.primary-button{background:var(--accent);color:var(--accent-contrast)}.secondary-button{background:#ffffff08;color:var(--text);border-color:var(--line)}.primary-button:hover,.secondary-button:hover:enabled{transform:translateY(-1px)}.secondary-button:disabled{cursor:not-allowed;opacity:.5}.hidden-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.intensity-slider{flex:1 1 16rem;accent-color:var(--accent)}.status-line{display:flex;gap:.7rem;align-items:center;min-height:2rem}.status-line p{margin:0}.status-dot{width:.7rem;height:.7rem;border-radius:999px;background:#ffffff2e;box-shadow:0 0 #ffb74d00}.status-dot.processing{background:var(--accent);box-shadow:0 0 0 .45rem var(--accent-soft)}.status-dot.ready{background:#8ad47d}.status-dot.error{background:var(--accent-rose)}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:1rem}.preview-panel{min-height:30rem;padding:1rem;border-radius:28px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffff0a,#ffffff05),var(--panel-strong)}.preview-panel.processed{background:linear-gradient(180deg,var(--accent-soft),rgba(255,255,255,.02)),var(--panel)}.preview-label{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:.8rem}.preview-label strong{font-size:.92rem}.preview-image,.preview-placeholder{width:100%;height:calc(100% - 2rem);border-radius:22px}.preview-image{object-fit:cover;border:1px solid rgba(255,255,255,.04)}.preview-placeholder{display:grid;place-items:center;padding:2rem;background:radial-gradient(circle at top,var(--accent-soft),transparent 44%),linear-gradient(180deg,rgba(255,255,255,.04),transparent);text-align:center}.preview-placeholder p{margin:0 0 .6rem;font-size:1.15rem}.telegram-shell .workspace,.telegram-shell .preview-grid{grid-template-columns:1fr}@media (max-width: 1080px){.masthead,.workspace,.preview-grid{grid-template-columns:1fr}.preview-panel{min-height:24rem}.dial{text-align:left}.lab-topline{align-items:start;flex-direction:column}}@media (max-width: 720px){.app-shell{padding:max(18px,env(safe-area-inset-top)) 18px calc(114px + env(safe-area-inset-bottom))}.masthead h1{max-width:8ch;font-size:3.2rem}.catalog-panel,.lab-panel{border-radius:24px;padding:1rem}.preview-panel{min-height:19rem;padding:.85rem;border-radius:22px}.upload-bar{align-items:stretch}.primary-button,.secondary-button,.intensity-slider{width:100%}}