.planner{margin:2rem 0;border:1px solid hsl(var(--border));padding:1.6rem;background:hsl(var(--card));font-family:var(--font-body);color:hsl(var(--foreground))}.planner h2{margin:0!important;font-family:var(--font-display);font-size:1.8rem;font-weight:600}.planner .planner-intro{margin:.6rem 0 1.5rem;font-size:.85rem;line-height:1.7;color:hsl(var(--muted-foreground))}.planner-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.planner label{display:flex;flex-direction:column;gap:.5rem;font-size:.75rem;font-weight:500;line-height:1.5}.planner input,.planner select{width:100%;min-width:0;border:1px solid hsl(var(--border));border-radius:3px;background:hsl(var(--background));padding:.7rem .75rem;font:inherit;font-size:.9rem;color:hsl(var(--foreground))}.planner input:focus{outline:2px solid hsl(var(--brand));outline-offset:1px}.planner .planner-actions{display:flex;gap:.6rem;flex-wrap:wrap;margin:1.2rem 0;align-items:center}.planner button{cursor:pointer;font-size:.78rem}.planner .planner-actions .btn-primary,.planner .planner-actions .btn-outline{padding:.7rem 1rem}.planner .remember{display:flex;flex-direction:row;align-items:center;font-size:.75rem;color:hsl(var(--muted-foreground));font-weight:400}.planner .remember input{width:1rem;height:1rem;accent-color:hsl(var(--brand))}.planner .planner-note{font-size:.75rem;line-height:1.6;color:hsl(var(--muted-foreground));margin:.6rem 0}.planner .planner-output{margin-top:1.4rem;border-top:1px solid hsl(var(--border));padding-top:1.4rem}.planner .planner-output h3{font-family:var(--font-body);font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin:0 0 .8rem;color:hsl(var(--muted-foreground))}.planner .result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.8rem}.planner .result-cell{border:1px solid hsl(var(--border));padding:1rem;background:hsl(var(--background))}.planner .result-cell span{display:block;font-size:.7rem;color:hsl(var(--muted-foreground))}.planner .result-cell strong{display:block;font-family:var(--font-display);font-size:2.4rem;line-height:1.2;font-weight:600;margin-top:.35rem}.planner .result-cell:first-child strong{color:hsl(var(--brand-text))}.planner .error{color:hsl(var(--foreground));border-left:3px solid hsl(var(--brand));padding-left:.8rem;font-size:.82rem}.planner details{font-size:.75rem;line-height:1.7;color:hsl(var(--muted-foreground));margin-top:1rem}.planner summary{cursor:pointer;color:hsl(var(--foreground))}.planner .resource-row{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr auto;gap:.65rem;align-items:end;margin-top:.9rem}.planner .resource-remove{width:2.4rem;height:2.8rem;background:hsl(var(--background));border:1px solid hsl(var(--border));font-size:1.2rem}.planner .resource-remove:disabled{opacity:.35;cursor:default}.planner .quantity-label{max-width:14rem;margin-top:1.2rem}.planner .budget-status{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .75rem;background:hsl(var(--brand) / .1);border:1px solid hsl(var(--brand) / .3);font-size:.8rem;font-weight:500;margin-bottom:.75rem}.planner .budget-table{overflow-x:auto}.planner .budget-table table{display:table;min-width:100%;font-size:.8rem;line-height:1.6;border-collapse:collapse}.planner .budget-table td,.planner .budget-table th{padding:.65rem;border-bottom:1px solid hsl(var(--border));text-align:left;white-space:nowrap}.planner .budget-table th{font-size:.68rem;color:hsl(var(--muted-foreground));font-weight:500}.planner [hidden]{display:none!important}@media(max-width:640px){.planner .budget-table table{width:100%;table-layout:fixed;font-size:.72rem}.planner .budget-table td,.planner .budget-table th{padding:.6rem .3rem;white-space:normal;overflow-wrap:anywhere}.planner[data-building-comparison] .budget-table table{min-width:620px;table-layout:auto;font-size:.8rem}.planner[data-building-comparison] .budget-table td,.planner[data-building-comparison] .budget-table th{padding:.65rem;overflow-wrap:normal;word-break:normal}.planner{padding:1.1rem}.planner-grid{grid-template-columns:1fr}.planner .resource-row{grid-template-columns:repeat(2,minmax(0,1fr));padding:1rem 0;border-bottom:1px solid hsl(var(--border))}.planner .resource-row>label:first-child{grid-column:1/-1}.planner .resource-remove{grid-column:2;justify-self:end}.planner .result-grid{gap:.5rem}.planner .result-cell{padding:.8rem}.planner .result-cell strong{font-size:2rem}}