@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{font-family:Space Grotesk,IBM Plex Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#e2e8f0;background-color:#010615;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(59,130,246,.18),transparent 60%),#010615}#root{min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}input,select{background:#0f172a;border:1px solid rgba(148,163,184,.3);border-radius:.5rem;padding:.35rem .5rem}select:focus,input:focus{outline:2px solid #38bdf8;outline-offset:1px}.app-shell{display:flex;flex-direction:column;min-height:100vh;background:radial-gradient(circle at 20% 20%,rgba(14,116,144,.4),transparent 45%),radial-gradient(circle at 80% 0%,rgba(59,130,246,.2),transparent 50%),#020617}.warning-banner{display:flex;align-items:center;gap:.5rem;justify-content:center;background:#fbbf2426;color:#fef3c7;padding:.6rem 1rem;border-bottom:1px solid rgba(251,191,36,.35);font-size:.92rem;letter-spacing:.01em}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2rem;border-bottom:1px solid rgba(148,163,184,.2);position:sticky;top:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#020617eb;z-index:10}.top-bar h1{margin:.1rem 0 0;font-size:1.6rem}.top-actions{display:flex;gap:.75rem}.main-layout{display:grid;grid-template-columns:320px 1fr;flex:1;min-height:0}.sidebar{border-right:1px solid rgba(148,163,184,.15);padding:1.5rem;overflow-y:auto;background:linear-gradient(180deg,#0f172ad9,#020617f2)}.workspace{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem 2rem 2rem}.eyebrow{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;margin:0}button{border:none;border-radius:999px;padding:.4rem .9rem;background:#94a3b840;color:#e2e8f0;cursor:pointer;transition:background .2s ease,transform .2s ease}button:hover:not(:disabled){background:#94a3b859}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(120deg,#0ea5e9,#6366f1);color:#0b1120;font-weight:600}button.ghost{background:transparent;border:1px solid rgba(148,163,184,.35)}.pill{border-radius:999px;padding:.35rem .8rem;background:#94a3b833}.pill.active{background:#f871714d;color:#fecdd3}.control-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;padding:1rem 1.25rem;background:#0f172abf;border:1px solid rgba(148,163,184,.2);border-radius:1rem;box-shadow:0 25px 65px #02061799}.control-group{display:flex;flex-direction:column;gap:.35rem}.control-stack{background:#0f172a99;border-radius:.8rem;padding:.7rem;border:1px solid rgba(148,163,184,.15);display:flex;flex-direction:column;gap:.6rem}.inline-buttons{display:flex;gap:.4rem;flex-wrap:wrap}.composer{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1.5rem;min-height:0}.timeline-panel,.execution-panel{background:#0f172abf;border-radius:1rem;border:1px solid rgba(148,163,184,.18);padding:1.2rem;box-shadow:0 25px 65px #02061799}.panel-heading,.bloch-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.panel-heading h2,.bloch-header h3{margin:.25rem 0 0}.legend{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#cbd5f5}.legend-pill{width:.9rem;height:.9rem;border-radius:999px;border:1px solid rgba(148,163,184,.4)}.legend-pill.live{background:linear-gradient(120deg,#0ea5e9,#22d3ee)}.circuit-grid{margin-top:1rem}.grid-top{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:center;color:#94a3b8;font-size:.85rem}.grid-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.25rem}.column-marker{text-align:center;padding:.25rem 0;border-radius:.6rem;border:1px solid rgba(148,163,184,.2)}.column-marker.executed{border-color:#38bdf899;background:#38bdf81a}.grid-rows{margin-top:.75rem;display:flex;flex-direction:column;gap:.6rem}.grid-row{display:grid;grid-template-columns:120px minmax(0,1fr);align-items:stretch;gap:.5rem}.qubit-label{background:#0f172aa6;border:1px solid rgba(148,163,184,.2);border-radius:.75rem;padding:.8rem;display:flex;flex-direction:column;gap:.15rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;color:#f8fafc}.grid-cells{display:grid;grid-template-columns:repeat(auto-fit,minmax(48px,1fr));gap:.25rem}.grid-cell{border-radius:.75rem;min-height:56px;border:1px dashed rgba(148,163,184,.2);background:#04162966;display:flex;align-items:center;justify-content:center;transition:border .2s ease,transform .2s ease}.grid-cell.executed{border-color:#0ea5e999;background:#0e749033}.grid-cell:hover{border-color:#f8fafc80;transform:translateY(-2px)}.grid-cell.erase-active:hover{border-color:#ef4444b3}.grid-cell:focus-visible{outline:2px solid #38bdf8}.gate-pill{padding:.3rem .5rem;border-radius:.7rem;border:1px solid rgba(248,250,252,.3);text-align:center;min-width:36px;display:flex;flex-direction:column;gap:.15rem;font-weight:600;font-size:.95rem;color:#f8fafc}.gate-pill small{font-size:.7rem;color:#cbd5f5}.gate-library h2{margin:.2rem 0 .8rem}.gate-section{margin-bottom:1.5rem}.gate-section__label{font-size:.9rem;color:#94a3b8;margin-bottom:.35rem}.gate-grid{display:flex;flex-direction:column;gap:.75rem}.gate-card{padding:.8rem;border-radius:.9rem;background:#02061799;border:1px solid rgba(148,163,184,.15);display:flex;flex-direction:column;gap:.3rem;cursor:pointer;transition:border .2s ease,transform .2s ease}.gate-card.active{border-color:#3b82f6cc;transform:translateY(-2px)}.gate-token{width:36px;height:36px;border-radius:.8rem;display:grid;place-items:center;font-weight:600}.gate-copy h3{margin:0}.gate-copy p{margin:0;color:#94a3b8;font-size:.85rem}.gate-parameter label{font-size:.8rem;color:#cbd5f5}.slider-row{display:flex;align-items:center;gap:.4rem}.slider-row input[type=range]{flex:1}.execution-panel{display:flex;flex-direction:column;gap:.9rem}.field{display:flex;flex-direction:column;gap:.25rem}.status-line{font-size:.9rem;color:#a5b4fc}.run-history{background:#02061799;border-radius:.8rem;padding:.6rem .8rem;border:1px solid rgba(148,163,184,.15)}.run-history ul{margin:.3rem 0 0;padding-left:1.2rem;color:#94a3b8}.bloch-panel{background:#0f172acc;border-radius:1rem;padding:1.2rem;border:1px solid rgba(148,163,184,.18);box-shadow:0 25px 65px #0206178c;display:flex;flex-direction:column;gap:1rem}.slider-control{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;justify-content:flex-end}.slider-control input[type=range]{width:180px}.slider-actions{display:flex;gap:.25rem}.slider-actions button{width:32px;height:32px;padding:0;border-radius:.5rem;background:#94a3b833;line-height:1}.toggle{display:flex;align-items:center;gap:.35rem;font-size:.85rem;color:#cbd5f5}.toggle input{width:1.1rem;height:1.1rem;accent-color:#38bdf8}.bloch-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.bloch-card{background:#020617d9;border-radius:1rem;border:1px solid rgba(148,163,184,.2);padding:.75rem;display:flex;flex-direction:column;gap:.5rem}.bloch-canvas{border-radius:.8rem;overflow:hidden;background:radial-gradient(circle,rgba(15,118,186,.2),transparent 65%);padding:.35rem}.bloch-plot{width:100%;height:240px}.bloch-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem}.bloch-coords{display:flex;gap:.35rem;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace}.amplitude-readout{display:flex;justify-content:space-between;font-family:IBM Plex Mono,ui-monospace,SFMono-Regular,Consolas,Liberation Mono,monospace;font-size:.85rem;color:#cbd5f5;padding:0 .25rem .4rem}@media(max-width:1200px){.composer{grid-template-columns:1fr}.execution-panel{order:-1}}@media(max-width:900px){.main-layout{grid-template-columns:1fr}.sidebar{order:2}}