.tool-nav{display:flex;gap:10px;padding-top:22px;font-size:13px}.tool-nav a{padding:10px 16px;text-decoration:none;border:1px solid var(--line);border-radius:7px}.tool-nav [aria-current]{background:var(--pine);color:white;border-color:var(--pine)}.tile-workspace{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border:1px solid var(--line);border-radius:14px;background:white;align-items:start}.tile-workspace form{padding:30px 34px;min-width:0}.tile-workspace form>label{display:block;margin-bottom:14px}.tile-workspace input[type=number]{width:100%;min-height:50px;border:1px solid #adc2b2;border-radius:8px;padding:10px 14px;background:#fff;font-size:19px;font-variant-numeric:tabular-nums}.tile-workspace select{font-size:14px}.tile-workspace .two-fields{margin-bottom:16px;min-width:0}.tile-workspace .two-fields>label{min-width:0}.form-section{margin-top:30px;padding-top:24px;border-top:1px solid var(--line)}.budget-fields{border-top:1px solid var(--line);margin-top:22px}.budget-fields summary{font-size:14px}.tile-preview{padding:32px;background:var(--sage);border-radius:0 14px 14px 0;position:sticky;top:20px}.tile-preview h2{font-size:20px}.tile-preview>p{font-size:13px;color:var(--muted)}.tile-plan-stage{height:300px;display:grid;place-items:center;padding:24px}.tile-plan-stage>div{width:210px;height:260px;border:2px solid var(--pine);background-color:#e7d4bd;background-image:linear-gradient(to right,#a5937b 1px,transparent 1px),linear-gradient(to bottom,#a5937b 1px,transparent 1px);background-size:32px 32px}.preview-total{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #bdcec1;padding-top:20px;gap:15px}.preview-total span{font-size:13px}.preview-total strong{font-size:28px}.tile-tip{border-top:1px solid #bdcec1;margin-top:24px;padding-top:22px}.tile-tip h3{font-size:16px}.tile-tip p{font-size:13px;color:var(--muted);margin:0}.tile-preview .hint{font-size:12px;margin-top:12px}.tile-ledger{width:100%;border-collapse:collapse;margin:22px 0;font-size:14px}.tile-ledger th,.tile-ledger td{text-align:left;padding:12px 8px;border-bottom:1px solid var(--line)}.tile-ledger th{font-weight:400;color:var(--muted)}.tile-ledger td{text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.tile-budget{margin:24px 0;padding:24px;background:white;border:1px solid var(--line);border-radius:12px}.tile-budget h3{margin-bottom:10px}.tile-budget p{font-size:13px;color:var(--muted);margin-bottom:0}.tile-budget strong{font-size:25px;display:block;margin:10px 0}.tile-shopping{margin:32px 0}.tile-shopping>p{font-size:14px;color:var(--muted)}.shop-actions{display:flex;gap:12px;margin:18px 0}.shop-actions a{flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;padding:12px;border:1px solid var(--pine);border-radius:7px;text-decoration:none;font-weight:600;font-size:14px}.shop-actions a:first-child{background:var(--pine);color:white}#tile-results:focus{outline:none}#tile-results .result-main h3{font-size:42px}#tile-results .result-side strong{font-size:26px}#tile-results .result-side{gap:12px}.tile-count-note{margin:12px 0;font-size:13px;color:var(--muted)}
@media(max-width:680px){.tile-workspace{display:flex;flex-direction:column}.tile-workspace>*{width:100%}.tile-workspace form{padding:23px 20px}.tile-preview{position:static;padding:22px;border-radius:0 0 14px 14px;border-top:1px solid var(--line)}.tile-plan-stage{height:230px}.tile-preview h2{font-size:19px}.tile-tip{display:none}.tile-ledger{font-size:12px}.tile-ledger th{max-width:180px}#tile-results .result-main h3{font-size:36px}.shop-actions{flex-direction:column}.tool-nav{font-size:12px}.tile-workspace select{font-size:13px}.tile-workspace h2{font-size:23px}.tile-budget{padding:20px}}

.tile-workspace [hidden]{display:none!important}