:root{color-scheme:dark}body{margin:0;font-family:system-ui,sans-serif;background:#080c12;color:#e8ecf4;overflow:hidden}#track-editor-layout{display:grid;grid-template-columns:280px 1fr 300px;grid-template-rows:1fr auto;height:100vh;height:100dvh}#track-editor-canvas{grid-column:2;grid-row:1;width:100%;height:100%;display:block;touch-action:none}#track-editor-shell{display:contents}.te-drawer{grid-column:1;grid-row:1 / 3;display:flex;flex-direction:column;gap:.5rem;padding:.75rem;background:#0e141c;border-right:1px solid #1e2838;overflow:hidden}.te-drawer__head h2{margin:0 0 .5rem;font-size:1rem}.te-drawer__head input{width:100%;box-sizing:border-box;padding:.45rem .6rem;border-radius:6px;border:1px solid #2a3548;background:#121820;color:inherit}.te-drawer__sections{display:flex;flex-wrap:wrap;gap:.25rem}.te-drawer__section{padding:.25rem .5rem;border-radius:999px;border:1px solid #2a3548;background:transparent;color:#9aa8bc;font-size:.75rem;cursor:pointer}.te-drawer__section--active{border-color:#5ce1ff;color:#5ce1ff}.te-drawer__grid{flex:1;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;align-content:start;padding-bottom:.5rem}.te-piece-tile{display:flex;flex-direction:column;align-items:stretch;gap:.2rem;padding:.35rem;border-radius:8px;border:1px solid #243040;background:#121820;color:inherit;cursor:pointer;text-align:left}.te-piece-tile img{width:100%;height:auto;border-radius:4px;background:#0a1018}.te-piece-tile__label{font-size:.72rem;font-weight:600;line-height:1.2}.te-piece-tile__meta{font-size:.65rem;color:#7a889c}.te-piece-tile--good{border-color:#2a6a48}.te-piece-tile--fillet{border-color:#6a5020}.te-piece-tile--neutral{border-color:#3a4860}.te-piece-tile--blocked{border-color:#6a3030;opacity:.55}.te-piece-tile:hover,.te-piece-tile:focus-visible{border-color:#5ce1ff;outline:none}.te-piece-tile--dragging{border-color:#a8ff60;opacity:.85;cursor:grabbing}#track-editor-canvas.te-canvas--drop{outline:2px dashed #5ce1ff;outline-offset:-4px}.te-timeline__list--drop{outline:2px dashed #a8ff60;outline-offset:2px;border-radius:8px}.te-drawer__hint{margin:0;font-size:.68rem;color:#6a788c}.te-panel{grid-column:3;grid-row:1 / 3;padding:.75rem;background:#0e141c;border-left:1px solid #1e2838;overflow:auto;display:flex;flex-direction:column;gap:.65rem}.te-panel__eyebrow{margin:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#6a788c}.te-panel h1{margin:.15rem 0 0;font-size:1.25rem}.te-field{display:flex;flex-direction:column;gap:.25rem;font-size:.75rem;color:#9aa8bc}.te-field input{padding:.45rem .55rem;border-radius:6px;border:1px solid #2a3548;background:#121820;color:inherit}.te-check{display:flex;align-items:center;gap:.45rem;font-size:.78rem}.te-panel__templates{display:grid;grid-template-columns:auto 1fr auto;gap:.35rem;align-items:center;font-size:.75rem}.te-panel__templates select{padding:.35rem;border-radius:6px;border:1px solid #2a3548;background:#121820;color:inherit}.te-validation{padding:.55rem .65rem;border-radius:8px;font-size:.78rem;line-height:1.45;white-space:pre-wrap;background:#121820;border:1px solid #2a3548}.te-validation--ok{border-color:#2a6a48;color:#a8ff90}.te-validation--bad{border-color:#6a3030;color:#ffb0a0}.te-closers__title{margin:0 0 .35rem;font-size:.72rem;color:#9aa8bc}.te-closers__btn{display:block;width:100%;margin-bottom:.25rem;padding:.35rem .5rem;border-radius:6px;border:1px solid #3a4860;background:#141c28;color:inherit;font-size:.75rem;cursor:pointer;text-align:left}.te-panel__actions{display:flex;flex-direction:column;gap:.35rem}.te-btn{padding:.5rem .65rem;border-radius:8px;border:1px solid #2a3548;background:#141c28;color:inherit;font-size:.8rem;cursor:pointer;text-align:center;text-decoration:none}.te-btn--primary{background:linear-gradient(180deg,#3a88b8,#2a6898);border-color:#5ce1ff}.te-btn--muted{color:#9aa8bc}.te-btn:disabled{opacity:.45;cursor:not-allowed}.te-status{margin:0;font-size:.72rem;color:#7a889c}.te-timeline{grid-column:2;grid-row:2;padding:.45rem .65rem .65rem;background:#0a1018;border-top:1px solid #1e2838;max-height:140px;display:flex;flex-direction:column;gap:.35rem}.te-timeline__head{display:flex;justify-content:space-between;align-items:baseline;gap:.5rem}.te-timeline__title{font-size:.75rem;font-weight:600}.te-timeline__stats{font-size:.68rem;color:#7a889c}.te-timeline__list{list-style:none;margin:0;padding:0;display:flex;gap:.35rem;overflow-x:auto;align-items:stretch}.te-timeline__chip{display:flex;align-items:center;gap:.35rem;padding:.35rem .5rem;border-radius:8px;border:1px solid #2a3548;background:#121820;font-size:.72rem;cursor:grab;flex-shrink:0}.te-timeline__chip--selected{border-color:#5ce1ff;box-shadow:0 0 0 1px #5ce1ff44}.te-timeline__chip--over{border-color:#a8ff60}.te-timeline__idx{color:#6a788c;font-variant-numeric:tabular-nums}.te-timeline__rm{border:none;background:transparent;color:#f88;cursor:pointer;padding:0 .15rem}.te-timeline__variant{max-width:5.5rem;font-size:.65rem;padding:.15rem;border-radius:4px;border:1px solid #2a3548;background:#0e141c;color:inherit}.te-timeline__hazard{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;font-size:.72rem;color:#9aa8bc}.te-timeline__hazard button,.te-timeline__hazard select{font-size:.72rem;padding:.25rem .45rem;border-radius:6px;border:1px solid #2a3548;background:#121820;color:inherit;cursor:pointer}.te-mode-bar{display:flex;gap:.35rem}.te-mode-btn{flex:1;padding:.4rem .5rem;border-radius:8px;border:1px solid #2a3548;background:#121820;color:#9aa8bc;font-size:.75rem;cursor:pointer}.te-mode-btn--active{border-color:#5ce1ff;color:#5ce1ff;background:#141c28}.te-details{font-size:.78rem;color:#9aa8bc}.te-details summary{cursor:pointer;font-weight:600;margin-bottom:.35rem}.te-quality{padding:.45rem .55rem;border-radius:8px;font-size:.72rem;line-height:1.4;background:#121820;border:1px solid #2a4860;color:#a8d8ff}.te-hint{margin:0;font-size:.68rem;color:#6a788c}.te-party{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #1e2838;display:flex;flex-direction:column;gap:.35rem}.te-party__head{display:flex;align-items:center;justify-content:space-between;gap:.35rem;font-size:.78rem;font-weight:600}.te-party__hint{margin:0;font-size:.65rem;color:#6a788c}.te-party__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem}.te-party__pick{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem;border-radius:8px;border:1px solid #2a3548;background:#121820;color:inherit;font-size:.62rem;cursor:pointer}.te-party__pick:hover{border-color:#5ce1ff}.te-party__flip{margin-top:.15rem;padding:.15rem .35rem;font-size:.6rem;border-radius:4px;border:1px solid #3a4860;background:#0e141c;color:#9aa8bc;cursor:pointer}#track-editor-plan-mount{grid-column:2;grid-row:1;position:relative;pointer-events:none;z-index:2}.te-plan{position:absolute;right:.75rem;bottom:.75rem;padding:.35rem;border-radius:10px;background:#0a1018e0;border:1px solid #2a3548;pointer-events:none}.te-plan__label{display:block;font-size:.62rem;color:#6a788c;margin-bottom:.2rem}.te-plan__canvas{display:block;border-radius:6px}@media(max-width:960px){#track-editor-layout{grid-template-columns:1fr;grid-template-rows:40vh auto auto 1fr}.te-drawer{grid-column:1;grid-row:3;max-height:28vh;border-right:none;border-top:1px solid #1e2838}.te-panel{grid-column:1;grid-row:4;border-left:none;border-top:1px solid #1e2838;max-height:32vh}#track-editor-canvas{grid-row:1}.te-timeline{grid-row:2}}