@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Fira+Code:wght@400;500&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--studio-bg: #0a0a0c;--studio-panel: #141417;--studio-border: rgba(255, 255, 255, .08);--studio-accent: #3e63dd;--studio-success: #30a46c;--studio-warning: #e2a100;--studio-error: #e5484d;--studio-text: #eceef0;--studio-text-muted: #889096;--font-sans: "Inter", sans-serif;--font-mono: "Fira Code", monospace}body{margin:0;padding:0;overflow:hidden;background:var(--studio-bg);color:var(--studio-text);font-family:var(--font-sans)}.App{display:grid;grid-template-columns:1fr 340px;grid-template-rows:64px 1fr 180px;height:100vh;width:100vw}.app-header{grid-column:1 / -1;display:flex;justify-content:space-between;align-items:center;padding:0 1.5rem;border-bottom:1px solid var(--studio-border);background:var(--studio-panel)}.header-brand{display:flex;align-items:center;gap:12px}.brand-badge{background:var(--studio-accent);color:#fff;font-weight:700;font-size:10px;padding:2px 6px;border-radius:4px;letter-spacing:.5px}.header-brand h1{font-size:14px;font-weight:600;margin:0;letter-spacing:-.2px}.engine-status{display:flex;align-items:center;gap:16px;font-size:12px}.status-indicator{display:flex;align-items:center;gap:8px;color:var(--studio-text-muted)}.dot{width:6px;height:6px;border-radius:50%;background:#444}.dot.active{background:var(--studio-success);box-shadow:0 0 8px var(--studio-success)}.main-viewport{grid-column:1 / 2;grid-row:2 / 3;position:relative;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.scanner-container{width:100%;height:100%;position:relative}.studio-sidebar{grid-column:2 / 3;grid-row:2 / 4;background:var(--studio-panel);border-left:1px solid var(--studio-border);display:flex;flex-direction:column;overflow:hidden}.sidebar-section{padding:1.25rem;border-bottom:1px solid var(--studio-border)}.sidebar-section h3{font-size:11px;font-weight:600;color:var(--studio-text-muted);text-transform:uppercase;letter-spacing:.8px;margin:0 0 12px}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-box{background:#ffffff08;padding:10px;border-radius:6px;border:1px solid var(--studio-border)}.stat-label{font-size:10px;color:var(--studio-text-muted);margin-bottom:4px}.stat-value{font-family:var(--font-mono);font-size:14px;font-weight:500}.sidebar-slider-box{margin-top:12px}.slider-label{display:flex;justify-content:space-between;font-size:10px;color:var(--studio-text-muted);margin-bottom:8px}.studio-slider{width:100%;accent-color:var(--studio-accent);cursor:pointer}.slider-hints{display:flex;justify-content:space-between;font-size:8px;opacity:.4;margin-top:4px}.catalog-list{flex:1;overflow-y:auto}.catalog-empty{padding:2rem;text-align:center;color:var(--studio-text-muted);font-size:11px}.catalog-item{padding:12px 20px;border-bottom:1px solid var(--studio-border);display:flex;align-items:center;gap:12px;transition:background .2s;cursor:pointer}.catalog-item:hover{background:#ffffff08}.catalog-item.active{background:#3e63dd1a;border-left:2px solid var(--studio-accent)}.catalog-icon{width:32px;height:32px;background:#1e1e24;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px}.catalog-info{flex:1;min-width:0}.catalog-id{font-family:var(--font-mono);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.catalog-meta{font-size:10px;color:var(--studio-text-muted);margin-top:2px}.bottom-toolbar{grid-column:1 / 2;grid-row:3 / 4;background:var(--studio-panel);border-top:1px solid var(--studio-border);display:flex;align-items:center;padding:0 1.5rem;gap:1rem}.btn-group{display:flex;background:#0003;padding:4px;border-radius:8px;border:1px solid var(--studio-border)}.btn-studio{background:transparent;border:none;color:var(--studio-text-muted);padding:8px 16px;border-radius:6px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s}.btn-studio:hover{color:var(--studio-text)}.btn-studio.active{background:var(--studio-accent);color:#fff}.btn-action.full-width{width:100%}.btn-studio.border-btn{border-radius:8px;border:1px solid var(--studio-border)}.live-badge{position:absolute;transform:translate(-50%,-100%);pointer-events:auto;cursor:pointer;z-index:100}.badge-wrapper{background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.2);padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:6px;transition:all .2s}.badge-wrapper:hover{transform:scale(1.1);border-color:var(--studio-accent)}.live-badge.selected .badge-wrapper{border-color:var(--studio-accent);box-shadow:0 0 12px var(--studio-accent)}.roi-target{border:2px dashed rgba(255,255,255,.2);background:#3e63dd0d;pointer-events:none}.roi-label{position:absolute;top:-24px;left:0;font-size:10px;color:var(--studio-accent);font-weight:700;text-transform:uppercase}