:root{font-family:Inter,ui-rounded,SF Pro Rounded,Segoe UI,system-ui,-apple-system,sans-serif;color:#29241f;background:#f2e8d8;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #29241f;--muted: #74695f;--paper: #fffaf1;--paper-strong: #fffdf8;--ground: #f2e8d8;--ground-deep: #dfcdb3;--border: #d6c3a8;--plum: #68394f;--plum-dark: #4b2639;--plum-soft: #ead9df;--moss: #667450;--moss-soft: #e0e6d5;--gold: #c98f37;--shadow: rgba(64, 45, 31, .11);--switch-surface: rgba(255, 250, 241, .72)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--ground)}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.78) 0 9rem,transparent 21rem),linear-gradient(150deg,var(--ground) 0%,#eadbc6 58%,var(--ground-deep) 100%)}button{border:0;font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--gold);outline-offset:3px}button:active:not(:disabled){transform:translateY(1px) scale(.985)}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(100%,1040px);margin:0 auto;padding:max(30px,env(safe-area-inset-top)) 16px max(34px,env(safe-area-inset-bottom))}.app-header{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px;padding-right:2px}.eyebrow,.section-kicker{margin:0 0 6px;color:var(--plum);font-size:11px;font-weight:800;line-height:16px;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,10vw,56px);font-weight:700;line-height:1.08;letter-spacing:-.035em}.intro{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:20px}.unit-switch{display:grid;grid-template-columns:repeat(2,52px);flex:0 0 auto;gap:4px;padding:4px;border:1px solid var(--border);border-radius:18px;background:var(--switch-surface);box-shadow:0 8px 24px var(--shadow)}.unit-switch button{min-width:48px;min-height:48px;border-radius:14px;background:transparent;color:var(--muted);font-weight:800;text-transform:lowercase;cursor:pointer;transition:transform .14s ease,color .14s ease,background-color .14s ease}.unit-switch button[aria-pressed=true]{color:var(--paper-strong);background:var(--plum);box-shadow:0 5px 14px #4b26393d}.result-card,.comparison-card,.editor-card,.closing-card{border:1px solid var(--border);background:var(--paper);box-shadow:0 18px 48px var(--shadow)}.result-card{display:grid;gap:18px;padding:20px;border-radius:28px;overflow:hidden}.result-copy{min-width:0}.plan-count{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:0;color:var(--ink);font-size:clamp(18px,5.5vw,25px);font-weight:700;line-height:1.25;letter-spacing:-.02em}.plan-count span:not(.plan-divider){white-space:nowrap}.plan-count strong{color:var(--plum);font-family:Georgia,Times New Roman,serif;font-size:1.68em;font-variant-numeric:tabular-nums}.plan-divider{color:var(--gold);font-size:.9em}.expected-size{margin:6px 0 10px;color:var(--muted);font-size:14px;line-height:20px}.error-row{display:flex;flex-wrap:wrap;gap:7px}.error-row span,.target-pill{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border-radius:999px;color:var(--plum-dark);background:var(--plum-soft);font-size:12px;font-weight:750;line-height:18px;font-variant-numeric:tabular-nums}.fabric-stage{position:relative;display:grid;place-items:center;min-height:248px;padding:28px 22px 20px;border-radius:22px;background:linear-gradient(90deg,rgba(104,57,79,.045) 1px,transparent 1px),linear-gradient(rgba(104,57,79,.045) 1px,transparent 1px),var(--moss-soft);background-size:18px 18px;overflow:hidden}.fabric-stage:before,.fabric-stage:after{position:absolute;content:"";width:90px;height:20px;border-radius:50%;background:#6674501f;filter:blur(8px)}.fabric-stage:before{top:12px;right:-18px;transform:rotate(28deg)}.fabric-stage:after{bottom:12px;left:-24px;transform:rotate(-22deg)}.target-label{position:absolute;top:11px;left:14px;color:var(--moss);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.target-outline{position:relative;display:grid;place-items:center;width:min(70%,158px);max-height:195px;border:1px dashed var(--moss);background:#fffdf870}.projected-fabric{display:grid;align-content:stretch;justify-content:stretch;padding:3px;border:1px solid var(--plum-dark);border-radius:5px;background:var(--plum);box-shadow:0 12px 24px #4b263938;overflow:hidden;transition:width .18s ease,height .18s ease,background-color .18s ease}.stitch-loop{position:relative;min-width:0;min-height:0;border-right:1px solid rgba(255,250,241,.24);border-bottom:1px solid rgba(255,250,241,.2)}.stitch-loop:after{position:absolute;inset:18% 28%;content:"";border:1px solid rgba(255,250,241,.58);border-top-color:transparent;border-radius:50% 50% 44% 44%}.comparison-card{margin-top:14px;padding:18px;border-radius:24px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}.section-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:20px;line-height:26px;letter-spacing:-.02em}.target-pill{flex:0 1 auto;text-align:center}.comparison-row{display:grid;grid-template-columns:minmax(72px,.8fr) repeat(3,minmax(62px,1fr));align-items:stretch;gap:6px}.comparison-row+.comparison-row{margin-top:7px}.comparison-label,.count-option{display:flex;min-width:0;min-height:52px;align-items:center;justify-content:center;border-radius:14px}.comparison-label{justify-content:flex-start;color:var(--muted);font-size:12px;font-weight:800}.count-option{flex-direction:column;border:1px solid var(--border);background:var(--paper-strong);font-size:17px;font-weight:850;line-height:21px;font-variant-numeric:tabular-nums}.count-option small{color:var(--muted);font-size:9px;font-weight:800;line-height:12px;letter-spacing:.08em;text-transform:uppercase}.count-option.is-nearest{border-color:var(--plum);color:var(--paper-strong);background:var(--plum);box-shadow:0 5px 14px #4b26392e}.count-option.is-nearest small{color:var(--plum-soft)}.count-option.is-unavailable{color:var(--muted);background:var(--ground)}.editor-grid{display:grid;gap:14px;margin-top:14px}.editor-card{padding:18px;border-radius:24px}.preset-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-bottom:8px}.preset-row button{display:flex;min-width:0;min-height:58px;flex-direction:column;align-items:center;justify-content:center;padding:6px;border:1px solid var(--border);border-radius:15px;background:var(--paper-strong);cursor:pointer;transition:transform .14s ease,color .14s ease,background-color .14s ease}.preset-row button span{font-size:12px;font-weight:800;line-height:17px}.preset-row button small{color:var(--muted);font-size:10px;font-weight:700;line-height:14px;font-variant-numeric:tabular-nums}.preset-row button[aria-pressed=true]{border-color:var(--moss);background:var(--moss-soft)}.stepper{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:12px;padding:7px 0;border-top:1px solid var(--border)}.stepper-copy{display:grid;min-width:0;gap:1px}.stepper-label{color:var(--muted);font-size:11px;font-weight:800;line-height:16px;letter-spacing:.06em;text-transform:uppercase}.stepper-value{font-family:Georgia,Times New Roman,serif;font-size:21px;font-weight:700;line-height:26px;font-variant-numeric:tabular-nums}.stepper-actions{display:grid;grid-template-columns:repeat(2,50px);flex:0 0 auto;gap:6px}.step-button{display:grid;min-width:48px;min-height:48px;place-items:center;border:1px solid var(--border);border-radius:15px;background:var(--paper-strong);color:var(--plum);font-size:25px;font-weight:500;line-height:28px;cursor:pointer;box-shadow:0 4px 10px #402d1f12;transition:transform .12s ease,background-color .12s ease}.step-button:active:not(:disabled){background:var(--plum-soft)}.helper-copy{margin:-4px 0 10px;color:var(--muted);font-size:12px;line-height:18px}.density-note{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin-top:10px;padding:12px;border-radius:16px;color:var(--moss);background:var(--moss-soft);text-align:center;font-size:12px;font-weight:800;line-height:18px;font-variant-numeric:tabular-nums}.density-note small{grid-column:1 / -1;color:var(--muted);font-size:10px;line-height:14px;letter-spacing:.08em;text-transform:uppercase}.closing-card{display:grid;gap:12px;margin-top:14px;padding:18px;border-radius:24px}.closing-card>p:first-child{margin:0;color:var(--muted);font-size:12px;line-height:18px}.closing-actions{display:grid;grid-template-columns:1fr 1.45fr;gap:8px}.text-button,.share-button{min-width:48px;min-height:52px;padding:10px 14px;border-radius:16px;font-size:14px;font-weight:850;cursor:pointer}.text-button{border:1px solid var(--border);background:var(--paper-strong)}.share-button{color:var(--paper-strong);background:var(--plum);box-shadow:0 8px 18px #4b263933}.share-status{min-height:18px;margin:0;color:var(--muted);text-align:center;font-size:11px;line-height:16px}@media(min-width:700px){.app-shell{padding-inline:24px}.result-card{grid-template-columns:minmax(0,1fr) minmax(260px,.8fr);align-items:center}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media(min-width:560px)and (max-height:500px)and (min-aspect-ratio:4 / 3)and (max-aspect-ratio:3 / 1){.app-shell{padding-block:14px}.fabric-stage{min-height:190px}}@media(min-width:700px)and (max-height:500px)and (min-aspect-ratio:4 / 3)and (max-aspect-ratio:3 / 1){.app-shell{display:grid;grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);gap:12px}.app-header,.result-card,.comparison-card,.editor-grid,.closing-card{margin:0}.app-header,.comparison-card,.closing-card{grid-column:1}.result-card,.editor-grid{grid-column:2}.app-header{align-self:start}.result-card{grid-row:1 / span 2;grid-template-columns:minmax(180px,.9fr) minmax(210px,1.1fr);gap:10px;padding:18px}.fabric-stage{min-height:190px;padding-inline:12px}.comparison-card{align-self:start}.editor-grid{grid-row:3 / span 2;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.closing-card{align-self:start}}@media(max-width:359px){.app-header{align-items:flex-start;flex-direction:column}.unit-switch{align-self:stretch;grid-template-columns:repeat(2,1fr)}.comparison-row{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-label{grid-column:1 / -1;min-height:28px}}@media(prefers-color-scheme:dark){:root{color:#f7eee4;background:#211b1d;--ink: #f7eee4;--muted: #c5b7aa;--paper: #30272a;--paper-strong: #382d30;--ground: #211b1d;--ground-deep: #2b2421;--border: #57474a;--plum: #c88ba4;--plum-dark: #f2dce5;--plum-soft: #49333e;--moss: #b7c89b;--moss-soft: #344032;--gold: #efbd67;--shadow: rgba(0, 0, 0, .24);--switch-surface: #382d30}body{background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.035) 0 9rem,transparent 21rem),linear-gradient(150deg,var(--ground) 0%,#2a2220 58%,var(--ground-deep) 100%)}.unit-switch,.result-card,.comparison-card,.editor-card,.closing-card{box-shadow:0 18px 48px var(--shadow)}.unit-switch button[aria-pressed=true],.count-option.is-nearest,.share-button{color:#251b20}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}