:root{font-family:Inter,Arial,sans-serif;color:#253531;background:#fafbfa;font-size:16px;line-height:1.5;--green:#176a61;--line:#dbe2df}*{box-sizing:border-box;letter-spacing:0}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #d3a931;outline-offset:3px}input:focus,select:focus{outline:2px solid var(--green);outline-offset:2px}button{border:1px solid var(--line);border-radius:5px;background:white;color:#354b45;padding:10px 16px;font-size:14px;font-weight:600;white-space:normal}button:hover{background:#edf4f1}a{color:inherit;text-decoration:none}header{max-width:1280px;margin:auto;padding:22px 40px;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}.brand{font-size:20px;font-weight:750;display:flex;align-items:center;gap:10px}.mark{display:grid;place-items:center;background:var(--green);color:white;width:38px;height:38px;border-radius:6px}nav{display:flex;gap:28px;font-size:14px}.header-note{margin-left:auto;color:#6b7771;font-size:12px}main{max-width:1180px;margin:auto;padding:40px 30px}.page-heading{margin-bottom:30px}.eyebrow{color:var(--green);font-size:12px;font-weight:700;margin:0 0 10px}h1{font-family:Georgia,serif;font-size:40px;line-height:1.2;font-weight:500;margin:0 0 12px}p{color:#64726c;margin:10px 0}h2{font-size:18px;font-weight:650;margin:0 0 18px}h3{font-size:14px;margin:0}.tabs{display:flex;border-bottom:1px solid var(--line);gap:28px}.tabs button{border:0;border-radius:0;padding:14px 0;background:transparent;color:#6b7771;border-bottom:3px solid transparent}.tabs [aria-selected=true]{color:var(--green);border-bottom-color:var(--green)}.workspace{display:grid;grid-template-columns:1.05fr 1fr;border:1px solid var(--line);border-top:0;background:white;border-radius:0 0 8px 8px;overflow:hidden}.inputs,.results{padding:30px;min-width:0;align-content:start}.inputs{border-right:1px solid var(--line)}.results{background:#f1f7f4}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.section-title h2{margin:0}.subtle{padding:4px 6px;border:0;background:transparent;color:#667b72}.segmented{display:flex;background:#f3f5f3;border-radius:5px;padding:4px;gap:4px;margin-bottom:28px}.segmented button{flex:1;border:0;font-size:13px;background:transparent;padding:10px 8px}.segmented [aria-pressed=true]{background:white;color:var(--green);box-shadow:0 1px 4px #0001}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.three-col{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:550;min-width:0}input,select{width:100%;min-width:0;border:1px solid #cbd6d0;background:white;border-radius:5px;padding:12px;color:#243b32;height:48px}input{font-variant-numeric:tabular-nums}.measurement-heading{display:flex;justify-content:space-between;align-items:center;margin:28px 0 12px}.measurement-heading span{font-size:13px;color:#687a70}.three-col label{font-size:13px;color:#5e7066}.three-col input{font-size:20px;color:#263e34}.field-note{font-size:13px;margin-top:12px}.error{color:#a33136;font-size:14px;min-height:21px}.example{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.example span{font-size:13px;color:#607367}.example>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.example button{font-size:12px;padding:7px 12px}.scale-tag{font-size:13px;color:var(--green);background:#dcece5;border-radius:4px;padding:4px 10px;white-space:nowrap}.output-unit{display:flex;justify-content:flex-end;align-items:center;gap:10px;font-size:13px}.output-unit select{width:72px;height:34px;padding:4px 8px}.output-unit label{font-size:13px}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0 22px}.result-grid span{display:block;font-size:13px;color:#637d6d}.result-grid strong{display:block;font-size:28px;color:#185e50;font-weight:600;overflow-wrap:anywhere;line-height:1.3;margin-top:6px}.result-grid small{font-size:14px;font-weight:400}.diagram{max-width:400px;margin:auto;text-align:center}.diagram svg{width:100%;height:160px;display:block}.diagram text{font-family:Arial;fill:#617e70;font-size:12px}.diagram span{font-size:10px;color:#6e8578}.formula{border-top:1px solid #d6e5dc;padding-top:14px;font-size:13px;margin-top:20px;color:#486556}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.primary{background:var(--green);color:white;border-color:var(--green)}.primary:hover{background:#11574f}#feedback{font-size:13px;min-height:20px;margin:8px 0 0}.full-label{margin-top:24px}.percentage{display:block;font-size:64px;line-height:1.3;color:var(--green);overflow-wrap:anywhere}.reference{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:55px 0;border-bottom:1px solid var(--line)}.reference h2,.faq h2{font-family:Georgia,serif;font-size:28px;font-weight:500;line-height:1.3}.reference p{font-size:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px;text-align:left}td,th{padding:10px 12px;border-bottom:1px solid var(--line)}th{font-size:12px;color:#708075;font-weight:500}td:first-child{color:var(--green);font-weight:600}.faq{max-width:780px;margin:48px auto 20px}details{border-bottom:1px solid var(--line);padding:16px 0}summary{cursor:pointer;font-weight:550;font-size:15px}details p{font-size:14px;line-height:1.7}footer{max-width:1180px;margin:auto;padding:26px 30px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line)}footer .brand{font-size:16px}footer span{font-size:13px;color:#708075}[hidden]{display:none!important}@media(max-width:760px){header{padding:16px 20px;gap:20px;justify-content:space-between}.header-note{display:none}nav{gap:14px;font-size:12px}.brand{font-size:17px}main{padding:28px 18px}h1{font-size:32px}.workspace{grid-template-columns:1fr}.inputs{border-right:0;border-bottom:1px solid var(--line)}.inputs,.results{padding:22px}.reference{grid-template-columns:1fr;gap:18px;padding:36px 0}.result-grid strong{font-size:26px}.two-col{gap:12px}footer{padding:22px 18px}.three-col{gap:10px}}@media(max-width:380px){nav a:first-child{display:none}.two-col{grid-template-columns:1fr}.inputs,.results{padding:18px}.segmented button{font-size:12px}.actions button{flex:1;padding:10px}.result-grid strong{font-size:22px}}@media print{header,nav,.page-heading,.tabs,.inputs,.reference,.faq,footer,.actions,#feedback,#print-resize,.output-unit{display:none!important}main{padding:0}.workspace{display:block;border:0}.results{background:white;padding:20px}.results:before{content:'Little Measure · Dollhouse Scale Calculator';display:block;margin-bottom:24px}.diagram{max-width:300px}body{background:white}}
:root .field-error{color:#a33136;font-size:13px;font-weight:400;line-height:1.45;overflow-wrap:anywhere}
.feedback-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:48px;padding:40px 0;border-top:1px solid var(--line);scroll-margin-top:24px}.feedback-section h2{font-family:Georgia,serif;font-size:28px;font-weight:500}.feedback-section form{min-width:0}.feedback-section form>label{margin-top:20px}.feedback-section textarea{font:inherit;width:100%;min-height:150px;resize:vertical;padding:12px;border:1px solid #cbd6d0;border-radius:5px;margin-top:8px;line-height:1.5}.feedback-section textarea:focus{outline:2px solid var(--green);outline-offset:2px}.required-note{font-size:12px;color:#687a70}.consent{display:flex;flex-direction:row;align-items:flex-start;font-weight:400;line-height:1.5}.consent input{width:18px;height:18px;flex:0 0 18px;margin:2px 0 0}.consent a{text-decoration:underline}.feedback-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#suggestion-status{overflow-wrap:anywhere;min-height:24px;color:#176a61}.privacy-page{max-width:780px}.privacy-page h2{margin-top:30px}footer{gap:16px;flex-wrap:wrap}footer>a:not(.brand){font-size:13px;text-decoration:underline}@media(max-width:760px){.feedback-section{grid-template-columns:1fr;gap:20px}.feedback-section .two-col{grid-template-columns:1fr}}@media print{.feedback-section{display:none!important}}
input[aria-invalid=true]{border:2px solid #a33136;background:#fff7f7}
input[aria-invalid=true]:focus{outline-color:#a33136}
button:disabled,button:disabled:hover{background:#e2e7e4;color:#58645d;border-color:#b7c2bc;cursor:not-allowed;box-shadow:none}
.action-hint{font-size:14px;color:#73502e;line-height:1.5;margin:10px 0 0;flex-basis:100%}
.diagram-view{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:8px;margin:16px 0 8px;font-size:13px}.diagram-view select{width:210px;max-width:80%;height:38px;padding:6px;font-size:13px}
fieldset{border:0;border-top:1px solid var(--line);padding:20px 0 0;margin:24px 0 0;min-width:0}legend{font-size:15px;font-weight:650;padding:0 10px 0 0}
.clothing-field{min-width:0}.clothing-field input{margin-top:8px}.clothing-field .field-note{font-size:12px;margin:6px 0 0}.clothing-field .field-error{display:block;margin-top:6px}
#ease-fields{margin-top:16px}.clothing-results .scale-tag{white-space:normal}.clothing-results{align-self:start}
#garment-diagram{display:block;width:100%;height:auto;aspect-ratio:440/300}.garment-shape{fill:#e1ede7;stroke:#176a61;stroke-width:1.5;stroke-linejoin:round}.garment-guide{stroke:#906728;stroke-width:1.2;stroke-dasharray:4 3}#garment-diagram text{font:14px Arial,sans-serif;fill:#344d42}
.garment-measures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:18px}.garment-measures span{font-size:13px;color:#63766b;display:block}.garment-measures strong{font-size:20px;font-weight:600;overflow-wrap:anywhere}
#garment-table{font-size:13px}#garment-table td,#garment-table th{padding:9px 6px}#garment-table caption{text-align:left;font-size:12px;color:#617367;margin-bottom:10px}#garment-table td:first-child{font-weight:400;min-width:100px}#garment-table td:not(:first-child){font-variant-numeric:tabular-nums}
.fit-notes{margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.fit-notes p{font-size:13px;line-height:1.6}
@media(max-width:600px){.tabs{gap:16px}.tabs button{font-size:13px;flex:1}.clothing-results .section-title{align-items:start}.clothing-results h2{font-size:17px}.garment-measures strong{font-size:18px}#clothing-form>.two-col,#clothing-form fieldset>.two-col:not(#body-fields):not(#target-fields):not(#ease-fields){grid-template-columns:1fr}}
@media print{.diagram-view,.clothing-results .actions,#clothing-feedback{display:none!important}.garment-shape{fill:#fff}.garment-guide{stroke:#333}.clothing-results{overflow:visible}.clothing-results .table-wrap{overflow:visible}.garment-measures,.fit-notes,table tr{break-inside:avoid}.clothing-results:before{content:'Little Measure · Doll clothes estimate'}#garment-diagram{max-height:250px}}
.diagram svg{height:auto;aspect-ratio:2;overflow:visible}
.dimension-face{fill:#e2eee8;stroke:#638478;stroke-width:1;stroke-linejoin:round}
.dimension-edge{stroke-width:2.5;stroke-linecap:round}
.dimension-edge.axis-length{stroke:#176a61}.dimension-edge.axis-width{stroke:#946520}.dimension-edge.axis-height{stroke:#475b99}
.diagram-labels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:6px 0 12px;text-align:left}
.diagram-labels>div{border-top:3px solid;padding-top:5px;min-width:0}
.diagram-labels .axis-length{border-color:#176a61}.diagram-labels .axis-width{border-color:#946520}.diagram-labels .axis-height{border-color:#475b99}
.diagram-labels span{display:block;font-size:12px}.diagram-labels strong{display:block;font-size:14px;font-weight:500;overflow-wrap:anywhere}
.diagram>span{font-size:12px;line-height:1.5;display:block}
@media print{.dimension-face{fill:#fff}.diagram-labels>div{border-color:#333}.dimension-edge{stroke:#333!important}}
@media print{
  :root,body,main,.workspace,.results,.scale-tag{background:#fff!important;background-image:none!important;box-shadow:none!important}
  .diagram svg>rect,.diagram svg>path[fill]:not([fill="none"]){fill:#fff}
}