.plans-page .site-shell { width:min(100%,1660px); max-width:1660px; }
.plans-intro { padding:26px 0 30px; }
.plans-eyebrow { margin:0 0 16px; color:var(--faint); font:11px/1.5 Consolas,monospace; letter-spacing:.08em; }
.plans-title-row { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
.plans-title-row h1 { margin:0; font-size:clamp(32px,4.8vw,58px); line-height:1.12; font-weight:600; letter-spacing:-.045em; }
.plans-mode { color:var(--accent); font:11px/1.5 Consolas,monospace; }
.plans-lead { max-width:670px; margin:18px 0 0; color:var(--muted); font-size:15px; line-height:1.75; }
.plans-toolbar { padding:18px 0; border-block:1px solid var(--line); display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; }
.plans-actions,.plans-filters { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
.plans-page :is(main,dialog) button { background:transparent; border:1px solid var(--line); border-radius:7px; padding:7px 11px; font-size:12px; cursor:pointer; transition:background 180ms,border-color 180ms,color 180ms; }
.plans-page :is(main,dialog) button:hover { border-color:color-mix(in srgb,var(--accent) 55%,var(--line)); background:color-mix(in srgb,var(--accent) 5%,transparent); }
.plans-page :is(main,dialog) button:disabled { opacity:.5; cursor:wait; }
.plans-filters button { border-color:transparent; color:var(--muted); }
.plans-filters button[aria-pressed="true"] { color:var(--text); background:color-mix(in srgb,var(--text) 6%,transparent); border-color:var(--line); }
.plans-page .plans-primary { color:var(--accent); border-color:color-mix(in srgb,var(--accent) 40%,var(--line)); background:color-mix(in srgb,var(--accent) 7%,transparent); }
.plans-feedback { min-height:22px; margin:14px 0 6px; font:12px/1.7 Consolas,monospace; color:var(--muted); }
.plans-load-state { padding:45px 0; color:var(--faint); font-size:14px; }
.plans-board { --fade-left:0px; --fade-right:0px; display:grid; grid-auto-flow:column; grid-auto-columns:minmax(220px,1fr); align-items:start; gap:16px; overflow-x:auto; padding:6px 1px 22px; scrollbar-width:thin; scrollbar-color:var(--line) transparent; min-height:240px; scroll-padding-inline:48px; overscroll-behavior-x:contain; mask-image:linear-gradient(to right,transparent,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent); }
.plans-board:focus-visible { outline:1px solid var(--accent); outline-offset:5px; }
.plan-column { min-width:0; border:1px solid color-mix(in srgb,var(--text) 10%,transparent); border-radius:14px; padding:17px 13px 12px; background:linear-gradient(155deg,color-mix(in srgb,var(--text) 3%,transparent),transparent 70%); transition:border-color 180ms; }
.plan-column.is-drop-target { border-color:var(--accent); }
.plan-column.is-current { border-top-color:color-mix(in srgb,var(--accent) 45%,var(--line)); }
.plan-column-header { padding:0 4px 17px; display:flex; justify-content:space-between; align-items:center; gap:10px; }
.plan-column-header h2 { margin:0; font:600 14px/1.5 "Cascadia Code",Consolas,monospace; }
.plan-column-count { font:11px/1.5 Consolas,monospace; color:var(--faint); }
.plan-column-label { display:block; margin:4px 0 0; color:var(--accent); font:10px/1.4 Consolas,monospace; }
.plan-column-list { display:grid; gap:9px; min-height:85px; }
.plan-card-wrap { border:1px solid var(--line); border-radius:10px; background:linear-gradient(135deg,color-mix(in srgb,var(--text) 4%,transparent),color-mix(in srgb,var(--accent) 2%,transparent)); overflow:hidden; transition:transform 200ms,border-color 200ms; }
.plan-card-wrap:hover { transform:translateY(-2px); border-color:color-mix(in srgb,var(--accent) 55%,var(--line)); }
.plans-page .plan-card { display:block; width:100%; padding:15px; text-align:left; border:0; border-radius:9px; background:transparent; overflow:hidden; }
.plans-page .plan-card:hover { transform:none; }
.plan-card-details { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:8px; padding:0 15px 13px; }
.plan-project-tag { display:inline-flex; max-width:100%; color:color-mix(in srgb,var(--project-color) 75%,var(--text)); border:1px solid color-mix(in srgb,var(--project-color) 25%,var(--line)); border-radius:5px; padding:3px 7px; background:color-mix(in srgb,var(--project-color) 6%,transparent); font:11px/1.5 Consolas,monospace; text-decoration:none; overflow-wrap:anywhere; }
.plan-project-tag:hover { border-color:var(--project-color); background:color-mix(in srgb,var(--project-color) 13%,transparent); }
.plans-page .plan-checklist-progress { padding:3px 5px; border-color:transparent; color:var(--muted); font:11px/1.5 Consolas,monospace; margin-left:auto; }
.plan-read-details { display:grid; gap:12px; }
.plan-read-details>.plan-project-tag { justify-self:start; margin-bottom:6px; }
.plans-page .plan-checklist-toggle { margin:0 0 14px; color:var(--muted); border-style:dashed; }
.plan-checklist-editor { margin:0 0 20px; padding:14px; border:1px solid var(--line); border-radius:9px; }
.plan-checklist-list { display:grid; gap:10px; margin-bottom:14px; }
.plans-dialog .plan-checklist-row { display:flex; align-items:center; gap:9px; margin:0; min-width:0; color:var(--text); font:13px/1.6 system-ui,sans-serif; }
.plan-checklist-row>span { overflow-wrap:anywhere; min-width:0; }
.plans-dialog .plan-checklist-row input[type="checkbox"] { flex:0 0 auto; width:15px; height:15px; padding:0; margin:0; accent-color:var(--accent); cursor:pointer; }
.plans-dialog .plan-checklist-row input[type="text"] { flex:1; padding:6px 8px; font-size:13px; }
.plans-page .plan-checklist-remove { flex:0 0 auto; padding:2px 7px; border-color:transparent; color:var(--muted); }
.plan-checklist-row.is-done>span,.plan-checklist-row.is-done input[type="text"] { color:var(--muted); text-decoration:line-through; }
.plan-checklist-hint { margin:12px 0 0; color:var(--faint); font:11px/1.6 Consolas,monospace; }
.plan-step-mark { flex:0 0 15px; color:var(--accent); }
html[data-theme="light"] .plans-page .plan-card { background:transparent; box-shadow:none; }
html[data-theme="light"] .plan-card-wrap { background:#fffffff0; border-color:#cdd2d2; box-shadow:0 2px 4px #252b3105; }
.plan-card[draggable="true"] { cursor:grab; }
.plan-card.is-dragging { opacity:.4; }
.plan-card-title { display:block; color:var(--text); font:500 15px/1.5 system-ui,sans-serif; overflow-wrap:anywhere; }
.plan-card-description { display:block; white-space:pre-wrap; margin:8px 0 12px; font:13px/1.65 system-ui,sans-serif; color:var(--muted); overflow-wrap:anywhere; }
.plan-status { display:inline-flex; align-items:center; gap:6px; margin-top:10px; font:10px/1.5 Consolas,monospace; color:var(--faint); }
.plan-status::before { content:""; width:5px; height:5px; border-radius:50%; background:currentColor; }
.plan-status[data-status="active"] { color:var(--accent); }
.plan-status[data-status="done"] { color:#7cba9b; }
.plan-empty { margin:15px 5px 30px; color:var(--faint); font:12px/1.8 Consolas,monospace; }
.plan-column-actions { display:flex; gap:6px; margin-top:12px; }
.plan-column-actions button { flex:1; color:var(--muted); border-style:dashed; }
.plan-column-actions .plan-remove-month { flex:0; }
.plans-footnote { color:var(--faint); font:11px/1.7 Consolas,monospace; margin:20px 0 42px; }
.plans-dialog { position:fixed; width:min(560px,calc(100% - 32px)); max-height:calc(100dvh - 40px); overflow:auto; padding:26px; color:var(--text); background:var(--bg); border:1px solid var(--line); border-radius:16px; box-shadow:0 24px 100px #0006; }
.plans-dialog[open] { animation:plan-dialog-in 230ms cubic-bezier(.2,.6,.3,1); }
.plans-dialog::backdrop { background:#070810aa; backdrop-filter:blur(6px); }
.plans-dialog-small { max-width:390px; }
.plans-dialog-heading { display:flex; justify-content:space-between; align-items:start; gap:18px; margin-bottom:22px; }
.plans-dialog-heading h2 { margin:0; font:500 23px/1.4 system-ui,sans-serif; overflow-wrap:anywhere; }
.plans-dialog-heading button { padding:1px 9px; font-size:22px; }
.plans-dialog label { display:grid; gap:7px; margin-bottom:18px; font-size:12px; color:var(--muted); }
.plans-dialog :is(input,textarea,select) { min-width:0; width:100%; padding:10px 12px; border:1px solid var(--line); border-radius:7px; background:var(--surface); color:var(--text); font:14px/1.5 system-ui,sans-serif; }
.plans-dialog :is(input,textarea,select):focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
.plans-dialog textarea { resize:vertical; min-height:110px; }
.plans-form-row { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.plans-dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:24px; }
.plans-dialog-actions .plans-danger { margin-right:auto; color:var(--muted); }
.plans-error { color:#d98c92; font-size:12px; line-height:1.7; }
#plan-read-meta { font-size:12px; color:var(--accent); }
#plan-read-description { white-space:pre-wrap; overflow-wrap:anywhere; color:var(--muted); font-size:15px; line-height:1.8; }
.plans-page [hidden] { display:none !important; }
@keyframes plan-dialog-in { from { opacity:0; transform:translateY(7px); } to { opacity:1; transform:translateY(0); } }
@media(max-width:700px) { .plans-board { grid-auto-flow:row; grid-template-columns:minmax(0,1fr); overflow:visible; mask-image:none; } .plans-intro { padding-top:14px; } .plans-lead { font-size:14px; } .plans-title-row { gap:12px; } .plans-mode { width:100%; } .plans-dialog { padding:20px; } .plans-page :is(main,dialog) button { min-height:36px; } }
@media(prefers-reduced-motion:reduce) { .plans-page *, .plans-page *::before { animation:none !important; transition:none !important; } .plans-page .plan-card:hover { transform:none; } }

@media(min-width:1100px) {
  .plans-page .site-shell { padding-inline:42px; }
}

.plan-select { position:relative; min-width:0; }
.plans-page .plan-select-trigger { width:100%; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:10px 12px; text-align:left; background:var(--surface); font:14px/1.5 system-ui,sans-serif; }
.plan-select-trigger::after { content:'⌄'; color:var(--muted); }
.plans-page .plan-select-trigger[aria-expanded="true"] { border-color:var(--accent); }
.plan-select-list { margin-top:6px; padding:5px; max-height:225px; overflow:auto; border:1px solid var(--line); border-radius:10px; background:var(--surface); box-shadow:0 8px 24px #0002; scrollbar-width:thin; }
.plans-page .plan-select-list button { display:block; width:100%; padding:8px 10px; text-align:left; border-color:transparent; font:13px/1.5 system-ui,sans-serif; }
.plans-page .plan-select-list button[aria-selected="true"] { color:var(--accent); background:color-mix(in srgb,var(--accent) 10%,transparent); }
.plans-page .plan-select-list button:focus-visible { outline:1px solid var(--accent); outline-offset:-1px; background:color-mix(in srgb,var(--accent) 8%,transparent); }
.plan-status[data-status="planned"] { color:#9bbde3; }
.plan-status[data-status="paused"] { color:#cdb67e; }
.plan-status[data-status="cancelled"] { color:#d695a1; }
.plan-status[data-status="removed"] { color:var(--muted); }
html[data-theme="light"] .plan-status[data-status="planned"] { color:#365d87; }
html[data-theme="light"] .plan-status[data-status="paused"] { color:#796021; }
html[data-theme="light"] .plan-status[data-status="cancelled"] { color:#964551; }
.plans-form-row { align-items:start; }

/* The complete card owns hover and keyboard focus, including its footer. */
.plans-page main .plan-card { border:0; border-radius:0; background:transparent; }
.plans-page main .plan-card:hover { border:0; background:transparent; }
.plan-card-wrap:is(:hover,.is-selected),.plan-card-wrap:has(:focus-visible) { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 5%,var(--surface)); }
.plans-page .plan-card:focus-visible,.plans-page .plan-checklist-progress:focus-visible { outline:none; }
.plans-page button:focus:not(:focus-visible) { outline:none; }
.plan-checklist-panel { position:fixed; inset:auto; left:var(--panel-left,12px); top:var(--panel-top,12px); margin:0; width:var(--panel-width,390px); max-height:var(--panel-maxHeight,calc(100dvh - 24px)); box-sizing:border-box; z-index:50; box-shadow:-16px 0 50px #0004; padding:24px; }
.plan-checklist-panel[open] { display:flex; flex-direction:column; }
.plan-checklist-panel .plans-dialog-heading { flex-shrink:0; align-items:flex-start; }
.plan-checklist-panel .plans-dialog-heading h2 { font-size:21px; overflow-wrap:anywhere; }
.plan-checklist-panel .plan-checklist-list { overflow:auto; min-height:0; flex:1; padding:3px; }
.plan-checklist-item { padding:12px 0; border-bottom:1px solid var(--line); }
.plan-checklist-item:last-child { border-bottom:0; }
.plan-step-text { overflow-wrap:anywhere; min-width:0; }
.plan-step-image { display:block; margin:10px 0 0 24px; }
.plan-step-image img { display:block; width:100%; max-height:190px; object-fit:contain; border-radius:7px; background:var(--surface); }
.plan-image-tools { display:flex; gap:6px; margin:8px 0 0 24px; }
.plans-page .plan-image-tools button { padding:4px 7px; font-size:11px; color:var(--muted); }
.plan-checklist-panel input:disabled { opacity:1; cursor:default; }
@media(max-width:700px) { .plan-checklist-panel { padding:18px; } }

.plan-checklist-summary { font-size:12px; line-height:1.65; color:var(--muted); margin-bottom:10px; overflow-wrap:anywhere; }
.plan-checklist-summary p { margin:0 0 8px; white-space:pre-wrap; }

.plan-checklist-panel[open] { animation:none; }

/* Keep the month board, with quieter status chips and a shared card footer. */
.plans-page [data-filter],.plan-card-wrap {--status-tone:#a2a8bf;}
.plans-page [data-filter="planned"],.plan-card-wrap[data-status="planned"] {--status-tone:#9bbde3;}
.plans-page [data-filter="active"],.plan-card-wrap[data-status="active"] {--status-tone:var(--accent);}
.plans-page [data-filter="paused"],.plan-card-wrap[data-status="paused"] {--status-tone:#cdb67e;}
.plans-page [data-filter="done"],.plan-card-wrap[data-status="done"] {--status-tone:#7cba9b;}
.plans-page [data-filter="cancelled"],.plan-card-wrap[data-status="cancelled"] {--status-tone:#d695a1;}
.plans-page [data-filter="removed"],.plan-card-wrap[data-status="removed"] {--status-tone:var(--muted);}
.plans-page .plans-filters button {
 display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 12px;
 border-color:color-mix(in srgb,var(--status-tone) 17%,transparent);color:var(--muted);
 background:color-mix(in srgb,var(--status-tone) 3%,transparent);
}
.plans-filters button:not([data-filter="all"])::before {content:"";width:5px;height:5px;flex:none;border-radius:50%;background:var(--status-tone);opacity:.65;}
.plans-page .plans-filters button:is(:hover,[aria-pressed="true"]) {
 color:color-mix(in srgb,var(--status-tone) 65%,var(--text));
 border-color:color-mix(in srgb,var(--status-tone) 46%,var(--line));background:color-mix(in srgb,var(--status-tone) 12%,var(--surface));
}
.plans-page .plans-filters button[data-filter="all"] {--status-tone:var(--text);}
.plan-card-wrap {
 --card-tone:var(--status-tone);border-color:color-mix(in srgb,var(--card-tone) 22%,var(--line));
 background:linear-gradient(145deg,color-mix(in srgb,var(--card-tone) 6%,var(--surface)),var(--surface));
 transition:transform 260ms cubic-bezier(.22,.75,.22,1),border-color 260ms,background 260ms,box-shadow 260ms;
}
.plan-card-wrap[data-project] {border-color:color-mix(in srgb,var(--card-tone) 44%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--card-tone) 12%,var(--surface)),color-mix(in srgb,var(--card-tone) 4%,var(--surface)));}
.plan-card-wrap:is(:hover,.is-selected),.plan-card-wrap:has(:focus-visible) {
 border-color:color-mix(in srgb,var(--card-tone) 72%,var(--line));
 background:color-mix(in srgb,var(--card-tone) 10%,var(--surface));box-shadow:0 6px 20px color-mix(in srgb,var(--card-tone) 7%,transparent);
}
.plans-page .plan-card {padding:15px 15px 10px;}
.plan-card-description {margin:8px 0 0;}
.plan-card-details {display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px 10px;padding:0 15px 14px;}
.plan-card-details>.plan-project-tag {grid-column:1/-1;justify-self:start;margin-bottom:2px;}
.plan-card-details>.plan-status {grid-column:1;justify-self:start;margin:0;padding:3px 7px;border:1px solid color-mix(in srgb,var(--status-tone) 19%,transparent);border-radius:6px;background:color-mix(in srgb,var(--status-tone) 7%,transparent);color:color-mix(in srgb,var(--status-tone) 75%,var(--text));}
.plans-page .plan-card-details>.plan-checklist-progress {grid-column:2;margin:0;line-height:15px;min-height:23px;align-self:center;}
.plan-project-tag {background:color-mix(in srgb,var(--project-color) 13%,var(--surface));border-color:color-mix(in srgb,var(--project-color) 44%,var(--line));}
.plan-column-enter {animation:plan-column-enter 380ms cubic-bezier(.22,.75,.22,1) var(--plan-enter-delay,0ms) both;}
@keyframes plan-column-enter {from{opacity:0;transform:translateY(9px);}to{opacity:1;transform:translateY(0);}}
.plans-dialog {color-scheme:dark;scrollbar-width:auto;scrollbar-color:auto;}
html[data-theme="light"] .plans-dialog {color-scheme:light;}
.plans-page :is(.plans-board,.plans-dialog,.plan-checklist-list,.plan-select-list) {scrollbar-width:auto;scrollbar-color:auto;}
.plans-page :is(.plans-board,.plans-dialog,.plan-checklist-list,.plan-select-list)::-webkit-scrollbar {width:6px;height:8px;}
.plans-page :is(.plans-board,.plans-dialog,.plan-checklist-list,.plan-select-list)::-webkit-scrollbar-track {background:color-mix(in srgb,var(--text) 5%,transparent);border-radius:20px;}
.plans-page :is(.plans-board,.plans-dialog,.plan-checklist-list,.plan-select-list)::-webkit-scrollbar-thumb {background:color-mix(in srgb,var(--accent) 36%,var(--line));border:1px solid var(--surface);border-radius:20px;}
.plans-page :is(.plans-board,.plans-dialog,.plan-checklist-list,.plan-select-list)::-webkit-scrollbar-thumb:hover {background:color-mix(in srgb,var(--accent) 60%,var(--line));}
.plans-page :is(.plans-board,.plans-dialog,.plan-checklist-list,.plan-select-list)::-webkit-scrollbar-button {display:none;width:0;height:0;}
html:has(body.plans-page) {scrollbar-width:auto;scrollbar-color:auto;}
html:has(body.plans-page)::-webkit-scrollbar {width:7px;}
html:has(body.plans-page)::-webkit-scrollbar-track {background:var(--bg);}
html:has(body.plans-page)::-webkit-scrollbar-thumb {background:color-mix(in srgb,var(--accent) 27%,var(--line));border-radius:20px;border:1px solid var(--bg);}
html:has(body.plans-page)::-webkit-scrollbar-button {display:none;width:0;height:0;}
@supports (-moz-appearance:none) {
 html:has(body.plans-page),.plans-page :is(.plans-board,.plans-dialog,.plan-checklist-list,.plan-select-list) {scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--accent) 40%,var(--line)) transparent;}
}
@media(min-width:701px) {.plans-board {grid-auto-columns:minmax(270px,1fr);padding-bottom:18px;}}
@media(prefers-reduced-motion:reduce) {.plan-column-enter {animation:none;}.plans-page .plan-card-wrap:hover {transform:none;}}

/* Clear status colors across the whole card; no stripe-only labels. */
.plans-page [data-filter="planned"],.plan-card-wrap[data-status="planned"] {--status-tone:#82b9f5;}
.plans-page [data-filter="cancelled"],.plan-card-wrap[data-status="cancelled"] {--status-tone:#ef8caa;}
.plans-page [data-filter="done"],.plan-card-wrap[data-status="done"] {--status-tone:#78d2ae;}
.plans-page [data-filter="paused"],.plan-card-wrap[data-status="paused"] {--status-tone:#e2b66c;}
.plans-page .plans-filters button {border-radius:7px;border-color:color-mix(in srgb,var(--status-tone) 32%,var(--line));background:color-mix(in srgb,var(--status-tone) 5%,var(--surface));color:color-mix(in srgb,var(--status-tone) 75%,var(--text));}
.plans-filters button:not([data-filter="all"])::before {opacity:1;border-radius:2px;}
.plans-page .plans-filters button:is(:hover,[aria-pressed="true"]) {border-color:color-mix(in srgb,var(--status-tone) 65%,var(--line));background:color-mix(in srgb,var(--status-tone) 11%,var(--surface));color:var(--text);}
.plans-page .plan-card-wrap {border-color:color-mix(in srgb,var(--card-tone) 40%,var(--line));background:linear-gradient(145deg,color-mix(in srgb,var(--card-tone) 9%,var(--surface)),color-mix(in srgb,var(--card-tone) 4%,var(--surface)));}
.plans-page .plan-card-wrap[data-project] {background:linear-gradient(145deg,color-mix(in srgb,var(--card-tone) 11%,var(--surface)),color-mix(in srgb,var(--card-tone) 5%,var(--surface)));}
.plans-page .plan-card-wrap:is(:hover,.is-selected),.plans-page .plan-card-wrap:has(:focus-visible) {border-color:color-mix(in srgb,var(--card-tone) 65%,var(--line));box-shadow:0 7px 22px color-mix(in srgb,var(--card-tone) 6%,transparent);}
.plan-card-details>.plan-status {border-color:color-mix(in srgb,var(--status-tone) 35%,transparent);background:color-mix(in srgb,var(--status-tone) 6%,var(--surface));color:color-mix(in srgb,var(--status-tone) 85%,var(--text));}
.plans-page [data-filter="active"],.plan-card-wrap[data-status="active"] {--status-tone:var(--accent);}
.plans-page .plan-card-wrap[data-status="active"] {--card-tone:var(--accent)!important;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 9%,var(--surface)),color-mix(in srgb,var(--accent) 4%,var(--surface)));border-color:color-mix(in srgb,var(--accent) 40%,var(--line));}
.plans-page .plans-filters button[data-filter="active"],.plan-card-details>.plan-status[data-status="active"] {background:color-mix(in srgb,var(--accent) 6%,var(--surface));color:color-mix(in srgb,var(--accent) 85%,var(--text));border-color:color-mix(in srgb,var(--accent) 35%,var(--line));}
.plans-filters button[data-filter="active"]::before,.plan-status[data-status="active"]::before {background:var(--accent);}
.plans-page .plans-filters button[data-filter="active"][aria-pressed="true"],.plans-page .plan-card-wrap[data-status="active"]:is(:hover,.is-selected) {border-color:color-mix(in srgb,var(--accent) 65%,var(--line));box-shadow:0 6px 20px color-mix(in srgb,var(--accent) 6%,transparent);}
.plan-card-cover {display:block;width:calc(100% + 30px);max-height:180px;aspect-ratio:16/9;object-fit:cover;margin:-15px -15px 14px;border-bottom:1px solid color-mix(in srgb,var(--card-tone) 25%,transparent);}
.plan-cover-editor {margin:8px 0 18px;padding:12px;border:1px dashed var(--line);border-radius:8px;}
.plan-cover-label {margin:0 0 8px;color:var(--muted);font:11px/1.5 Consolas,monospace;}
.plan-cover-editor .plan-image-tools,.plan-cover-editor .plan-step-image,.plan-cover.plan-step-image {margin-left:0;}
.plan-cover img {max-height:280px;}