.tool-page{max-width:1000px;margin:0 auto}.tool-lede{max-width:760px;margin:1.5rem auto;text-align:center}.tool-entry-scene{position:relative;margin:0 auto 1.2rem;max-width:840px;overflow:hidden;border:1px solid rgba(91,65,32,.24);border-radius:14px;background:var(--paper);box-shadow:var(--shadow-card)}.tool-entry-scene img{display:block;width:100%;height:210px;object-fit:cover;object-position:center 44%}.tool-entry-scene:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(17,65,62,.12),transparent 45%,rgba(17,65,62,.26))}.tool-entry-scene figcaption{position:absolute;z-index:1;left:1rem;bottom:.8rem;max-width:min(88%,500px);margin:0;padding:.45rem .65rem;border-radius:4px;background:#144441e6;color:#fffaf0;font:700 .78rem var(--font-body);box-shadow:0 2px 0 var(--gold)}.tool-privacy-note{max-width:760px;margin:0 auto 1.5rem;padding:.85rem 1rem;background:#2f8f8a1a;border:1px solid rgba(47,143,138,.28);border-radius:var(--radius-sm);color:var(--ink-soft)}.tool-layout{display:grid;grid-template-columns:1fr;gap:1.5rem;align-items:start;margin-top:2rem;max-width:640px;margin-left:auto;margin-right:auto}.tool-layout.has-result{grid-template-columns:minmax(0,1.12fr) minmax(300px,.88fr);max-width:none;margin-left:0;margin-right:0}.tool-panel{position:relative;overflow:hidden;background:var(--paper);border:1px solid rgba(91,65,32,.22);border-top:5px solid var(--gold);border-radius:var(--radius);padding:1.4rem;box-shadow:0 16px 38px #3c2c1a1f,0 2px #ffffffb3 inset}.tool-panel:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:radial-gradient(circle at 12px 12px,rgba(171,101,63,.16) 1px,transparent 1.5px);background-size:24px 24px;mask-image:linear-gradient(to bottom,#000,transparent 28%)}.tool-panel h2{margin-top:0}.tool-form fieldset{position:relative;border:1px solid rgba(91,65,32,.13);margin:1rem 0 0;padding:1.1rem;border-radius:12px;background:#fffcf4b8}.tool-form legend{font-family:var(--font-display);font-weight:700;color:var(--jewel-teal);padding:.15rem .65rem;background:var(--paper);border-radius:999px;box-shadow:0 0 0 1px #19524e1f}.tool-field-grid{display:grid;gap:1rem}.tool-field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-field{display:flex;flex-direction:column;gap:.35rem}.tool-field label{font-weight:700;font-size:.9rem}.tool-field small{color:var(--ink-soft);font-size:.77rem;line-height:1.4}.tool-field input,.tool-field select{width:100%;border:1.5px solid rgba(82,62,39,.3);border-radius:9px;background:#fffdf8;color:var(--ink);padding:.72rem .78rem;font:inherit;box-shadow:0 2px #4a341d0d inset}.tool-field input:focus,.tool-field select:focus{outline:3px solid rgba(47,143,138,.2);border-color:var(--teal-dark)}.tool-checkbox{display:flex;gap:.65rem;align-items:flex-start;margin-top:1rem;font-size:.9rem}.tool-checkbox input{margin-top:.3rem}.tool-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.35rem}.tool-button{appearance:none;border:2px solid var(--terracotta-dark);border-radius:999px;background:var(--terracotta);color:#fff;padding:.65rem 1.1rem;font:700 .9rem var(--font-body);cursor:pointer}.tool-button:hover{background:var(--terracotta-dark)}.tool-button.secondary{background:var(--jewel-teal-light);border-color:var(--jewel-teal)}.tool-button.ghost{background:transparent;color:var(--terracotta-dark)}.tool-errors:empty{display:none}.tool-errors{padding:.8rem 1rem;border-left:4px solid var(--bad);background:#a8452f14;border-radius:6px}.tool-errors ul{margin-bottom:0}.tool-result-status{display:inline-block;background:var(--jewel-teal);color:var(--cream-on-dark);border:2px solid var(--gold);border-radius:999px;padding:.35rem .8rem;font-weight:700;font-size:.78rem;box-shadow:0 3px #14413e2e}.tool-result h2{margin-top:1rem}.tool-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin:1.2rem 0}.tool-metric{background:linear-gradient(145deg,#fffaf0,var(--cream));border:1px solid rgba(152,105,49,.25);border-radius:10px;padding:.8rem;box-shadow:0 3px 8px #462d170f}.tool-metric span{display:block;font-size:.73rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.tool-metric strong{display:block;margin-top:.2rem;color:var(--jewel-teal)}.tool-result-section{border-top:1px solid var(--border);padding-top:1rem;margin-top:1rem}.tool-result-section h3{color:var(--terracotta-dark)}.tool-disclaimer{margin-top:1.2rem;font-size:.78rem;color:var(--ink-soft)}.tools-intro{max-width:760px;margin:1.5rem auto}.tools-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1.4rem 0}.tool-card{display:grid;grid-template-columns:minmax(128px,.72fr) minmax(0,1.28fr);min-height:190px;overflow:hidden;background:var(--paper);border:1px solid rgba(91,65,32,.2);border-top:4px solid var(--gold);border-radius:var(--radius);text-decoration:none;color:inherit;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease}.tool-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.tool-card-copy{padding:1rem 1.05rem 1rem .95rem;align-self:center}.tool-card-copy .washi{font-size:.61rem;padding:.24rem .6rem;margin-bottom:.55rem}.tool-card h2{border:0;padding:0;margin:0 0 .38rem;font-size:clamp(1.18rem,1.7vw,1.48rem);line-height:1.06}.tool-card p{margin:0 0 .75rem;color:var(--ink-soft);font-size:.84rem;line-height:1.45}.tool-card-link{font-weight:700;color:var(--terracotta-dark)}.tool-card-art{position:relative;min-height:100%;overflow:hidden;background:var(--jewel-teal);border-right:3px solid var(--gold)}.tool-card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,#11413e0d,#11413e75);pointer-events:none}.tool-card-art img{width:100%;height:100%;min-height:190px;display:block;object-fit:cover;object-position:center}.tool-visual{position:relative;z-index:1;margin:.9rem 0 1.25rem;border:1px solid rgba(76,55,32,.22);border-radius:14px;padding:1rem;background:#f7eddb;box-shadow:0 7px 20px #3f2a151a inset}.visual-heading{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.8rem}.visual-heading strong{color:var(--jewel-teal);font-size:.82rem;text-align:right}.visual-kicker{font:700 .76rem var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--terracotta-dark)}.visual-legend{display:flex;gap:1rem;flex-wrap:wrap;margin-top:.75rem;font-size:.72rem;color:var(--ink-soft)}.visual-legend span{display:inline-flex;align-items:center;gap:.35rem}.swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.swatch.item{background:var(--terracotta)}.swatch.clearance{background:#a256532e;border:1px dashed var(--terracotta-dark)}.swatch.prep{background:#1f6d673d;border:1px dashed var(--jewel-teal)}.swatch.desk{background:#9b653d}.swatch.chair{background:var(--gold)}.swatch.support{background:var(--terracotta)}.counter-board{--item-w: 28%;--item-d: 38%;--clear-w: 38%;--clear-d: 48%;--prep-w: 35%;--prep-d: 55%;position:relative;height:255px;border:5px solid #9b653d;border-radius:8px;overflow:hidden;background:repeating-linear-gradient(135deg,#ead0aa 0 12px,#e2c295 12px 24px);box-shadow:0 0 0 4px #c89649,0 10px 20px #422b142e}.counter-wall{position:absolute;top:0;left:0;right:0;height:24px;color:#f6e6c8;background:var(--jewel-teal);background-image:radial-gradient(circle at 8px 8px,rgba(246,230,200,.18) 2px,transparent 2.5px);background-size:18px 18px;font-size:.62rem;text-transform:uppercase;letter-spacing:.1em;padding:4px 9px}.counter-item,.counter-clearance,.counter-prep{position:absolute;display:grid;place-items:center;transition:width .35s ease,height .35s ease,background .25s ease}.counter-clearance{left:4%;top:28px;width:var(--clear-w);height:var(--clear-d);max-width:92%;border:2px dashed var(--terracotta-dark);background:#99494524}.counter-item{left:7%;top:38px;width:var(--item-w);height:var(--item-d);max-width:86%;border:3px solid #753d35;border-radius:10px;color:#fff7e7;background:linear-gradient(145deg,var(--terracotta),#9f493d);box-shadow:8px 8px #4d2c1e24;font-weight:800}.counter-prep{right:5%;bottom:8%;width:var(--prep-w);height:var(--prep-d);max-width:86%;border:3px dashed var(--jewel-teal);color:var(--jewel-teal);background:#1f6d672e;font:700 .72rem var(--font-body)}.counter-clearance span{align-self:end;padding:3px;font-size:.62rem;color:var(--terracotta-dark)}.counter-item span,.counter-prep span{padding:4px;text-align:center}.counter-ruler{position:absolute;opacity:.55;pointer-events:none}.ruler-x{left:0;right:0;bottom:0;height:9px;background:repeating-linear-gradient(90deg,#6f4c27 0 1px,transparent 1px 10%)}.ruler-y{top:24px;bottom:0;right:0;width:9px;background:repeating-linear-gradient(0deg,#6f4c27 0 1px,transparent 1px 10%)}.counter-board.visual-overflow{box-shadow:0 0 0 4px var(--bad),0 10px 20px #422b142e}.counter-board.visual-overflow .counter-clearance{background:#a8452f52}.desk-stage{--desk-y: 177px;--obstruction-y: 160px;--seat-y: 106px;--footrest-h: 12px;position:relative;height:265px;overflow:hidden;border:4px solid #9b653d;border-radius:9px;background:linear-gradient(#e9dcc5 0 78%,#c79161 78%);box-shadow:0 0 0 3px var(--gold)}.desk-wallpaper{position:absolute;inset:0 0 22%;opacity:.4;background-image:radial-gradient(ellipse at 20% 25%,var(--jewel-teal) 0 3px,transparent 4px),radial-gradient(ellipse at 25% 30%,var(--terracotta) 0 2px,transparent 3px);background-size:42px 42px}.desk-floor{position:absolute;left:0;right:0;bottom:0;height:8px;background:#6c4932}.desk-top{position:absolute;left:48%;right:4%;bottom:var(--desk-y);height:13px;border:3px solid #6d452b;background:#b97c4a;transition:bottom .35s ease}.desk-top span,.desk-obstruction span,.chair-seat span,.footrest-shape span{position:absolute;font-size:.58rem;white-space:nowrap;color:var(--ink-soft)}.desk-top span{right:5px;top:-18px}.desk-leg{position:absolute;width:9px;background:#7b5032;bottom:8px;top:calc(265px - var(--desk-y) + 4px);transition:top .35s ease}.desk-leg.left{left:51%}.desk-leg.right{right:7%}.desk-obstruction{position:absolute;left:50%;right:6%;bottom:var(--obstruction-y);height:10px;background:#723f39;transition:bottom .35s ease}.desk-obstruction span{right:4px;top:11px}.chair-seat{position:absolute;left:22%;width:92px;height:12px;bottom:var(--seat-y);border-radius:9px;border:3px solid #7d522c;background:var(--gold);transition:bottom .35s ease}.chair-seat span{left:30px;top:12px}.chair-back{position:absolute;left:18%;width:17px;height:88px;bottom:calc(var(--seat-y) + 2px);border-radius:12px 12px 3px;background:var(--gold);border:3px solid #7d522c;transition:bottom .35s ease}.chair-post{position:absolute;left:calc(22% + 42px);width:9px;bottom:25px;height:calc(var(--seat-y) - 25px);background:#7d522c;transition:height .35s ease}.chair-base{position:absolute;left:20%;width:112px;height:7px;bottom:20px;background:#7d522c;border-radius:99px}.person-outline span{position:absolute;display:block;border:5px solid var(--terracotta-dark)}.person-head{left:28%;bottom:calc(var(--seat-y) + 96px);width:34px;height:34px;border-radius:50%;background:#d9a278;transition:bottom .35s ease}.person-body{left:29%;bottom:calc(var(--seat-y) + 13px);width:38px;height:80px;border-width:0 0 0 7px!important;transform:rotate(-7deg);transition:bottom .35s ease}.person-thigh{left:31%;bottom:calc(var(--seat-y) + 18px);width:78px;border-width:0 0 7px 0!important;transition:bottom .35s ease}.person-shin{left:calc(31% + 71px);bottom:var(--footrest-h);width:48px;height:calc(var(--seat-y) - var(--footrest-h) + 17px);border-width:0 0 0 7px!important;transform:rotate(8deg);transform-origin:bottom;transition:height .35s ease,bottom .35s ease}.footrest-shape{position:absolute;left:42%;width:70px;height:max(8px,var(--footrest-h));bottom:8px;color:#fff;background:var(--terracotta);border:3px solid #793e35;transform:skew(-14deg);transition:height .35s ease}.footrest-shape span{left:10px;top:-16px}.clearance-arrow{position:absolute;left:56%;bottom:var(--seat-y);height:calc(var(--obstruction-y) - var(--seat-y));border-left:2px dashed var(--jewel-teal);transition:bottom .35s ease,height .35s ease}.clearance-arrow:before,.clearance-arrow:after{content:"";position:absolute;left:-5px;border:4px solid transparent}.clearance-arrow:before{top:0;border-bottom-color:var(--jewel-teal)}.clearance-arrow:after{bottom:0;border-top-color:var(--jewel-teal)}.clearance-arrow span{position:absolute;left:6px;top:40%;font-size:.62rem;white-space:nowrap;color:var(--jewel-teal)}.desk-stage.visual-warning .clearance-arrow{border-color:var(--bad)}.desk-stage.visual-warning .clearance-arrow span{color:var(--bad)}.tool-form-panel,.pet-planner-shell .pet-planner-controls{position:relative;border:26px solid transparent;border-image-source:url(/tools/deco-panel-frame.jpg);border-image-slice:150;border-image-width:26px;border-image-repeat:round;box-shadow:0 16px 38px #3c2c1a1f,0 2px #ffffffb3 inset}@media (max-width: 520px){.tool-form-panel,.pet-planner-shell .pet-planner-controls{border-width:16px;border-image-width:16px}}.tool-related{margin-top:2rem}@media (max-width: 760px){.tool-layout,.tool-layout.has-result{grid-template-columns:1fr;max-width:640px}}@media (max-width: 760px){.tools-grid{grid-template-columns:1fr}}@media (max-width: 620px){.tool-card{grid-template-columns:120px 1fr}.tool-card-art,.tool-card-art img{min-height:170px}.visual-heading{align-items:flex-start;flex-direction:column;gap:.3rem}.visual-heading strong{text-align:left}.counter-board{height:220px}.desk-stage{transform-origin:left top}}@media (max-width: 520px){.tool-entry-scene img{height:175px}.tool-field-grid.two,.tool-metrics{grid-template-columns:1fr}.tool-panel{padding:1rem}.tool-card{grid-template-columns:1fr}.tool-card-art{min-height:150px;border-right:0;border-bottom:3px solid var(--gold)}.tool-card-art img{min-height:150px}}@media (prefers-reduced-motion: reduce){.counter-item,.counter-clearance,.counter-prep,.desk-stage *,.tool-card{transition:none!important}}@media print{.tool-form-panel,.tool-privacy-note,.winnie-note,.tool-related,.article-hero-band{display:none!important}.tool-layout{display:block}.tool-result{border:1px solid #000;box-shadow:none}}.tools-grid{gap:1.2rem}.tool-card{grid-template-columns:minmax(220px,36%) minmax(0,64%);min-height:224px}.tool-card-art,.tool-card-art.apartment-pet-zone-planner,.tool-card-art.fold-away-workbench-fit-planner{display:block;height:224px;min-height:224px;padding:0;overflow:hidden;background:#173f3a}.tool-card-art:after{background:linear-gradient(160deg,#0a2b2700,#0a2b2729)}.tool-card-art img{width:100%;height:100%;min-height:0;object-fit:cover;object-position:center 40%}.tool-card-art .mini-room,.tool-card-art .mini-paw,.tool-card-art .mini-garage-wall,.tool-card-art .mini-workbench,.tool-card-art .mini-car,.tool-card-art .mini-tape{display:none}.tool-entry-scene{max-width:960px;margin-inline:auto}.tool-entry-scene img{height:auto;aspect-ratio:16 / 7;object-fit:cover;object-position:center 38%}.tool-entry-scene--counter-footprint-simulator img{object-position:center 56%}.tool-entry-scene--desk-fit-reality-check img{object-position:center 43%}.tool-entry-scene--apartment-pet-zone-planner img{object-position:center 48%}.tool-entry-scene--fold-away-workbench-fit-planner img{object-position:center 46%}.measurement-workspace{border:1px solid rgba(109,78,43,.28);border-radius:18px;padding:1rem;background:linear-gradient(135deg,#fffdf7,#f3eadb);box-shadow:0 12px 28px #35251417}.measurement-workspace .visual-heading{margin:0 0 .85rem;padding:0 0 .65rem;border-bottom:1px solid rgba(109,78,43,.18)}.measurement-workspace .visual-kicker{color:#a95422}.measurement-workspace .counter-board,.measurement-workspace .desk-stage,.measurement-workspace .pet-floorplan,.measurement-workspace .garage-map{border:2px solid #b58949;border-radius:12px;box-shadow:inset 0 0 0 4px #ffffff94;background-color:#f7efdf;background-image:radial-gradient(circle,rgba(39,76,70,.28) 1.4px,transparent 1.8px);background-size:26px 26px}.measurement-workspace .counter-board,.measurement-workspace .desk-stage{height:272px}.measurement-workspace .desk-wallpaper{display:none}.measurement-workspace .desk-floor{height:22%;background:#c89b6c}.measurement-workspace .counter-item,.measurement-workspace .counter-clearance,.measurement-workspace .counter-prep,.measurement-workspace .desk-surface,.measurement-workspace .desk-frame,.measurement-workspace .chair-seat,.measurement-workspace .chair-back,.measurement-workspace .footrest{filter:none}.measurement-workspace .visual-legend{margin:.75rem 0 0}.desk-stage .chair-back{left:20.5%}.measurement-workspace .desk-floor{height:14px}@media (max-width: 760px){.tool-card{grid-template-columns:1fr;min-height:0}.tool-card-art,.tool-card-art.apartment-pet-zone-planner,.tool-card-art.fold-away-workbench-fit-planner{height:auto;min-height:0;aspect-ratio:16 / 9;border-right:0;border-bottom:3px solid var(--gold)}.tool-card-art img{aspect-ratio:16 / 9}.tool-entry-scene img{aspect-ratio:16 / 9;object-position:center 35%}.tool-entry-scene--counter-footprint-simulator img{object-position:center 56%}.tool-entry-scene--desk-fit-reality-check img{object-position:center 43%}.tool-entry-scene--apartment-pet-zone-planner img{object-position:center 48%}.tool-entry-scene--fold-away-workbench-fit-planner img{object-position:center 46%}.measurement-workspace{padding:.75rem}}