.phase-b-v2{max-width:none}.phase-b-v2 button{background:var(--sd-bg-elevated-2);color:var(--sd-text);border:1px solid var(--sd-border-strong)}.phase-b-v2 button:hover{background:var(--sd-accent-soft);border-color:var(--sd-accent)}.phase-b-v2 header{display:flex;gap:1rem;align-items:center;margin-bottom:.45rem}.phase-b-v2 h2{margin:.12rem 0}.phase-b-v2-track{margin-left:auto;display:flex;align-items:center;gap:.45rem;font-size:.85rem;font-weight:700;color:var(--sd-text-muted)}.phase-b-v2-track select{min-height:38px;max-width:230px;padding:.35rem .55rem;border:1px solid var(--sd-border-strong);border-radius:8px;background:var(--sd-bg-inset);color:var(--sd-text);font:inherit}.phase-b-v2-danger{min-height:38px;padding:.35rem .6rem;font-size:.8rem;white-space:nowrap;border:1px solid var(--sd-danger);border-radius:8px;background:var(--sd-danger-soft);color:var(--sd-danger)}.phase-b-v2-danger:hover{background:#ff6b6b3d;border-color:var(--sd-danger)}.phase-b-v2-controls{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap;margin:.5rem 0}.phase-b-v2-controls button{min-height:36px;padding:.35rem .6rem}.phase-b-v2-play{min-width:38px;font-size:1.15rem;line-height:1;text-align:center}.phase-b-v2-zoom{display:flex;gap:.3rem;align-items:center;padding:.2rem .35rem;border:1px solid var(--sd-border-strong);border-radius:8px;background:var(--sd-bg-elevated-2)}.phase-b-v2-zoom>span{align-self:stretch;display:flex;align-items:center;padding:0 .2rem;font-size:.78rem;font-weight:700;color:var(--sd-text-muted)}.phase-b-v2-zoom button{min-height:32px}.phase-b-v2-fragment-actions{display:flex;gap:.3rem;align-items:center;padding-left:.5rem;margin-left:.1rem;border-left:1px solid var(--sd-border)}.phase-b-v2-action{font-size:.82rem;white-space:nowrap}.phase-b-v2-play:disabled,.phase-b-v2-action:disabled{opacity:.35;cursor:not-allowed}.phase-b-v2-selected-label{width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;color:var(--sd-text-muted)}.phase-b-v2-workspace{position:relative;width:100%;min-width:0;margin-top:.75rem}.phase-b-v2-map-label,.phase-b-v2-tablature-label{position:absolute;z-index:1;left:14px;padding:0 .25rem;font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--sd-text-muted);background:var(--sd-bg-inset);pointer-events:none}.phase-b-v2-map-label{top:14px}.phase-b-v2-tablature-label{top:126px}.phase-b-v2-surface{width:100%;height:clamp(260px,55dvh,620px);min-height:260px;border:1px solid var(--sd-border-strong);border-radius:12px;overflow:hidden;background:var(--sd-bg-elevated)}.phase-b-v2-surface canvas{display:block;width:100%;height:100%}.phase-b-category{margin:.75rem 0;padding:.85rem;border:1px solid var(--sd-warning);border-radius:10px;background:var(--sd-warning-soft)}.phase-b-category p{margin-top:0}.phase-b-category div{display:flex;gap:.45rem;flex-wrap:wrap;margin-bottom:.65rem}.phase-b-category button{min-height:42px;padding:.45rem .7rem;text-transform:capitalize}.phase-b-v2-families-trigger{min-height:38px;padding:.35rem .7rem;font-size:.8rem;white-space:nowrap;border:1px solid var(--sd-border-strong);border-radius:8px;background:var(--sd-bg-elevated-2);color:var(--sd-text)}.phase-b-v2-families-trigger:hover{background:var(--sd-accent-soft);border-color:var(--sd-accent)}.phase-b-v2-coverage-badge{min-height:38px;padding:.35rem .7rem;font-size:.8rem;font-weight:700;white-space:nowrap;border-radius:8px;border:1px solid}.phase-b-v2-coverage-badge.is-complete{background:var(--sd-success-soft);border-color:var(--sd-success);color:var(--sd-success);cursor:default}.phase-b-v2-coverage-badge.has-issues{background:var(--sd-danger-soft);border-color:var(--sd-danger);color:var(--sd-danger)}.phase-b-v2-coverage-badge.has-issues:hover{background:#ff6b6b3d}.phase-b-v2-coverage-panel{margin:.5rem 0;padding:.75rem 1rem;border:1px solid var(--sd-danger);border-radius:10px;background:var(--sd-danger-soft)}.phase-b-v2-coverage-panel h3{margin:.6rem 0 .3rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--sd-text-muted)}.phase-b-v2-coverage-panel ul{list-style:none;margin:0;padding:0}.phase-b-v2-modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#04080eb8;padding:4vh 3vw}.phase-b-v2-modal{width:min(1100px,94vw);max-height:92vh;display:flex;flex-direction:column;border:1px solid var(--sd-border);background:var(--sd-bg-elevated);border-radius:16px;box-shadow:var(--sd-shadow-lg);overflow:hidden}.phase-b-v2-modal>header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--sd-border)}.phase-b-v2-modal>header h2{margin:0;font-size:1.05rem}.phase-b-v2-modal-close{min-height:34px;min-width:34px;border-radius:8px;font-size:.95rem;line-height:1;padding:0}.phase-b-v2-modal-hint{margin:.75rem 1.25rem 0;font-size:.8rem;color:var(--sd-text-muted)}.phase-b-v2-kanban{flex:1;display:flex;gap:.9rem;padding:1rem 1.25rem 1.25rem;overflow-x:auto;align-items:flex-start}.phase-b-v2-kanban-card{flex:0 0 260px;display:flex;flex-direction:column;max-height:100%;border:1px solid var(--sd-border);border-radius:12px;background:var(--sd-bg-inset);overflow:hidden}.phase-b-v2-kanban-card>header{display:flex;align-items:center;gap:.4rem;padding:.6rem .7rem;border-bottom:1px solid var(--sd-border);background:var(--sd-bg-elevated-2)}.phase-b-v2-kanban-card>header input{flex:1;min-width:0;min-height:32px;padding:.25rem .5rem;border:1px solid var(--sd-border-strong);border-radius:6px;font:inherit;font-weight:700;background:var(--sd-bg-inset);color:var(--sd-text)}.phase-b-v2-kanban-card>header strong{flex:1;font-size:.88rem;color:var(--sd-text)}.phase-b-v2-kanban-card>header span{flex-shrink:0;font-size:.74rem;color:var(--sd-text-muted);background:var(--sd-bg-elevated-2);border-radius:999px;padding:.1rem .5rem}.phase-b-v2-kanban-card>header button{flex-shrink:0;min-height:30px;min-width:30px;padding:0;font-size:.85rem}.phase-b-v2-kanban-unassigned{background:var(--sd-warning-soft);border-color:var(--sd-warning)}.phase-b-v2-kanban-unassigned>header{background:#f5b64233}.phase-b-v2-kanban-new{flex:0 0 200px;align-items:center;justify-content:center;min-height:120px;border-style:dashed;background:var(--sd-bg-inset);color:var(--sd-text-muted);text-align:center;font-size:.8rem}.phase-b-v2-kanban-new p{margin:0;padding:1rem}.phase-b-v2-kanban-new span{font-size:.72rem}.phase-b-v2-kanban-empty{margin:0;padding:.6rem .7rem;font-size:.78rem;color:var(--sd-text-muted)}.phase-b-v2-chip-list{list-style:none;margin:0;padding:.5rem;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;scrollbar-width:thin}.phase-b-v2-chip{display:flex;align-items:center;gap:.35rem;padding:.4rem .5rem;border:1px solid var(--sd-border);border-radius:8px;background:var(--sd-bg-elevated);color:var(--sd-text);font-size:.78rem;cursor:grab}.phase-b-v2-chip:active{cursor:grabbing}.phase-b-v2-chip span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phase-b-v2-chip button{flex-shrink:0;min-height:26px;min-width:26px;padding:0;font-size:.7rem}.phase-b-v2-chip select{flex-shrink:0;min-height:26px;max-width:32px;padding:0 .1rem;font-size:.72rem;border-radius:6px}.phase-b-v2-details{margin-top:.75rem;padding:.85rem 1rem;border:1px solid var(--sd-border);border-radius:10px;background:var(--sd-bg-elevated)}.phase-b-v2-details>section:first-child{margin-top:0;padding-top:0;border-top:none}.phase-b-v2-relations,.phase-b-v2-family,.phase-b-v2-matcher{margin-top:.7rem;padding-top:.6rem;border-top:1px solid var(--sd-border)}.phase-b-v2-relations h3,.phase-b-v2-family h3,.phase-b-v2-matcher h3{margin:0 0 .35rem;font-size:.82rem;text-transform:uppercase;letter-spacing:.03em;color:var(--sd-text-muted)}.phase-b-v2-relations ul,.phase-b-v2-family ul,.phase-b-v2-matcher ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;max-height:240px;overflow-y:auto;scrollbar-width:thin}.phase-b-v2-relations ul::-webkit-scrollbar,.phase-b-v2-family ul::-webkit-scrollbar,.phase-b-v2-matcher ul::-webkit-scrollbar,.phase-b-v2-picker ul::-webkit-scrollbar{width:6px}.phase-b-v2-relations ul::-webkit-scrollbar-thumb,.phase-b-v2-family ul::-webkit-scrollbar-thumb,.phase-b-v2-matcher ul::-webkit-scrollbar-thumb,.phase-b-v2-picker ul::-webkit-scrollbar-thumb{background:var(--sd-border-strong);border-radius:4px}.phase-b-v2-row{display:flex;align-items:center;gap:.55rem;min-height:38px;padding:.4rem .1rem;font-size:.85rem;border-bottom:1px solid var(--sd-border)}.phase-b-v2-row:last-child{border-bottom:none}.phase-b-v2-badge{flex-shrink:0;padding:.15rem .5rem;border-radius:999px;background:var(--sd-accent-soft);color:var(--sd-accent);font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}.phase-b-v2-row-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sd-text)}.phase-b-v2-row-actions{flex-shrink:0;display:flex;gap:.3rem}.phase-b-v2-row-actions button{min-height:30px;padding:.25rem .55rem;font-size:.78rem}.phase-b-v2-row-remove{background:transparent;color:var(--sd-danger);border-color:var(--sd-danger)}.phase-b-v2-picker{margin-top:.5rem;padding:.55rem;border:1px dashed var(--sd-border-strong);border-radius:8px}.phase-b-v2-picker ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.2rem;max-height:220px;overflow-y:auto;scrollbar-width:thin}.phase-b-v2-diagnostic{margin-top:.5rem;padding:.55rem .7rem;border:1px solid var(--sd-border-strong);border-radius:8px;background:var(--sd-bg-inset);font-size:.8rem}.phase-b-v2-diagnostic ul{list-style:disc;margin:0 0 .5rem 1.1rem;padding:0;display:block}.phase-b-v2-diagnostic li{display:list-item;font-size:inherit}@media(max-width:699px){.phase-b-v2 header{display:grid}.phase-b-v2-track{margin-left:0}.phase-b-v2-surface{height:calc(100svh - 300px);min-height:260px}}:root{--sd-bg: #0a0f1a;--sd-bg-elevated: #101a2a;--sd-bg-elevated-2: #16233a;--sd-bg-inset: #0c1524;--sd-border: #263650;--sd-border-strong: #3e5872;--sd-text: #e8eef5;--sd-text-muted: #93a4bb;--sd-text-faint: #5c6f88;--sd-accent: #38bdf8;--sd-accent-strong: #0ea5c9;--sd-accent-soft: rgba(56, 189, 248, .14);--sd-success: #5fd3a4;--sd-success-soft: rgba(95, 211, 164, .16);--sd-warning: #f5b642;--sd-warning-soft: rgba(245, 182, 66, .16);--sd-danger: #ff6b6b;--sd-danger-soft: rgba(255, 107, 107, .14);--sd-radius-sm: 7px;--sd-radius-md: 10px;--sd-radius-lg: 14px;--sd-radius-xl: 20px;--sd-radius-pill: 999px;--sd-shadow-sm: 0 1px 2px rgba(0, 0, 0, .5);--sd-shadow-md: 0 10px 30px rgba(0, 0, 0, .4);--sd-shadow-lg: 0 24px 60px rgba(0, 0, 0, .5);--sd-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}.sd-btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;min-height:40px;padding:.55rem 1rem;border:1px solid var(--sd-border-strong);border-radius:var(--sd-radius-md);background:var(--sd-bg-elevated-2);color:var(--sd-text);font:700 .88rem/1.1 var(--sd-font);cursor:pointer;transition:background .12s ease,border-color .12s ease,transform .05s ease}.sd-btn:hover{border-color:var(--sd-accent);background:var(--sd-accent-soft)}.sd-btn:active{transform:translateY(1px)}.sd-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.sd-btn:focus-visible{outline:2px solid var(--sd-accent);outline-offset:2px}.sd-btn-primary{border-color:var(--sd-accent);background:var(--sd-accent);color:#04121a}.sd-btn-primary:hover{background:var(--sd-accent-strong);border-color:var(--sd-accent-strong)}.sd-btn-danger{border-color:var(--sd-danger);color:var(--sd-danger);background:transparent}.sd-btn-danger:hover{background:var(--sd-danger-soft)}.sd-btn-quiet{border-color:transparent;background:transparent}.sd-btn-quiet:hover{border-color:var(--sd-border);background:var(--sd-bg-elevated-2)}.sd-input,.sd-select{min-height:40px;padding:.5rem .7rem;border:1px solid var(--sd-border-strong);border-radius:var(--sd-radius-sm);background:var(--sd-bg-inset);color:var(--sd-text);font:500 .88rem/1.2 var(--sd-font)}.sd-input::placeholder{color:var(--sd-text-faint)}.sd-input:focus,.sd-select:focus{outline:2px solid var(--sd-accent);outline-offset:1px}.sd-card{padding:1.1rem 1.25rem;border:1px solid var(--sd-border);border-radius:var(--sd-radius-lg);background:var(--sd-bg-elevated);box-shadow:var(--sd-shadow-sm)}.sd-eyebrow{color:var(--sd-text-muted);font:800 .72rem/1 var(--sd-font);letter-spacing:.08em;text-transform:uppercase}:root{font-family:var(--sd-font);color:var(--sd-text);background:var(--sd-bg)}*{box-sizing:border-box}body{margin:0;background:var(--sd-bg)}button,input,select{font:inherit}button{min-height:44px;border:0;border-radius:var(--sd-radius-md);padding:.65rem .9rem;background:var(--sd-accent);color:#04121a;font-weight:700;cursor:pointer;transition:background .12s ease,transform .05s ease}button:hover{background:var(--sd-accent-strong)}button:active{transform:translateY(1px)}button:disabled{opacity:.55}button:focus-visible{outline:2px solid var(--sd-accent);outline-offset:2px}select,input:not([type=checkbox]):not([type=radio]){background:var(--sd-bg-inset);color:var(--sd-text);border:1px solid var(--sd-border-strong);border-radius:var(--sd-radius-sm)}select:focus,input:focus{outline:2px solid var(--sd-accent);outline-offset:1px}.web-shell{max-width:960px;margin:auto;padding:env(safe-area-inset-top) 1rem 2rem}.web-shell header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0 1.5rem}.brand{background:none;color:var(--sd-text);padding:0;font-weight:800;font-size:1.05rem}.web-centered{min-height:100dvh;display:grid;place-items:center;padding:1rem}.login-card{width:min(100%,400px);display:grid;gap:1rem;padding:1.5rem;border:1px solid var(--sd-border);background:var(--sd-bg-elevated);border-radius:var(--sd-radius-xl);box-shadow:var(--sd-shadow-lg)}.login-card h1,.login-card p{margin:0}.login-card label{display:grid;gap:.4rem;font-weight:600;color:var(--sd-text-muted)}.login-card input{min-height:44px;border:1px solid var(--sd-border-strong);border-radius:var(--sd-radius-sm);padding:.55rem;background:var(--sd-bg-inset);color:var(--sd-text)}.card-list{margin:1rem 0;padding:0;display:grid;gap:.75rem;list-style:none}.card-list button{width:100%;min-height:72px;text-align:left;background:var(--sd-bg-elevated);color:var(--sd-text);border:1px solid var(--sd-border);display:grid;gap:.25rem}.card-list span{font-size:.88rem;color:var(--sd-text-muted)}.back{background:var(--sd-bg-elevated-2);color:var(--sd-text);margin-bottom:1rem}section{max-width:720px}dl{display:grid;grid-template-columns:max-content 1fr;gap:.65rem 1rem;background:var(--sd-bg-elevated);padding:1rem;border-radius:var(--sd-radius-lg)}dt{font-weight:700}dd{margin:0}.phase-a-web{max-width:none}.phase-a-web header{padding:0}.eyebrow{margin:0;color:var(--sd-text-muted);font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.save-state{font-size:.88rem}.save-state.saving{color:var(--sd-warning)}.save-state.error,.save-state.conflict{color:var(--sd-danger)}.phase-toolbar,.phase-actions{display:flex;gap:.55rem;align-items:center;flex-wrap:wrap;margin:1rem 0}.toolbar-spacer{flex:1}.phase-toolbar span{font-variant-numeric:tabular-nums;white-space:nowrap}.phase-timeline-viewport{overflow-x:auto;border:1px solid var(--sd-border);border-radius:var(--sd-radius-lg);background:var(--sd-bg-elevated);touch-action:pan-x;overscroll-behavior:contain}.phase-timeline-lane{height:190px;min-width:100%;position:relative;background:linear-gradient(var(--sd-bg-inset) 0 35%,var(--sd-bg-elevated-2) 35%);touch-action:none;-webkit-user-select:none;user-select:none}.phase-measure{position:absolute;top:0;bottom:0;border-right:1px solid var(--sd-border);color:var(--sd-text-muted);font-size:.72rem;padding:.3rem;pointer-events:none}.phase-playhead{position:absolute;z-index:5;top:0;bottom:0;width:2px;background:var(--sd-danger);pointer-events:none}.phase-block{position:absolute;z-index:3;top:62px;height:76px;border-radius:var(--sd-radius-md);background:var(--sd-accent);color:#04121a;display:flex;align-items:center;justify-content:center;min-width:12px;padding:0 22px;text-align:center;font-weight:700;font-size:.82rem;overflow:hidden;touch-action:none}.phase-block.selected{outline:4px solid var(--sd-warning);z-index:4}.phase-handle{position:absolute!important;top:-8px;bottom:-8px;z-index:6;width:32px;min-height:92px;padding:0!important;border-radius:var(--sd-radius-sm)!important;background:var(--sd-accent-strong)!important;cursor:ew-resize}.phase-handle.start{left:-12px}.phase-handle.end{right:-12px}.phase-actions{padding:1rem;background:var(--sd-bg-elevated);border-radius:var(--sd-radius-lg)}.phase-actions label{display:grid;gap:.3rem;font-weight:700;color:var(--sd-text-muted)}.phase-actions select{min-height:44px;border:1px solid var(--sd-border-strong);border-radius:var(--sd-radius-sm);padding:.4rem;background:var(--sd-bg-inset);color:var(--sd-text)}.phase-completion{margin-top:1.5rem}.phase-completion p{color:var(--sd-danger)}.phase-completed{padding:1rem;border:1px solid var(--sd-success);background:var(--sd-success-soft);border-radius:var(--sd-radius-md)}.phase-dialog{position:fixed;inset:0;z-index:10;background:#04080eb3;display:grid;place-items:end center;padding:1rem}.phase-dialog section{width:min(100%,520px);border:1px solid var(--sd-border);background:var(--sd-bg-elevated);padding:1.25rem;border-radius:var(--sd-radius-xl);box-shadow:var(--sd-shadow-lg);display:flex;gap:.7rem;flex-wrap:wrap}.phase-dialog h3,.phase-dialog p{width:100%;margin:.15rem 0}.phase-dialog button:first-of-type{background:var(--sd-bg-elevated-2);color:var(--sd-text)}@media(min-width:700px){.phase-timeline-lane{height:250px}.phase-block{top:82px;height:90px;font-size:.95rem}.phase-actions{align-items:end}.phase-dialog{place-items:center}.phase-a-web{max-width:1100px}}@media(max-width:420px){.web-shell{padding-inline:.75rem}.web-shell header{align-items:flex-start}.web-shell header button:last-child{font-size:.85rem;padding:.55rem}.card-list button{white-space:normal}.phase-toolbar{gap:.35rem}.phase-toolbar button{padding:.55rem .6rem}}.phase-a-navigator{max-width:none;margin:.75rem 0}.phase-a-navigator h3{margin:0 0 .35rem;font-size:.8rem}.phase-a-overview{position:relative;height:68px;border:1px solid var(--sd-border-strong);border-radius:var(--sd-radius-md);background:var(--sd-bg-inset);overflow:hidden;touch-action:none}.phase-a-overview-blocks i{position:absolute;top:18px;height:28px;background:var(--sd-accent-strong);border-right:1px solid var(--sd-bg-inset)}.phase-a-overview-playhead{position:absolute;z-index:3;top:0;bottom:0;width:3px;background:var(--sd-danger);pointer-events:none}.phase-a-overview-window{position:absolute;z-index:2;top:5px;bottom:5px;min-height:0;padding:0;border:2px solid var(--sd-accent);border-radius:var(--sd-radius-sm);background:var(--sd-accent-soft);touch-action:none}.phase-block-preview{z-index:8!important;opacity:.6;pointer-events:none;border:2px dashed var(--sd-warning);background:var(--sd-warning-soft);color:var(--sd-text);box-shadow:0 0 0 2px var(--sd-bg-inset)}.web-shell{max-width:1280px}