:root{--green:#354c32;--lime:#e8ed99;--muted:#62665d;--line:#d9dcd3}button,input,select,output{font:inherit}button,input,select,summary,label[role=button]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}button,a,summary,label[role=button]{touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,label[role=button]:focus-visible{outline:2px solid var(--coral);outline-offset:4px}.page-frame{max-width:1440px}.intro{padding-block:1.1rem 1.8rem}.breadcrumbs{margin-bottom:1.25rem}.intro-grid{margin-top:0;align-items:flex-end}.kicker{font-size:.56rem;letter-spacing:.09em;margin-bottom:.65rem}h1{font-size:clamp(2.8rem,5.4vw,4.8rem);line-height:1.04;letter-spacing:-.065em}h1 em{font-style:normal;color:var(--green)}.intro-copy{padding-bottom:.15rem}.intro-copy p{font-size:.95rem;line-height:1.5}.private-tag{margin-top:.7rem;color:var(--green);font-size:.64rem}.workspace{min-width:0}.workspace:focus{outline:none}.workbench{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);border:1px solid var(--line);background:#fff}.input-panel,.settings-panel{padding:clamp(1.3rem,2.4vw,2rem);min-width:0}.settings-panel{background:#f1f3e9;border-left:1px solid var(--line)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.eyebrow,.small-badge,.preview-heading>span{font-family:"SFMono-Regular",Consolas,monospace;font-size:.56rem;letter-spacing:.07em;line-height:1.6}.eyebrow{color:var(--muted);margin-bottom:.45rem}h2{font-size:1.65rem;font-weight:500;letter-spacing:-.045em;line-height:1.2}.small-badge{color:var(--muted);font-size:.45rem;border:1px solid var(--line);padding:.3rem .4rem;white-space:nowrap;margin-top:.2rem}.settings-mark{font-size:1.8rem;color:var(--green);line-height:1}.panel-copy{font-size:.73rem;line-height:1.75;color:var(--muted);margin-bottom:1rem;max-width:60ch}.drop-zone{display:flex;align-items:center;gap:1rem;min-height:134px;padding:1.3rem;border:1px dashed #b7bfb0;background:#f7f8f3;cursor:pointer;transition:background 150ms ease,border-color 150ms ease}.drop-zone:hover,.drop-zone.drag-over{background:#eef1dc;border-color:var(--green)}.drop-icon{display:grid;place-items:center;flex-shrink:0;width:47px;height:54px;background:var(--lime);border:1px solid #c1ca82;color:var(--green);font-size:2rem;transform:rotate(-6deg)}.drop-zone>span:nth-child(2){display:flex;flex-direction:column;gap:.3rem}.drop-zone strong{font-size:1rem;font-weight:500;line-height:1.5;letter-spacing:-.03em}.drop-zone>span:nth-child(2)>span{font-size:.68rem;line-height:1.7;color:var(--muted)}.drop-arrow{margin-left:auto;color:var(--coral);font-size:1.4rem}.upload-actions{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin:.9rem 0 .5rem}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;border:1px solid var(--ink);background:var(--ink);color:#fff;min-height:44px;padding:.75rem .9rem;font-size:.72rem;line-height:1.5}.primary-button{background:var(--lime);border-color:#b7c16c;color:var(--ink);width:100%;margin-top:1rem}.primary-button:hover:enabled{background:#dce585;color:var(--ink)}.secondary-button:hover:enabled{background:var(--green);border-color:var(--green)}.primary-button>span,.secondary-button>span{font-family:Consolas,monospace;font-size:.75rem}.text-button{background:none;border:0;padding:.5rem 0;min-height:36px;color:var(--green);font-size:.68rem;line-height:1.5}.text-button>span{margin-left:.4rem;color:var(--coral)}.text-button:hover:enabled{color:var(--coral)}.text-button.muted{color:var(--muted)}.field{min-width:0;margin-bottom:1.2rem}.field>label,.field-label-row>label{display:block;font-weight:550;font-size:.72rem;line-height:1.5;margin-bottom:.45rem}.field select,.field>input[type=number]{width:100%;min-width:0;min-height:43px;border:1px solid #c7cdbf;border-radius:0;background:#fff;padding:.7rem .6rem;color:var(--ink);font-size:.77rem}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.field-help{font-size:.62rem;line-height:1.75;color:var(--muted);margin-top:.5rem;max-width:65ch}.checkbox-label{display:flex;align-items:center;gap:.6rem;font-size:.71rem;line-height:1.6;cursor:pointer;min-height:28px}.checkbox-label input{width:17px;height:17px;margin:0;accent-color:var(--green);flex-shrink:0}.reset-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.25rem}.reset-actions .text-button{font-size:.63rem}.local-note{display:flex;align-items:flex-start;gap:.7rem;margin-top:1.4rem;border-top:1px solid var(--line);padding-top:1rem}.local-note>span{font-size:1.2rem;color:var(--green)}.local-note strong{font-size:.71rem;font-weight:550;line-height:1.5;color:var(--green)}.local-note p{font-size:.63rem;line-height:1.75;color:var(--muted);margin-top:.3rem;max-width:50ch}.processing-state{padding:1rem 0}.processing-state>p{font-size:.71rem;line-height:1.75;color:var(--muted)}progress{display:block;width:100%;height:6px;margin:.85rem 0;accent-color:var(--green)}.errors:empty{display:none}.errors{margin-top:.8rem;background:#fff1e8;border:1px solid #d89a85;color:#8b341e;padding:.85rem 1rem;font-size:.72rem;line-height:1.75;overflow-wrap:anywhere}.preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.preview-grid:has(#result[hidden]){grid-template-columns:minmax(0,1fr)}.preview-panel{background:#fff;border:1px solid var(--line);padding:1.1rem;min-width:0}.preview-heading{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:.85rem}.preview-heading h2{font-size:.9rem;font-weight:550;letter-spacing:-.02em}.preview-heading>span{color:var(--muted);font-size:.5rem}.preview-stage{display:flex;align-items:center;justify-content:center;height:310px;overflow:hidden;border:1px solid #dfe3d8}.preview-stage img{display:block;max-width:100%;max-height:100%;object-fit:contain}.checkerboard{background-color:#fff;background-image:linear-gradient(45deg,#e9ebe3 25%,transparent 25%),linear-gradient(-45deg,#e9ebe3 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e9ebe3 75%),linear-gradient(-45deg,transparent 75%,#e9ebe3 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0}.file-info{font-size:.63rem;line-height:1.8;color:var(--muted);margin-top:.65rem;overflow-wrap:anywhere}.download-button{font-size:.7rem;margin-top:.85rem}.tool-guide{padding-top:2.2rem}.faq{border-top:1px solid var(--line);margin-top:1.8rem;padding-top:.8rem}.faq details{border-bottom:1px solid var(--line);padding:.45rem 0 .7rem}.faq summary{font-size:.78rem;line-height:1.7;padding:.4rem 0;cursor:pointer;min-height:38px}.faq summary:hover{color:var(--green)}.faq p{font-size:.75rem;margin:.35rem 0;max-width:100ch}.notice{border:1px solid #bd6d4c;background:#fff1e8;padding:1rem;margin-bottom:1rem;font-size:.8rem;line-height:1.6;color:#6d2d17}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.field-label-row{display:flex;justify-content:space-between;align-items:center;gap:1rem}.field-label-row>label{margin:0}.field-label-row output{font-family:Consolas,monospace;font-size:.7rem;color:var(--green)}input[type=range]{display:block;width:100%;accent-color:var(--green);margin:.6rem 0;min-height:24px;cursor:pointer}.range-labels{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.58rem}.method-note{font-size:.62rem;color:var(--muted);line-height:1.75;margin-top:.65rem}@media(max-width:1050px){.small-badge{display:none}.input-panel,.settings-panel{padding:1.4rem}.intro-copy p{font-size:.85rem}.field-grid{gap:.75rem}.preview-stage{height:270px}.intro-grid{gap:1.2rem}h1{font-size:clamp(2.6rem,5.5vw,4rem)}}@media(max-width:780px){.workbench{grid-template-columns:minmax(0,1fr)}.settings-panel{border-left:0;border-top:1px solid var(--line)}.preview-stage{height:250px}.intro-grid{flex-direction:row;align-items:flex-end}.intro-copy>p{display:none}.private-tag{max-width:20ch;line-height:1.7;font-size:.58rem;margin-top:0}.intro{padding-bottom:1.4rem}.intro-grid h1{max-width:12ch}.preview-grid{grid-template-columns:1fr}.preview-stage{height:330px}}@media(max-width:450px){.page-frame{padding-inline:1.05rem}.site-header{padding-inline:1.2rem}.intro{padding-block:1rem 1.4rem}.breadcrumbs{font-size:.6rem;margin-bottom:1.1rem}.intro-grid{gap:1rem;align-items:flex-end}h1{font-size:2.85rem;max-width:9ch;line-height:1.02}.intro-copy{max-width:15ch;min-width:0}.private-tag{font-size:.54rem}.kicker{font-size:.47rem;letter-spacing:.04em;gap:.4rem}.kicker>span{width:5px;height:5px}.input-panel,.settings-panel{padding:1.05rem}.panel-heading{margin-bottom:.8rem}h2{font-size:1.5rem}.panel-copy{font-size:.68rem}.drop-zone{min-height:115px;padding:1rem .85rem;gap:.85rem}.drop-icon{width:37px;height:46px;font-size:1.6rem}.drop-zone strong{font-size:.93rem}.drop-zone>span:nth-child(2)>span{font-size:.62rem}.drop-arrow{font-size:1.1rem}.upload-actions{gap:.5rem}.secondary-button{font-size:.67rem;padding:.7rem .8rem;gap:1rem}.text-button{font-size:.63rem}.field>label,.field-label-row>label{font-size:.68rem}.field select{font-size:.72rem}.field-help,.method-note{font-size:.59rem}.checkbox-label{font-size:.66rem}.local-note p{font-size:.6rem}.local-note strong{font-size:.67rem}.field-grid{gap:.75rem}.processing-state>p{font-size:.65rem}.preview-panel{padding:.9rem}.preview-stage{height:270px}.preview-heading h2{font-size:.82rem}.preview-heading>span{font-size:.46rem}.file-info{font-size:.59rem}.tool-guide{padding-top:1.7rem}.faq summary{font-size:.72rem}.faq p{font-size:.7rem}.errors{font-size:.66rem}.field-label-row output{font-size:.65rem}}@media(max-width:360px){.page-frame{padding-inline:.8rem}.intro-grid{gap:.6rem}h1{font-size:2.55rem}.private-tag{font-size:.5rem}.input-panel,.settings-panel{padding:.9rem}.drop-arrow{display:none}.drop-zone{gap:.7rem}.field-grid{gap:.55rem}.field select{font-size:.69rem}.preview-stage{height:235px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{.site-header,.breadcrumbs,.intro-copy,.skip-link,.workbench,.download-button,.site-footer,.related-tools{display:none}.page-frame{padding:0}.intro{padding-block:0 1rem}h1{font-size:2.5rem}.preview-grid{grid-template-columns:1fr}.preview-panel{break-inside:avoid}.tool-guide{padding-top:1.5rem}}

.size-plan{font-size:.67rem;line-height:1.7;background:#e7ecdb;border:1px solid #cfd8c1;padding:.65rem .75rem;margin:-.2rem 0 1.1rem;color:var(--green);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.settings-panel .field-grid{grid-template-columns:minmax(0,1fr)}.settings-panel .field-grid .field{margin-bottom:.85rem}.settings-panel>.field{margin-bottom:.9rem}