@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{--bg:#f3f4ef;--surface:#fff;--surface-muted:#fafaf7;--surface-soft:#f7f8f3;--line:#15181f17;--line-strong:#15181f29;--text:#14171d;--text-muted:#67707c;--accent:#415ad9;--accent-soft:#415ad91a;--accent-strong:#3046b1;--danger-soft:#ad49491f;--success-soft:#2c7d591f;--tag-soft:#eef1f6;--shadow:0 18px 42px #14171d0d;color:var(--text);background:var(--bg);font-family:Manrope,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body,#root{min-height:100%}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at top left, #7888e614, transparent 22%), radial-gradient(circle at bottom right, #668f7e12, transparent 26%), var(--bg);margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}input,select,textarea{border:1px solid var(--line);background:var(--surface);width:100%;color:var(--text);border-radius:14px;padding:.82rem .95rem;transition:border-color .12s,box-shadow .12s,background .12s}textarea{resize:vertical}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-color:#415ad96b;outline:none;box-shadow:0 0 0 4px #415ad91f}label{gap:.45rem;display:grid}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.03em}.app-shell,.login-shell{min-height:100vh}.login-shell{place-items:center;padding:2rem;display:grid}.login-panel,.panel,.subpanel,.drawer-panel,.modal-card{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-radius:22px}.login-panel{width:min(100%,460px);padding:2rem}.app-shell{grid-template-columns:220px minmax(0,1fr);display:grid}.workspace-rail{border-right:1px solid var(--line);background:#f9faf6d1;grid-template-rows:auto 1fr auto;gap:1.5rem;padding:1.5rem 1.25rem;display:grid}.rail-brand,.rail-footer,.page-section,.workspace-stack,.stack-form,.data-list,.picker-list,.share-grid,.selection-preview{gap:.9rem;display:grid}.app-main{gap:1rem;padding:1.4rem;display:grid}.page-header{justify-content:space-between;align-items:flex-end;gap:1rem;display:flex}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:.2rem 0;display:grid}.summary-chip{border:1px solid var(--line);background:#ffffffb3;border-radius:16px;gap:.2rem;padding:.95rem 1rem;display:grid}.summary-chip span,.mini-stat span,.detail-label,.field-label{color:var(--text-muted);font-size:.78rem}.detail-label{margin-bottom:.3rem;display:block}.summary-chip strong,.mini-stat strong{letter-spacing:-.03em;font-size:1.2rem}.rail-nav{align-content:start;gap:.45rem;display:grid}.rail-link,.ghost-button,.primary-button,.tab-button{border-radius:12px}.rail-link{color:var(--text);text-align:left;background:0 0;border:1px solid #0000;padding:.78rem .9rem;font-weight:600}.rail-link-active{background:var(--accent-soft);color:var(--accent-strong);border-color:#415ad92e}.rail-footer{align-content:end}.page-section{gap:1rem}.panel,.subpanel{padding:1rem}.workspace-split{grid-template-columns:minmax(0,1.2fr) minmax(320px,.85fr);gap:1rem;display:grid}.packs-grid{grid-template-columns:320px minmax(0,1fr);gap:1rem;display:grid}.section-title,.section-actions,.row-heading,.row-actions,.toolbar-actions,.drawer-header,.drawer-footer,.detail-header,.headline-actions,.selection-chip-row,.share-card-actions{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.section-title,.detail-header{border-bottom:1px solid var(--line);padding-bottom:.9rem}.detail-header{margin-bottom:1rem}.toolbar-row{grid-template-columns:minmax(0,1.4fr) repeat(2,minmax(180px,.7fr));gap:.75rem;display:grid}.toolbar-row-single{grid-template-columns:minmax(0,1fr)}.toolbar-field{align-self:end}.toolbar-field-wide{min-width:0}.data-list{gap:.75rem}.list-row,.share-card,.picker-row,.detail-block{border:1px solid var(--line);background:var(--surface);border-radius:18px}.list-row{justify-content:space-between;align-items:flex-start;gap:.9rem;padding:.35rem;display:flex}.list-row-active{background:#415ad90d;border-color:#415ad93d}.list-row-button{text-align:left;color:inherit;background:0 0;border:none;flex:1;padding:.55rem .6rem}.list-row-body{gap:.35rem;padding:.55rem .6rem;display:grid}.row-heading{flex-wrap:wrap;justify-content:flex-start}.row-actions{flex-wrap:wrap;align-items:flex-start}.detail-pane{align-content:start;min-height:420px}.detail-meta{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;margin-bottom:1rem;display:grid}.detail-copy,.share-link,.mono-block{overflow-wrap:anywhere}.detail-copy{color:var(--text)}.detail-copy-break{word-break:break-all}.detail-block{gap:.35rem;padding:.95rem 1rem;display:grid}.detail-block-alert{background:#ad49490a}.detail-block-danger{background:#ad494908;border-color:#ad49492e}.danger-button{color:#9b2f2f}.primary-button.danger-button{color:#fff;background:#b23a3a}.empty-panel{text-align:center;border:1px dashed var(--line-strong);background:var(--surface-soft);border-radius:18px;place-items:center;gap:.65rem;min-height:220px;padding:1.4rem;display:grid}.empty-actions{gap:.75rem;display:flex}.supporting{color:var(--text-muted)}.compact{margin-top:.15rem}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--accent-strong);font-size:.76rem;font-weight:700}.status-line{color:var(--text-muted);font-size:.9rem}.primary-button,.ghost-button,.tab-button{border:1px solid var(--line);padding:.78rem .95rem;font-weight:600}.primary-button{background:var(--accent);color:#fff;border-color:#0000;box-shadow:0 10px 22px #415ad933}.ghost-button,.tab-button{color:var(--text);background:#ffffffc7}.mini-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.mini-stat{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;gap:.2rem;padding:.8rem .9rem;display:grid}.mini-stat-accent{background:var(--accent-soft)}.protocol-badge,.status-badge,.tag-token,.selection-chip,.selection-preview-chip,.inline-note{border-radius:999px;align-items:center;padding:.22rem .62rem;font-size:.78rem;display:inline-flex}.protocol-badge{color:var(--accent-strong);background:#415ad91a}.status-badge{background:var(--surface-soft);color:var(--text)}.status-success{background:var(--success-soft);color:#1d5b3f}.status-failed{background:var(--danger-soft);color:#8c2f2f}.tag-token,.selection-preview-chip{background:var(--tag-soft);color:var(--text)}.tag-token-muted{color:var(--text-muted)}.selection-chip{background:var(--accent-soft);color:var(--accent-strong)}.inline-note{background:var(--surface-soft);color:var(--text-muted)}.token-row{flex-wrap:wrap;gap:.45rem;display:flex}.tab-strip{gap:.55rem;margin-bottom:1rem;display:flex}.tab-button-active{background:var(--accent-soft);color:var(--accent-strong);border-color:#415ad933}.share-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.share-card{padding:.95rem}.preview-box,.mono-block{border:1px solid var(--line);background:var(--surface-soft);width:100%;color:var(--text);border-radius:16px}.preview-box{padding:.95rem}.mono-block{margin-top:.4rem;padding:.8rem .9rem;font-family:IBM Plex Mono,monospace;font-size:.88rem}.warning-list{color:#8c2f2f}.drawer-backdrop,.modal-backdrop{z-index:60;background:#1113194d;justify-content:end;padding:1rem;display:grid;position:fixed;inset:0}.modal-backdrop{place-items:center}.drawer-panel{width:min(560px,100%);max-height:calc(100vh - 2rem);padding:1.1rem;overflow:auto}.drawer-panel-wide{width:min(760px,100%)}.modal-card{width:min(520px,100%);padding:1.1rem}.modal-card img{background:#fff;border-radius:16px;width:min(240px,100%);margin:.9rem auto;padding:.45rem;display:block}.picker-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:.8rem;padding:.9rem;display:grid}.picker-row input{width:auto;margin-top:.15rem}.picker-row-disabled{opacity:.58}.picker-row-main{gap:.35rem;display:grid}.drawer-footer{border-top:1px solid var(--line);padding-top:.75rem}@media (width<=1180px){.workspace-split,.packs-grid,.summary-strip{grid-template-columns:1fr}}@media (width<=860px){.app-shell{grid-template-columns:1fr}.workspace-rail{border-right:none;border-bottom:1px solid var(--line)}.rail-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.app-main{padding:1rem}.toolbar-row,.detail-meta,.mini-stat-grid{grid-template-columns:1fr}.section-title,.drawer-header,.detail-header,.headline-actions,.row-actions,.share-card-actions,.drawer-footer{flex-direction:column;align-items:stretch}.list-row,.picker-row{grid-template-columns:1fr;display:grid}.tab-strip{padding-bottom:.2rem;overflow:auto}}@media (width<=640px){.login-shell,.app-main{padding:.85rem}.workspace-rail,.panel,.subpanel,.login-panel,.drawer-panel,.modal-card{border-radius:18px}}
