:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f5f1;--surface:#fff;--surface-2:#f1eee8;--surface-3:#e9e5dd;--text:#1d1c1a;--muted:#6c6862;--faint:#a9a49b;--border:#e5e1d9;--border-strong:#d4cfc5;--accent:#b4532a;--accent-hover:#9c4521;--accent-soft:#f6e6dd;--on-accent:#fff;--ok:#2f7d4f;--error:#b42d2d;--error-soft:#fbe9e7;--shadow:0 1px 2px #1e19140a, 0 4px 16px #1e19140d;--shadow-lg:0 2px 6px #1e19140f, 0 12px 32px #1e191414;--topbar-bg:#f7f5f1d1;--toast-action:#f2a27f;--accent-text:#8f3e1d;--radius:16px;--radius-sm:10px;--font:ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", SFMono-Regular, "JetBrains Mono", Menlo, Consolas, monospace;--tabbar-h:64px}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131312;--surface:#1c1b1a;--surface-2:#252422;--surface-3:#2f2d2a;--text:#f3f1ed;--muted:#a39f98;--faint:#6d6963;--border:#2c2a27;--border-strong:#3b3935;--accent:#e8875f;--accent-hover:#f09a75;--accent-soft:#3a2419;--on-accent:#1b120d;--ok:#6cc28f;--error:#f08080;--error-soft:#3a1d1d;--shadow:0 1px 2px #0000004d;--shadow-lg:0 8px 32px #00000073;--topbar-bg:#131312cc;--toast-action:#9c4521;--accent-text:#f09a75}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#131312;--surface:#1c1b1a;--surface-2:#252422;--surface-3:#2f2d2a;--text:#f3f1ed;--muted:#a39f98;--faint:#6d6963;--border:#2c2a27;--border-strong:#3b3935;--accent:#e8875f;--accent-hover:#f09a75;--accent-soft:#3a2419;--on-accent:#1b120d;--ok:#6cc28f;--error:#f08080;--error-soft:#3a1d1d;--shadow:0 1px 2px #0000004d;--shadow-lg:0 8px 32px #00000073;--topbar-bg:#131312cc;--toast-action:#9c4521;--accent-text:#f09a75}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5}h1,h2,h3{letter-spacing:-.01em;margin:0;line-height:1.2}a{color:inherit;text-decoration:none}button,input,select{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:14px}.app{min-height:100dvh}.topbar{z-index:20;background:var(--topbar-bg);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-bottom:1px solid var(--border);padding-top:env(safe-area-inset-top);position:sticky;top:0}.topbar-inner{align-items:center;gap:24px;max-width:1120px;height:60px;margin:0 auto;padding:0 16px;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:650;display:flex}.topnav{gap:4px;display:none}.topnav a{color:var(--muted);border-radius:999px;padding:6px 12px;font-size:15px;font-weight:500}.topnav a:hover{color:var(--text)}.topnav a.active{color:var(--text);background:var(--surface-2)}.topbar-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.icon-btn{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--muted);border-radius:999px;place-items:center;display:grid}.icon-btn:hover{color:var(--text)}.main{max-width:1120px;padding:24px 16px calc(var(--tabbar-h) + 32px + env(safe-area-inset-bottom));margin:0 auto}.tabbar{z-index:20;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--topbar-bg);-webkit-backdrop-filter:saturate(1.4)blur(14px);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;font-size:12px;font-weight:500;display:flex}.tabbar a.active{color:var(--accent)}@media (width>=900px){.topnav{display:flex}.tabbar{display:none}.main{padding:40px 24px 64px}.topbar-inner{padding:0 24px}}.page-head{margin-bottom:20px}.page-head h1{letter-spacing:-.025em;font-size:clamp(26px,5vw,34px);font-weight:680}.page-head p{max-width:52ch;margin:6px 0 0}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:12px;font-weight:600}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:14px;padding:18px}.card-title{margin-bottom:14px;font-size:15px;font-weight:620}.btn{white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:15px;font-weight:560;transition:background .15s,border-color .15s;display:inline-flex}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:var(--accent-hover)}.btn-secondary{background:var(--surface);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--surface-2)}.btn-ghost{color:var(--muted);background:0 0}.btn-ghost:hover{color:var(--text);background:var(--surface-2)}.link-btn{color:var(--accent);background:0 0;border:0;padding:0;font-weight:560}.link-btn:hover{text-decoration:underline}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.segmented button{color:var(--muted);background:0 0;border:0;border-radius:999px;min-width:44px;height:36px;padding:0 16px;font-weight:560;transition:background .15s,color .15s}.segmented button:hover{color:var(--text)}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0000001f}.segmented-sm button{min-width:36px;height:30px;padding:0 10px;font-size:14px}.field-grid{grid-template-columns:1fr;gap:6px 16px;display:grid}@media (width>=560px){.field-grid{grid-template-columns:1fr 1fr}}.field{min-width:0}.field-label{margin-bottom:6px;font-size:14px;font-weight:560;display:block}.field-hint{color:var(--muted);min-height:20px;margin-top:4px;font-size:13px}.field-error .field-hint,.error-text{color:var(--error)}.ok-text{color:var(--ok);font-weight:560}.stepper{align-items:stretch;gap:6px;display:flex}.step-btn{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);width:44px;height:48px;color:var(--muted);flex:none;place-items:center;display:grid}.step-btn:hover{color:var(--text);border-color:var(--border-strong)}.step-btn:active{background:var(--surface-3)}.input-wrap,.select-wrap{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);flex:1;align-items:center;min-width:0;height:48px;padding:0 12px;transition:border-color .15s,box-shadow .15s;display:flex}.input-wrap:focus-within,.select-wrap:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-error .input-wrap{border-color:var(--error)}.input-wrap input{font-variant-numeric:tabular-nums;text-align:center;background:0 0;border:0;outline:0;flex:1;width:100%;min-width:0;font-size:17px;font-weight:560}.input-wrap input::placeholder{color:var(--faint);font-weight:400}.input-unit{color:var(--muted);white-space:nowrap;flex:none;font-size:14px}.input-split{gap:4px}.input-split input{width:40%}.select-wrap select{background:0 0;border:0;outline:0;width:100%;height:100%;font-size:17px;font-weight:560}.field .segmented{border-radius:var(--radius-sm);width:100%;height:48px;display:flex}.field .segmented button{border-radius:8px;flex:1;height:100%;padding:0 6px}.code{font-family:var(--mono);letter-spacing:.06em;font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:baseline;row-gap:4px;font-weight:650;display:flex}.code-lg{font-size:clamp(30px,7vw,40px)}.code-md{font-size:26px}.code-dash{color:var(--faint);margin:0 .12em;font-weight:400}.code-empty{color:var(--faint)}.controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:18px;display:flex}.kind-tabs{gap:4px;display:flex}.kind{height:36px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:999px;padding:0 12px;font-weight:560}.kind.active{border-color:var(--border-strong);color:var(--text);background:var(--surface)}.kind:disabled{cursor:default;color:var(--faint)}.soon{text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);vertical-align:2px;border-radius:999px;margin-left:4px;padding:1px 6px;font-size:10px;font-weight:650}.clear-btn{margin-top:4px}.code-panel{z-index:15;left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--border);padding:10px 16px;position:fixed;box-shadow:0 -6px 24px #0000000f}.code-panel-inner{grid-template-columns:1fr auto;align-items:center;gap:2px 12px;max-width:640px;margin:0 auto;display:grid}.code-panel .eyebrow{grid-column:1/-1;font-size:11px}.code-panel .code{font-size:26px}.code-panel .code.code-long{font-size:22px}.code-panel .code.code-xlong{font-size:18px}.code-panel .code-meta{display:none}.code-panel .code-actions{grid-area:2/2;gap:8px;display:flex}.code-panel .hide-mobile,.code-panel .label-desk{display:none}.code-panel .save-me{order:-1;width:44px;padding:0}.save-me.is-saved{color:var(--accent)}.create{padding-bottom:100px}@media (width>=900px){.create{grid-template-columns:minmax(0,1fr) 360px;align-items:start;gap:32px;padding-bottom:0;display:grid}.code-panel{border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:24px;position:sticky;inset:92px auto auto}.code-panel-inner{display:block}.code-panel .eyebrow{margin-bottom:14px;font-size:12px}.code-panel .code{font-size:40px}.code-panel .code.code-long{font-size:31px}.code-panel .code.code-xlong{font-size:26px}.code-panel .code-meta{margin-top:10px;font-size:14px;display:block}.code-panel .code-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:20px;display:grid}.code-panel .code-actions .btn{width:100%}.code-panel .hide-mobile{display:inline-flex}.code-panel .label-desk{display:inline}.code-panel .save-me{order:0;grid-column:1/-1;width:100%;padding:0 18px}}.decode{max-width:680px}.code-input{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);width:100%;height:64px;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;outline:0;padding:0 16px;font-size:28px;font-weight:650;transition:border-color .15s,box-shadow .15s}.code-input::placeholder{color:var(--faint);font-weight:400}.code-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.code-input.is-error{border-color:var(--error);box-shadow:0 0 0 3px var(--error-soft)}.code-input.is-ok{border-color:var(--ok)}.size-card-head{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:16px;display:flex}.size-card-head .eyebrow{margin-bottom:6px}.highlight{border-radius:var(--radius-sm);background:var(--accent-soft);align-items:baseline;gap:10px;margin-top:16px;padding:14px 16px;display:flex}.highlight strong{letter-spacing:-.01em;font-size:24px}.size-sections{grid-template-columns:1fr;gap:4px 28px;margin-top:8px;display:grid}@media (width>=560px){.size-sections{grid-template-columns:1fr 1fr}}.size-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:14px 0 4px;font-size:12px;font-weight:650}.size-section dl{margin:0}.size-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:12px;padding:9px 0;display:flex}.size-row:last-child{border-bottom:0}.size-row dt{color:var(--muted)}.size-row dd{font-variant-numeric:tabular-nums;text-align:right;margin:0;font-weight:600}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.btn-icon{width:44px;padding:0}.center{text-align:center}.sheet{color:var(--text);background:0 0;border:0;max-width:100vw;max-height:100dvh;padding:0}.sheet::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a080680}.sheet-body{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);padding:20px 20px calc(20px + env(safe-area-inset-bottom));overflow-y:auto}.sheet-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.sheet-head h2{font-size:20px;font-weight:650}.qr-tile{aspect-ratio:1;width:min(100%,300px);box-shadow:0 0 0 1px var(--border);background:#fff;border-radius:18px;margin:0 auto;overflow:hidden}.qr-tile svg{width:100%;height:100%;display:block}.sheet .small.center{margin:10px 0 0}.sheet-code{justify-content:center;margin:14px 0 18px;display:flex}.code-xl{font-size:34px}.code-xl.code-long{font-size:30px}.code-xl.code-xlong{font-size:22px}.sheet-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sheet-actions .btn{width:100%}.sheet-actions .btn:last-child:nth-child(odd){grid-column:1/-1}@media (width<=599px){.sheet{width:100vw;margin:auto 0 0}.sheet-body{border-bottom:0;border-radius:22px 22px 0 0;max-height:92dvh}.sheet[open] .sheet-body{animation:.22s ease-out sheet-up}}@media (width>=600px){.sheet{width:420px;margin:auto}.sheet-body{border-radius:24px;padding:24px}.sheet[open] .sheet-body{animation:.18s ease-out sheet-pop}}@keyframes sheet-up{0%{opacity:0;transform:translateY(40px)}}@keyframes sheet-pop{0%{opacity:0;transform:scale(.97)}}@media (prefers-reduced-motion:reduce){.sheet[open] .sheet-body{animation:none}}.preview-link{display:none}@media (width>=900px){.preview-link{color:var(--muted);align-items:center;gap:6px;margin-top:14px;font-size:14px;display:inline-flex}.preview-link:hover{color:var(--text)}}.size-card-actions{gap:8px;display:flex}.btn-sm{height:36px;padding:0 14px;font-size:14px}.btn:disabled{opacity:.5;cursor:default}.btn.is-on,.icon-btn.is-on{color:var(--accent)}.danger{color:var(--error)}.danger:hover{color:var(--error);background:var(--error-soft)}.faint{color:var(--faint)}.badge{letter-spacing:.04em;background:var(--accent-soft);color:var(--accent-text);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:650}.name-input{border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid #0000;outline:0;flex:1;min-width:0;height:40px;padding:0 12px;font-weight:560;transition:border-color .15s,background .15s}.name-input:hover{border-color:var(--border-strong)}.name-input:focus{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.name-input::placeholder{color:var(--faint);font-weight:400}.save-bar{justify-content:space-between;align-items:center;gap:8px;margin-top:14px;display:flex}.empty{text-align:center;padding:36px 20px}.empty p{margin:0 0 4px}.empty-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.history,.me{max-width:760px}.list-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.search{border:1px solid var(--border-strong);background:var(--surface);height:42px;color:var(--muted);border-radius:999px;flex:220px;align-items:center;gap:8px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.search input{min-width:0;color:var(--text);background:0 0;border:0;outline:0;flex:1}.entry-list{margin:0;padding:4px 0;list-style:none}.entry-row{border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:0 12px 0 0;display:flex}.entry-row:last-child{border-bottom:0}.entry-main{border-radius:var(--radius-sm);flex:1;min-width:0;padding:14px 6px 14px 18px}.entry-main:hover .entry-title span:first-child{color:var(--accent)}.entry-title{align-items:center;gap:8px;font-weight:600;display:flex}.entry-summary{white-space:nowrap;text-overflow:ellipsis;margin-top:2px;overflow:hidden}.entry-meta{flex-wrap:wrap;align-items:baseline;gap:10px;margin-top:4px;display:flex}.entry-code{font-family:var(--mono);letter-spacing:.04em;font-weight:600}.entry-actions{flex:none;gap:6px;display:flex}.me-grid{grid-template-columns:1fr;gap:14px;margin-bottom:14px;display:grid}@media (width>=720px){.me-grid{grid-template-columns:1fr 1fr}}.me-grid .card{margin:0}.my-code{flex-direction:column;gap:4px;display:flex}.my-code-name{background:0 0;margin:-4px 0 2px -12px;font-size:18px;font-weight:650}.my-code-code{margin:12px 0 2px}.my-code-summary{color:var(--muted);margin:0 0 14px}.my-code-actions{gap:8px;display:flex}.my-code-actions .btn:not(.btn-icon){flex:1}.muted-link{color:var(--muted);align-self:flex-start;margin-top:10px;font-weight:500}.backup-actions{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.backup .small{margin:0}.toast-region{z-index:40;left:0;right:0;bottom:calc(var(--tabbar-h) + 84px + env(safe-area-inset-bottom));pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.toast{pointer-events:auto;background:var(--text);max-width:480px;color:var(--bg);box-shadow:var(--shadow-lg);border-radius:14px;align-items:center;gap:16px;padding:12px 12px 12px 18px;font-size:15px;animation:.18s ease-out sheet-pop;display:flex}.toast-action{color:var(--toast-action);background:0 0;border:0;border-radius:8px;padding:4px 8px;font-weight:650}@media (width>=900px){.toast-region{bottom:32px}}.kind-desc{margin:-6px 0 16px}.card-sub{margin:-8px 0 14px}.picker-group+.picker-group{margin-top:14px}.picker-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:650}.chips{flex-wrap:wrap;gap:6px;display:flex}.chip{border:1px solid var(--border-strong);background:var(--surface);height:34px;color:var(--text);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:14px;font-weight:540;transition:background .15s,border-color .15s;display:inline-flex}.chip:hover{border-color:var(--accent)}.chip.on{background:var(--accent-soft);border-color:var(--accent);color:var(--text)}.chip.on svg{color:var(--accent-text)}.chip-cost{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.chip.on .chip-cost{color:var(--accent-text)}.picker-note{margin:14px 0 0}.extra-row{margin-bottom:6px}.extra-grid{grid-template-columns:1fr auto;align-items:center;gap:8px;display:grid}.extra-name{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);outline:0;grid-column:1/-1;min-width:0;height:44px;padding:0 12px;font-weight:560}.extra-name:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.extra-row .segmented{justify-self:start}.extra-value{grid-column:1;height:44px}.extra-value input{text-align:left}.extra-grid .icon-btn{grid-area:2/2/span 2}.field-error .extra-name{border-color:var(--error)}@media (width>=640px){.extra-grid{grid-template-columns:minmax(0,1.4fr) auto minmax(0,1fr) auto}.extra-name,.extra-value,.extra-grid .icon-btn{grid-area:auto}}.code-panel .code.code-xxlong{font-size:15px}.code-md.code-xxlong,.code-xl.code-xxlong{font-size:20px}@media (width>=900px){.code-panel .code.code-xxlong{font-size:22px}}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.region-select{display:inline-flex;position:relative}.region-select select{appearance:none;border:1px solid var(--border);background:var(--surface-2);height:38px;color:var(--text);cursor:pointer;border-radius:999px;padding:0 28px 0 12px;font-size:14px;font-weight:600}.region-select:after{content:"";border-right:1.6px solid var(--muted);border-bottom:1.6px solid var(--muted);pointer-events:none;width:6px;height:6px;position:absolute;top:50%;right:12px;transform:translateY(-70%)rotate(45deg)}@media (width<=400px){.brand span{display:none}}.measure-guide{display:none}.body-diagram{width:100%;height:auto}.body-diagram .body{fill:var(--surface-3);stroke:none;transition:fill .2s}.body-diagram .body .limb{fill:none;stroke:var(--surface-3);stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.body-diagram .body.is-on{fill:var(--accent-soft)}.body-diagram .body.is-on .limb{stroke:var(--accent-soft)}.body-diagram .mark{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:5 3;animation:.25s ease-out mark-in}.body-diagram .mark-dot{fill:var(--accent);stroke:none}@keyframes mark-in{0%{opacity:0}}.guide-name{margin:4px 0 2px;font-weight:650}@media (width>=900px){.measure-guide{border-top:1px solid var(--border);grid-template-columns:116px 1fr;align-items:center;gap:16px;margin-top:22px;padding-top:20px;display:grid}}.field-cell{min-width:0}.code-input-row{gap:8px;display:flex}.code-input-row .code-input{flex:1;min-width:0}.scan-btn{border-radius:var(--radius-sm);flex:none;width:64px;height:64px;padding:0}.scan-view{aspect-ratio:1;background:#111;border-radius:18px;width:100%;position:relative;overflow:hidden}.scan-view video{object-fit:cover;width:100%;height:100%;display:block}.scan-frame{border:3px solid #ffffffe6;border-radius:18px;position:absolute;inset:18%;box-shadow:0 0 0 999px #00000059}.scan-message{text-align:center;color:#f3f1ed;place-items:center;padding:24px;font-size:15px;display:grid;position:absolute;inset:0}@media (width<=420px){.code-input{font-size:22px}}