.inches-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,460px);gap:clamp(45px,8vw,115px);align-items:start;max-width:1080px;margin:52px auto 85px}.tool-page .inches-intro h1{font-size:clamp(40px,5vw,66px);margin:16px 0 22px}.inches-intro>p:not(.eyebrow){max-width:440px}.inches-intro .tool-lede{font-size:24px;line-height:1.4!important;color:#e7e8e2}.inches-quick-help{margin:32px 0}.inches-quick-help p{font-size:14px}.inches-quick-help span{color:#d8a56b;font-size:11px;margin-right:14px}.try-examples{max-width:410px;margin:40px 0 26px}.try-examples>button{display:flex;align-items:center;justify-content:space-between;gap:20px;text-align:left;width:100%;padding:19px 0;color:#eceee7;background:none;border:0;border-bottom:1px solid #414448;cursor:pointer}.try-examples>button>span{font-size:19px;font-variant-numeric:tabular-nums;white-space:nowrap}.try-examples small{font-size:11px;color:#abb0b4}.try-examples b{font-weight:400;margin-left:9px;color:#dab17b}.inches-app-link{font-size:13px;color:#ddb279!important;text-underline-offset:5px}.inches-device{background:#080909;border:1px solid #4c4f52;border-radius:32px;padding:20px;box-shadow:0 22px 75px #0005;min-width:0}.inches-device fieldset{border:0;margin:0;padding:0;min-width:0}.inches-device button{font-family:inherit;cursor:pointer;touch-action:manipulation}.inches-toolbar{display:flex;align-items:center;gap:10px;padding:0 5px 20px}.inches-toolbar h2{font-size:15px;letter-spacing:0;font-weight:600;margin:0;text-align:center;flex:1}.inches-tool-icon{color:#dcad6c;border:1px solid #564938;background:#28251f;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:19px}.inches-toolbar button,.inches-display-top button{background:none;border:0;color:#cba56e;padding:4px;min-height:32px}.inches-toolbar svg,.inches-display-top svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.inches-readout{background:#222325;border-radius:23px;padding:15px 17px 16px;min-width:0}.inches-display-top{display:flex;align-items:center;justify-content:space-between;gap:15px}.inches-display-top #display-units{display:flex;align-items:center;gap:8px;color:#c1c1bb;font-size:11px;letter-spacing:.05em;text-transform:uppercase}.inches-device .inches-expression{font-size:12px;min-height:19px;text-align:right;color:#a4a6a6;margin:7px 0 0;overflow-wrap:anywhere}.inches-device #measurement-display{display:block;width:100%;box-sizing:border-box;background:transparent;color:#fbfcf5;border:0;border-radius:5px;font-family:inherit;font-size:clamp(33px,4vw,48px);font-weight:500;letter-spacing:-.04em;text-align:right;padding:8px 0 2px;line-height:1.3;min-width:0;font-variant-numeric:tabular-nums;caret-color:#ffb250}.inches-device #measurement-display:focus{outline:1px solid #6c6458;outline-offset:4px}.inches-device #decimal-equivalent{text-align:right;color:#a9adaa;font-size:11px;margin:2px 0 0;overflow-wrap:anywhere}.inches-device .inches-display-hint{font-size:10px;color:#959b9b;margin:11px 2px 17px;text-align:center}.inches-device #inches-error{font-size:12px;color:#ffb8a9;line-height:1.5;margin:10px 0}#inches-error:empty{display:none}.fraction-heading{display:flex;align-items:center;justify-content:space-between;padding:0 4px 7px}.fraction-heading>span{font-size:10px;letter-spacing:.12em;color:#aba794}.fraction-heading button{font-size:11px;background:none;border:0;color:#eab75e;min-height:30px}.quarter-keys{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.quarter-keys button{border:0;background:#2b2113;color:#ffbd4d;font-size:23px;border-radius:12px;height:45px;line-height:1}.quarter-keys button[aria-pressed=true]{background:#433018;box-shadow:inset 0 0 0 1px #98733b}.inches-keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px}.inches-keypad button{background:#272729;color:#faf9f4;border:0;border-radius:16px;min-height:62px;font-size:29px;font-weight:450;line-height:1;padding:12px 0}.inches-keypad button[data-key=Units]{font-size:18px}.inches-keypad .operation-key{background:#ef880a;color:#fff}.inches-keypad button[aria-pressed=true]{background:#fff2d8;color:#a85500}.inches-keypad button:hover{filter:brightness(1.17)}.inches-keypad button:active,.quarter-keys button:active{filter:brightness(1.35)}.inches-device .inches-rounding{font-size:10px;color:#969b9c;text-align:center;margin:17px 0 1px}.inches-device #fraction-refinement{background:#232425;border-radius:15px;padding:10px;margin-top:12px}.fraction-stepper{display:flex;align-items:center;justify-content:space-between}.fraction-stepper button{width:44px;height:40px;border:0;border-radius:9px;background:#323331;color:#f2d6a3;font-size:22px}.fraction-stepper output{color:#f1d8b1;font-size:19px;font-variant-numeric:tabular-nums}.inches-device input[type=range]{display:block;width:100%;accent-color:#ecad58;margin:14px 0 3px;min-height:32px;cursor:pointer}.fraction-ticks{display:flex;justify-content:space-between;font-size:9px;color:#9d9f99}.fine-fractions{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:14px}.fine-fractions button{border:0;border-radius:6px;background:#302e29;color:#dfbd8f;font-size:12px;min-height:35px}.fine-fractions button[aria-pressed=true]{background:#76572d;color:#fff}.inches-device button:disabled{opacity:.4;cursor:default}.inches-dialog{background:#222426;color:#f5f3ed;border:1px solid #686052;border-radius:24px;width:min(430px,calc(100% - 32px));max-height:85dvh;padding:24px;box-shadow:0 20px 100px #000a}.inches-dialog::backdrop{background:#0009}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.tool-page .dialog-heading h2{font-size:24px;margin:0}.dialog-heading>button{width:38px;height:38px;border:0;border-radius:50%;background:#3a3d3f;color:#fff;font-size:23px;cursor:pointer}.inches-dialog p{font-size:13px}.unit-choices{display:grid;gap:7px;margin:20px 0}.unit-choices button,#change-sign{display:flex;justify-content:space-between;width:100%;padding:15px 17px;border:1px solid #45484a;border-radius:12px;background:#292c2e;color:#eeeee9;cursor:pointer;text-align:left}.unit-choices button[aria-pressed=true]{border-color:#dcae6b;background:#3a3124;color:#ffcf84}.unit-choices span{color:#bca57f}.inches-dialog #clear-history{margin:20px 0 0;color:#e2b475;border:1px solid #685944;border-radius:10px;padding:12px 17px;background:none;cursor:pointer}.inches-dialog #clear-history:disabled{opacity:.4;cursor:default}#history-list{display:grid;gap:8px}#history-list button{display:grid;gap:7px;padding:16px;background:#303235;color:#eeefe8;border:0;border-radius:10px;text-align:right;cursor:pointer}#history-list span{font-size:12px;color:#b5baba}#history-list strong{font-size:22px;font-weight:500}.inches-understanding{display:grid;grid-template-columns:1fr 1.25fr;gap:80px;border-top:1px solid #414345;padding:65px 0 90px}.inches-understanding>div>p{max-width:390px}.inches-understanding>div>a{font-size:14px;color:#dfb478}.inches-faq details{padding:20px 0;border-bottom:1px solid #414345}.inches-faq summary{cursor:pointer;font-size:17px;color:#ecece6}.inches-faq p{font-size:14px}
@media(max-width:900px){.inches-workspace{gap:35px;grid-template-columns:minmax(0,1fr) minmax(320px,400px)}.try-examples>button{flex-direction:column;align-items:flex-start;gap:7px}.inches-understanding{gap:40px}.inches-device{padding:17px}.inches-keypad button{min-height:57px}.inches-intro .tool-lede{font-size:20px}}
@media(max-width:700px){.inches-workspace{display:flex;flex-direction:column;gap:26px;margin:28px auto 50px;max-width:460px}.inches-intro h1{font-size:37px!important}.inches-intro h1 br{display:none}.inches-intro>p:not(.eyebrow){font-size:15px;line-height:1.6}.inches-intro>.tool-lede,.inches-quick-help,.inches-intro>.small-note,.inches-app-link{display:none}.try-examples{display:flex;gap:15px;margin:16px 0 0;max-width:none}.try-examples>.eyebrow{display:none}.try-examples>button{padding:10px 0;gap:6px}.try-examples>button>span{font-size:16px}.try-examples small{font-size:10px}.inches-device{width:100%;border-radius:27px;padding:16px}.inches-keypad button{min-height:58px}.inches-device #measurement-display{font-size:43px}.inches-understanding{grid-template-columns:1fr;gap:20px;padding-top:40px}.inches-toolbar{padding-bottom:17px}.inches-readout{padding:12px 15px}.inches-intro>h1{margin:12px 0 16px}.inches-intro>p{margin:10px 0}.inches-workspace .eyebrow{font-size:9px}}
@media(max-width:360px){.inches-keypad{gap:7px}.inches-keypad button{min-height:53px}.inches-device{padding:12px}.inches-keypad button[data-key=Units]{font-size:15px}.try-examples small{font-size:9px}}