.wod-editor,.wod-preview-list,.wod-menu{--wod-title-0:var(--accent);--wod-title-1:var(--program-4);--wod-title-2:var(--accent-from);--wod-title-3:var(--program-3);--wod-title-4:var(--program-1);--wod-title-5:var(--program-5)}[data-color="0"]{--wod-c:var(--wod-title-0)}[data-color="1"]{--wod-c:var(--wod-title-1)}[data-color="2"]{--wod-c:var(--wod-title-2)}[data-color="3"]{--wod-c:var(--wod-title-3)}[data-color="4"]{--wod-c:var(--wod-title-4)}[data-color="5"]{--wod-c:var(--wod-title-5)}.wod-title-name{color:var(--wod-c,var(--text));font-family:var(--display);letter-spacing:.01em;text-transform:uppercase;font-style:italic;font-weight:800}.wod-editor{flex-direction:column;gap:12px;min-width:0;display:flex}.wod-editor-head{grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);align-items:center;gap:16px;display:grid}.wod-editor-col{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.wod-editor-col h3{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.7rem;font-weight:800}.wod-editor-head.is-write{justify-content:flex-end;display:flex}.wod-pill{align-items:center;gap:6px;font-size:.7rem;font-weight:700;display:inline-flex}.wod-pill i{background:var(--text-dim);border-radius:50%;width:7px;height:7px}.wod-pill.is-converted{color:var(--success)}.wod-pill.is-converted i{background:var(--success)}.wod-pill.is-partial{color:var(--warn)}.wod-pill.is-partial i{background:var(--warn)}.wod-pill.is-textOnly{color:var(--text-muted)}.wod-row-grid{grid-template-columns:minmax(0,1.75fr) minmax(240px,1fr);align-items:start;gap:16px;display:grid}.wod-card-cell{min-width:0;position:relative}.wod-block-card{border:1.5px dashed var(--border-dashed);border-radius:var(--radius-sm);background:var(--surface);gap:8px;padding:10px 14px 12px;display:grid}.wod-block-card:focus-within{border-color:var(--accent)}.wod-block-card.is-dragging{opacity:.45}.wod-block-head{align-items:center;gap:8px;min-width:0;display:flex}.wod-handle{color:var(--text-dim);cursor:grab;border-radius:6px;display:inline-flex}.wod-handle:focus-visible{outline:2px solid var(--accent)}.wod-anchor{display:inline-flex;position:relative}.wod-title-button{border:1px solid color-mix(in srgb, var(--wod-c,var(--border-strong)) 35%, var(--surface));background:color-mix(in srgb, var(--wod-c,var(--surface-2)) 15%, var(--surface));color:var(--wod-c,var(--text));cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:3px 9px;font-size:1.05rem;display:inline-flex}.wod-title-button.is-empty{color:var(--text)}.wod-format-pill{border:1px solid var(--border-control);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:3px 9px;font-size:.75rem;font-weight:700;display:inline-flex}.wod-format-pill.is-empty{color:var(--text-muted);border-style:dashed}.wod-conflict{color:var(--warn)}.wod-dot{border-radius:50%;width:8px;height:8px}.wod-dot.is-partial{background:var(--warn)}.wod-dot.is-text{background:var(--text-dim)}.wod-block-actions{gap:2px;margin-left:auto;display:inline-flex}.wod-text{min-width:0;display:grid}.wod-text-mirror,.wod-text-input{white-space:pre-wrap;overflow-wrap:anywhere;letter-spacing:0;background:0 0;border:0;grid-area:1/1;min-width:0;margin:0;padding:2px 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.9rem;line-height:1.55}.wod-text-mirror{min-height:3.1em;color:var(--text);pointer-events:none}.wod-text-input{resize:none;color:#0000;height:100%;caret-color:var(--text);outline:none;overflow:hidden}.wod-text-input::placeholder{color:var(--placeholder)}.wod-hl{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent-text);border-radius:3px}.wod-ghost{color:var(--text-dim);opacity:.7}.wod-preview{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);gap:6px;min-width:0;padding:10px 14px 12px;display:grid}.wod-preview-head{align-items:baseline;gap:8px;display:flex}.wod-preview-head small{color:var(--text-muted);font-size:.7rem;font-weight:700}.wod-preview-or,.wod-preview-option{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin:4px 0 0;font-size:.7rem;font-weight:800}.wod-banner{background:color-mix(in srgb, var(--accent) 12%, var(--surface));border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:4px 10px;padding:7px 12px;display:flex}.wod-banner strong{color:var(--accent-text);font-family:var(--display);font-size:1.15rem;font-style:italic;font-weight:800}.wod-banner span{color:var(--text-muted);font-size:.75rem}.wod-rows{margin:0;padding:0;list-style:none;display:grid}.wod-row{border-top:1px solid var(--border);justify-content:space-between;gap:12px;padding:6px 2px;font-size:.8rem;display:flex}.wod-row:first-child{border-top:0}.wod-row-left{overflow-wrap:anywhere;min-width:0}.wod-row-right{color:var(--text-muted);text-align:right;flex:none}.wod-row.is-raw .wod-row-left{color:var(--text-soft);font-style:italic}.wod-define{color:var(--accent-text);cursor:pointer;background:0 0;border:0;margin-left:8px;padding:0;font-size:.72rem;font-weight:700;text-decoration:underline}.wod-preview-empty{border:1.5px dashed var(--border-dashed);border-radius:var(--radius-sm);min-height:80px;color:var(--text-dim);text-align:center;place-items:center;padding:12px;font-size:.75rem;display:grid}.wod-preview-pending{min-height:80px}.wod-preview-list{gap:10px;display:grid}.wod-preview-error{margin:0}.wod-score-hint{color:var(--text-muted);margin:0;font-size:.75rem}.wod-foot{align-items:start}.wod-add-row{gap:10px;min-width:0;display:flex}.wod-add{border:1.5px dashed var(--border-dashed);border-radius:var(--radius-sm);color:var(--text-soft);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;padding:11px 14px;font-weight:700;display:inline-flex}.wod-add:disabled{opacity:.5;cursor:default}.wod-menu{z-index:30;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);width:min(340px,86vw);box-shadow:var(--shadow);gap:8px;padding:10px;display:grid;position:absolute;top:calc(100% + 6px);left:0}.wod-slash-anchor{position:absolute;top:100%;left:14px}.wod-menu-search{border:1.5px solid var(--accent);background:var(--surface-2);border-radius:10px;align-items:center;gap:8px;padding:7px 10px;display:flex}.wod-menu-search input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;padding:0}.wod-menu-search small{color:var(--text-muted);font-size:.7rem}.wod-menu-kicker{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.65rem;font-weight:800}.wod-menu-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.wod-menu-list button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;display:flex}.wod-menu-list button:focus-visible,.wod-menu-list button.is-current{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}@media (hover:hover){.wod-menu-list button:hover{background:color-mix(in srgb, var(--accent) 12%, var(--surface))}}.wod-menu-list button span{color:var(--text-muted);text-align:right;flex:1;font-size:.72rem}.wod-menu-create{background:color-mix(in srgb, var(--accent) 12%, var(--surface));color:var(--accent-text);cursor:pointer;border:0;border-radius:9px;align-items:center;gap:6px;padding:9px 10px;font-weight:700;display:flex}.wod-format-numbers{gap:10px;padding:4px 10px 8px;display:flex}.wod-format-number{color:var(--text-muted);gap:3px;font-size:.7rem;font-weight:700;display:grid}.wod-format-number input{border:1px solid var(--border-input);background:var(--surface-2);width:90px;color:var(--text);border-radius:8px;padding:6px 8px}.wod-format-actions{justify-content:flex-end;gap:8px;display:flex}.wod-keybar{z-index:5;background:var(--bg);grid-template-columns:repeat(5,1fr);gap:8px;padding:8px 0 10px;display:grid;position:sticky;bottom:0}.wod-keybar button{border:1px solid var(--border-control);background:var(--surface);color:var(--text);border-radius:10px;padding:10px 4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700}.wod-editor.is-write .wod-menu{width:min(340px,90vw)}.wod-menu.is-sheet{width:auto;box-shadow:none;background:0 0;border:0;padding:0 0 8px;position:static}
