:root{--bg: #0a0a0a;--fg: #f0ece4;--border: #2a2a2a;--muted: #777;--accent: #00ff41;--mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--mono)}.live-pipeline{display:flex;flex-direction:column;gap:12px;max-width:720px;margin:0 auto;padding:24px 16px}.lp-controls{display:flex;gap:8px}.lp-input{flex:1;background:transparent;border:1px solid var(--border);color:var(--fg);font-family:var(--mono);font-size:14px;padding:8px 10px;border-radius:2px}.lp-input:focus{outline:none;border-color:var(--accent)}.lp-input-sm{max-width:220px}.lp-button{background:var(--fg);color:var(--bg);border:none;font-family:var(--mono);font-size:13px;font-weight:700;padding:8px 16px;border-radius:2px;cursor:pointer}.lp-button:disabled{opacity:.4;cursor:default}.lp-button-sm{padding:8px 12px;font-size:12px}.lp-renderer-toggle{display:flex;gap:6px;flex-wrap:wrap}.lp-renderer-toggle button{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:11px;padding:6px 10px;border-radius:2px;cursor:pointer;letter-spacing:.02em}.lp-renderer-toggle button.active{color:var(--accent);border-color:var(--accent)}.lp-renderer-toggle button:disabled{opacity:.35;cursor:not-allowed}.lp-codegen-gate{display:flex;gap:8px;align-items:center}.lp-error-text{color:#ff5c5c;font-size:11px}.lp-log{border:1px solid var(--border);padding:8px 10px;font-size:12px;color:var(--muted);min-height:24px;max-height:140px;overflow-y:auto}.lp-log-line{line-height:1.6}.lp-level-tabs{display:flex;gap:6px}.lp-tab{background:transparent;border:1px solid var(--border);color:var(--muted);font-family:var(--mono);font-size:12px;padding:5px 12px;border-radius:2px;cursor:pointer}.lp-tab.active{color:var(--fg);border-color:var(--fg)}.lp-tab:disabled{opacity:.3;cursor:default}.lp-base-shape{font-size:12.5px;color:var(--muted);line-height:1.6;margin:0}.lp-base-shape em{color:var(--fg);font-style:normal}.lp-canvas-wrap{height:360px;border:1px solid var(--border)}.gallery{margin-top:32px;border-top:1px solid var(--border);padding-top:16px}.gallery-heading{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0 0 10px;font-weight:400}.gallery-list{display:flex;flex-direction:column;gap:4px;max-height:320px;overflow-y:auto}.gallery-item{display:flex;align-items:center;gap:10px;background:transparent;border:1px solid var(--border);color:var(--fg);font-family:var(--mono);font-size:12px;padding:8px 10px;border-radius:2px;cursor:pointer;text-align:left;width:100%}.gallery-item:hover{border-color:var(--fg)}.gallery-item.partial{border-style:dashed;color:var(--muted)}.gallery-item-name{font-weight:700;min-width:90px}.gallery-item-badge{color:var(--accent);font-size:10px;text-transform:uppercase;border:1px solid var(--accent);padding:1px 5px;border-radius:2px;flex:none}.gallery-item-preview{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.gallery-item-partial-tag{font-size:10px;color:var(--muted);flex:none}