.language-planner{--planner-surface: var(--bg-surface);--planner-muted: var(--text-muted);--planner-line: var(--border-base);--planner-control: var(--bg-muted);--planner-accent: var(--primary);--planner-accent-soft: var(--primary-bg);--planner-shadow: var(--shadow-base);--planner-success: var(--color-success);--planner-warning: var(--color-warning);--planner-danger: var(--color-error);display:grid;gap:1rem;grid-template-columns:minmax(290px,.9fr) minmax(400px,1.1fr);padding:clamp(1.25rem,3vw,2.25rem);background:var(--planner-surface);border:1px solid var(--planner-line);border-radius:1.25rem;box-shadow:0 1rem 2.5rem var(--planner-shadow);color:var(--text-base)}.planner-editor,.planner-output{min-width:0}.planner-output{padding-left:clamp(1rem,3vw,2rem);border-left:1px solid var(--planner-line)}.form-intro,.result-heading,.form-actions,.preset-row,.output-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.form-intro{align-items:flex-start;margin-bottom:1.4rem}.eyebrow,.section-title,.metric-label,.allocation-label,.status-label,.milestone-hours{margin:0;color:var(--planner-accent);font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.form-intro h2,.empty-result h2,.error-result h2,.output-heading h2{margin:.45rem 0;font-size:clamp(1.5rem,3vw,2.4rem);letter-spacing:-.05em;line-height:1}.form-note,.empty-result p,.error-result p{max-width:27rem;margin:0;color:var(--planner-muted);font-size:.85rem;line-height:1.5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 .7rem}.form-grid label{display:grid;gap:.35rem;margin:.85rem 0 .4rem;font-size:.78rem;font-weight:800}.wide-field{grid-column:span 2}select,input{width:100%;min-height:2.85rem;box-sizing:border-box;padding:.7rem;border:1px solid var(--planner-line);border-radius:.6rem;background:var(--planner-control);color:var(--text-base);font:inherit}select{appearance:auto}select:focus-visible,input:focus-visible,button:focus-visible{outline:3px solid var(--planner-accent-soft);outline-offset:2px}button{cursor:pointer;border:1px solid var(--planner-line);border-radius:999px;background:var(--planner-control);color:var(--text-base);font:inherit;font-size:.75rem;font-weight:800;padding:.55rem .75rem}button:hover{border-color:var(--planner-accent)}.preset-row{justify-content:flex-start;flex-wrap:wrap;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--planner-line)}.preset-row>span{color:var(--planner-muted);font-size:.78rem;font-weight:800}.preset-row button,.text-button{border-color:transparent;background:var(--planner-accent-soft);color:var(--planner-accent)}.form-actions{justify-content:flex-start;margin-top:1.25rem;padding-top:1.25rem;border-top:1px solid var(--planner-line)}.primary-button{border-color:var(--planner-accent);border-radius:.6rem;background:var(--planner-accent);color:var(--text-on-primary, #fff);padding:.8rem 1.1rem}.text-button{padding:.45rem .7rem}.output-heading{align-items:flex-start;margin-bottom:1.4rem}.live-badge{padding:.4rem .6rem;border-radius:999px;background:var(--planner-accent-soft);color:var(--planner-accent);font-size:.62rem;font-weight:900;letter-spacing:.1em}.empty-result,.error-result{display:flex;min-height:13rem;flex-direction:column;align-items:flex-start;justify-content:center;gap:1rem}.route-mark{display:grid;width:3.2rem;height:3.2rem;place-items:center;border-radius:50%;background:var(--planner-accent);color:var(--text-on-primary, #fff);font-size:1.8rem}.error-result{min-height:auto;padding:1rem;border:1px solid var(--planner-danger);border-left-width:4px;border-radius:.75rem;background:var(--planner-control)}.error-result h2{color:var(--planner-danger);font-size:1.2rem}.plan-result{display:grid;gap:1.5rem}.status-banner{display:grid;gap:.35rem;padding:1rem;border:1px solid currentcolor;border-left-width:4px;border-radius:.5rem;background:var(--planner-control)}.status-banner.on-track{color:var(--planner-success)}.status-banner.tight{color:var(--planner-warning)}.status-banner.insufficient{color:var(--planner-danger)}.status-copy{color:var(--text-base);line-height:1.45}.result-heading{align-items:flex-end}.result-level{font-size:clamp(1.4rem,3vw,2.25rem);font-weight:850;line-height:1;text-align:right}.metric-grid,.allocation-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}.metric-card{display:grid;gap:.45rem;padding:.8rem 0;border-top:3px solid var(--planner-accent)}.metric-label,.allocation-label,.section-title{color:var(--planner-muted)}.metric-value{font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:850}.metric-detail,.milestone-date{color:var(--planner-muted);font-size:.72rem}.allocation-section,.milestones-section{display:grid;gap:.75rem}.allocation-item{display:grid;gap:.35rem;padding:.75rem 0;border-bottom:3px solid var(--planner-accent)}.allocation-time{font-size:1.1rem;font-weight:800}.milestone-list{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}.milestone-list li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:1rem;padding:.8rem 0;border-top:1px solid var(--planner-line)}.milestone-level{font-weight:800}@media(max-width:820px){.language-planner{grid-template-columns:1fr}.planner-output{padding-top:1.5rem;padding-left:0;border-top:1px solid var(--planner-line);border-left:0}}@media(max-width:700px){.form-intro,.result-heading{display:grid}.form-grid,.metric-grid,.allocation-grid{grid-template-columns:1fr 1fr}.wide-field{grid-column:span 2}.milestone-list li{grid-template-columns:1fr auto}.milestone-hours{grid-column:1 / -1}}@media(max-width:460px){.form-grid,.metric-grid,.allocation-grid{grid-template-columns:1fr}.wide-field{grid-column:auto}.form-actions{align-items:stretch;flex-direction:column}.primary-button,.text-button{width:100%}}