:root{color-scheme:dark;--bg: #08141f;--bg-elevated: rgba(10, 28, 44, .88);--bg-soft: rgba(15, 38, 58, .72);--border: rgba(145, 196, 255, .16);--border-strong: rgba(145, 196, 255, .3);--text: #eef7ff;--text-dim: #87a2be;--accent: #4ed0ff;--accent-strong: #2cf1c7;--danger: #ff8c8c}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);font-family:SF Pro Display,Segoe UI,sans-serif;background:radial-gradient(circle at top left,rgba(34,115,182,.32),transparent 32%),linear-gradient(180deg,#0d1c2a,#071018)}button,input,select{font:inherit}button{border:1px solid var(--border);border-radius:14px;background:#0b1c2ce0;color:var(--text);padding:.7rem 1rem;cursor:pointer}button:hover{border-color:var(--border-strong);background:#132a3feb}input,select{width:100%;border:1px solid var(--border);border-radius:12px;background:#04121cb3;color:var(--text);padding:.7rem .8rem}.accent-button{background:linear-gradient(135deg,#2ba6fff2,#2cf1c7eb);color:#05121b;border:none;font-weight:700}.app-shell{min-height:100vh;padding:1rem;display:flex;flex-direction:column;gap:1rem}.app-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:24px;background:var(--bg-elevated);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.app-title{font-size:1.3rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.app-subtitle{margin-top:.35rem;color:var(--text-dim);max-width:38rem}.header-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.6rem}.session-name{color:var(--text-dim);font-size:.92rem}.welcome-shell{display:grid;gap:1rem;grid-template-columns:1.2fr .8fr}.welcome-card,.panel-card,.workspace-main,.sidebar-panel,.inspector-panel{border:1px solid var(--border);border-radius:24px;background:var(--bg-elevated);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.welcome-card{padding:1.2rem}.welcome-kicker{color:var(--accent-strong);text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;margin-bottom:.8rem}.welcome-card h1{margin:0 0 .6rem;font-size:clamp(1.9rem,3vw,2.7rem)}.welcome-card p{color:var(--text-dim);line-height:1.5}.hero-actions,.inline-actions,.transport-buttons{display:flex;gap:.7rem;flex-wrap:wrap}.hero-actions{margin:1.3rem 0}.drop-zone{border:1px dashed var(--border-strong);border-radius:20px;padding:2.4rem 1rem;text-align:center;color:var(--text-dim)}.drop-zone.is-dragging{border-color:var(--accent);color:var(--text)}.draft-list{display:flex;flex-direction:column;gap:.7rem}.draft-row{display:flex;gap:.7rem}.draft-open,.draft-delete,.list-item{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.draft-open,.list-item{flex:1}.draft-open small{color:var(--text-dim)}.draft-delete{color:var(--danger)}.workspace-grid{display:grid;gap:1rem;grid-template-columns:15rem minmax(0,1fr) 18rem;min-height:0}.sidebar-panel,.inspector-panel,.workspace-main{padding:1rem}.sidebar-panel,.inspector-panel{display:flex;flex-direction:column;gap:1rem}.workspace-main{display:flex;flex-direction:column;gap:1rem;min-width:0}.panel-card{padding:.9rem;background:var(--bg-soft)}.stack-list{display:flex;flex-direction:column;gap:.45rem;margin-bottom:.75rem;max-height:18rem;overflow:auto}.list-item.is-active{border-color:#2cf1c78c;background:#0b3e52d1}.panel-heading{font-weight:700;margin-bottom:.8rem}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:.75rem}.field span{color:var(--text-dim);font-size:.82rem}.detail-row,.transport-readout{display:flex;justify-content:space-between;gap:.75rem;color:var(--text-dim);font-size:.92rem}.transport-bar{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.9rem;padding:.9rem 1rem;border:1px solid var(--border);border-radius:18px;background:#061521bd}@media(max-width:1100px){.workspace-grid,.welcome-shell{grid-template-columns:1fr}.app-header{flex-direction:column}}