@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-ext-400-normal-5tcqmc2S.woff2)format("woff2"),url(/assets/outfit-latin-ext-400-normal-DHm7mdGe.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/outfit-latin-400-normal-BGsTXAXT.woff2)format("woff2"),url(/assets/outfit-latin-400-normal-DMwTpYkH.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-ext-500-normal-zeox_O30.woff2)format("woff2"),url(/assets/outfit-latin-ext-500-normal-DrCvqoFD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/outfit-latin-500-normal-DKnIMDSk.woff2)format("woff2"),url(/assets/outfit-latin-500-normal-ClnHRwRh.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-ext-600-normal-B85nYjL1.woff2)format("woff2"),url(/assets/outfit-latin-ext-600-normal-CWJcPgd7.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Outfit;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/outfit-latin-600-normal-B7SfZ07L.woff2)format("woff2"),url(/assets/outfit-latin-600-normal-BEfTtDA7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BqneJy0T.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-ext-500-normal-BIfNGwUT.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-cyrillic-500-normal-Bq9vWWag.woff2)format("woff2"),url(/assets/ibm-plex-mono-cyrillic-500-normal-Ael50iVv.woff)format("woff");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-vietnamese-500-normal-DZ4AoWbu.woff2)format("woff2"),url(/assets/ibm-plex-mono-vietnamese-500-normal-C8zxqsMH.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-ext-500-normal-CAhNIIs5.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-ext-500-normal-CZ70TYgx.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/ibm-plex-mono-latin-500-normal-DSY6xOcd.woff2)format("woff2"),url(/assets/ibm-plex-mono-latin-500-normal-CB9ihrfo.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/NotoSansSC-400-Ba7eOkfT.woff2)format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/NotoSansSC-500-z_irmif2.woff2)format("woff2")}@font-face{font-family:Noto Sans SC;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/NotoSansSC-600-CI4uXaOp.woff2)format("woff2")}:root{--bg:#0f1315;--bg-panel:#151a1c;--surface:#1c2226;--surface-2:#242b2f;--sunken:#101415;--line:#ffffff0f;--line-strong:#ffffff1f;--text:#f3f1eb;--text-dim:#a7b0b4;--text-faint:#7d878c;--paper:#e7e3da;--paper-2:#d8d3c8;--ink:#171a19;--low:#ff9b9b;--low-solid:#c62828;--id-drill:#5b8def;--id-bit:#ff8a1e;--id-blade:#2dd4bf;--id-abrasive:#e6c229;--id-fastener:#a78bfa;--id-power:#b6d35c;--id-chemical:#e879a9;--id-other:#94a3b8;--mono:"IBM Plex Mono", "Outfit", "Noto Sans SC", ui-monospace, monospace;--sans:"Outfit", "Noto Sans SC", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;accent-color:var(--paper)}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--bg)}body{background:var(--bg);color:var(--text);font-family:var(--sans);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;font-size:16px;font-weight:400;line-height:1.45}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}img,svg{max-width:100%}::selection{color:#fff;background:#e7e3da38}:focus{outline:none}:focus-visible{outline:2px solid var(--paper);outline-offset:2px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.shell{width:min(1240px,100%);margin:0 auto;padding:8px 16px 48px}.topbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px 16px;padding:14px 0 8px;display:grid}.brand{align-items:center;gap:10px;min-height:44px;display:flex}.brand-mark{border:1.5px solid var(--paper);border-radius:6px;flex:none;width:22px;height:22px;position:relative}.brand-mark:after{content:"";border-right:1.6px solid var(--paper);border-bottom:1.6px solid var(--paper);width:5px;height:9px;position:absolute;top:3px;left:6px;transform:rotate(40deg)}.brand-name{letter-spacing:-.03em;white-space:nowrap;font-size:22px;font-weight:600;line-height:1}.search{background:var(--sunken);border:1px solid var(--line);height:44px;color:var(--text-faint);border-radius:12px;align-items:center;gap:8px;min-width:0;padding:0 8px 0 12px;display:flex}.search input{background:0 0;border:0;flex:1;min-width:0;height:100%;padding:0}.search input::placeholder{color:var(--text-faint)}.search-clear{height:32px;color:var(--text-dim);border-radius:8px;flex:none;padding:0 8px;font-size:13px}.top-actions{align-items:center;gap:8px;display:flex}.view-toggle{background:var(--sunken);border-radius:12px;padding:2px;display:flex}.view-toggle button{width:44px;height:40px;color:var(--text-faint);border-radius:10px;place-items:center;display:grid}.view-toggle button[aria-pressed=true]{background:var(--surface-2);color:var(--text)}.btn{letter-spacing:.01em;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:0 16px;font-size:14px;font-weight:600;display:inline-flex}.btn.solid{background:var(--paper);color:var(--ink)}.btn.solid:hover{background:var(--paper-2)}.btn.ghost{color:var(--text);border:1px solid var(--line-strong);background:0 0}.btn.ghost:hover{background:#ffffff0a}.btn:active{transform:scale(.98)}.filter-row{align-items:center;gap:10px;padding:6px 0 14px;display:flex}.cats{scrollbar-width:none;flex:1;gap:4px;min-width:0;display:flex;overflow-x:auto}.cats::-webkit-scrollbar{display:none}.cats button,.low-toggle{height:44px;color:var(--text-dim);border-radius:999px;flex:none;padding:0 14px;font-size:14px}.cats button[aria-selected=true]{background:var(--paper);color:var(--ink);font-weight:600}.low-toggle{border:1px solid var(--line-strong);align-items:center;gap:8px;display:inline-flex}.low-toggle[aria-pressed=true]{background:var(--surface-2);color:var(--text);border-color:#0000}.result-count{color:var(--text-faint);letter-spacing:.08em;margin:0 0 12px;font-size:12px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.card,.row{background:var(--surface);color:inherit;text-align:left;border-radius:12px;width:100%}.card{flex-direction:column;padding:0;display:flex;overflow:hidden}.card-media,.row-media{background:#171c1f;display:block;overflow:hidden}.card-media{aspect-ratio:1;border-radius:8px;margin:8px 8px 0}.card-body{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;padding:10px 12px 12px;display:flex}.card-name{letter-spacing:-.01em;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.7em;font-size:14.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.card-brand{color:var(--text-dim);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12.5px;overflow:hidden}.card-foot{justify-content:space-between;align-items:center;gap:8px;width:100%;margin-top:auto;padding-top:4px;display:flex}.cat-label{color:var(--text-faint);letter-spacing:.08em;font-size:11px}.quiet{color:var(--text-faint);font-size:12px;font-weight:500}.dots-line{align-items:center;gap:6px;display:inline-flex}.mini-dots{gap:3px;display:inline-flex}.mini-dots i,.type-dot{background:var(--type,var(--text-faint));border-radius:99px;width:6px;height:6px;display:inline-block}.card.is-open,.row.is-open{box-shadow:inset 0 0 0 1px #e7e3da66}.list{flex-direction:column;gap:10px;display:flex}.row{grid-template-columns:84px minmax(0,1fr);align-items:center;gap:8px 12px;padding:10px;display:grid}.row-media{border-radius:8px;grid-row:span 2;width:84px;height:84px}.row-copy,.row-meta{flex-direction:column;align-items:flex-start;gap:4px;min-width:0;display:flex}.row .card-name{-webkit-line-clamp:1;min-height:0}.row-meta{flex-direction:row;align-items:center;gap:8px}.dot-sep{color:var(--text-faint);margin:0 6px}.spec{background:var(--paper);height:26px;color:var(--ink);font-family:var(--mono);letter-spacing:0;white-space:nowrap;border-radius:5px;align-items:center;padding:0 7px;font-size:13px;font-weight:500;line-height:1;display:inline-flex}.spec-sm{height:22px;padding:0 6px;font-size:12px}.badge-low{background:var(--low-solid);color:#fff;letter-spacing:.04em;white-space:nowrap;border-radius:999px;align-items:center;height:22px;padding:0 8px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.count-quiet{text-align:center;min-width:18px;color:var(--text-faint);font-variant-numeric:tabular-nums}.empty{text-align:center;padding:56px 12px}.empty p{margin:0 0 6px;font-weight:600}.empty .btn{margin-top:12px}.empty.inset{background:var(--surface);border-radius:12px;padding:28px 16px}.scrim{z-index:20;background:#080a0bb8;justify-content:flex-end;padding:12px;display:flex;position:fixed;inset:0}.panel{background:var(--bg-panel);border:1px solid #ffffff0d;border-radius:16px;flex-direction:column;width:min(1080px,100%);height:100%;animation:.32s cubic-bezier(.22,1,.36,1) panel-in;display:flex;overflow:hidden}.panel-head{border-bottom:1px solid var(--line);flex:none;padding:12px 16px}.title-row{align-items:flex-start;gap:8px;display:flex}.title-copy{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;padding-top:2px;display:flex}.title-copy h1{letter-spacing:-.011em;margin:0;font-size:20px;font-weight:600;line-height:1.25}.title-copy p{color:var(--text-dim);margin:0;font-size:13px}.icon-btn{width:44px;height:44px;color:var(--text);border-radius:12px;flex:none;place-items:center;display:grid}.icon-btn:hover{background:#ffffff0a}.tabs{background:var(--sunken);border-radius:12px;gap:4px;width:fit-content;max-width:100%;margin-top:12px;padding:4px;display:flex}.tabs button{min-height:44px;color:var(--text-dim);border-radius:9px;padding:0 16px;font-size:14px}.tabs button[aria-selected=true]{background:var(--surface-2);color:var(--text);font-weight:600}.panel-body{overscroll-behavior:contain;flex:1;padding:16px;overflow:auto}.kicker{color:var(--text-faint);letter-spacing:.14em;margin:18px 0 10px;font-size:11px;font-weight:500}.kicker.flat{margin:0 0 2px}.hero-wrap{margin-bottom:4px}.hero{aspect-ratio:16/10;touch-action:pan-y;background:#171c1f;border-radius:12px;position:relative;overflow:hidden}.hero-track{height:100%;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex}.hero-track.is-live{transition:none}.hero-slide{flex:0 0 100%;height:100%}.tile-svg,.photo{object-fit:cover;width:100%;height:100%;display:block}.hero-nav{width:44px;height:44px;color:var(--text);background:#0f13159e;border:1px solid #ffffff1a;border-radius:999px;place-items:center;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.hero-nav.prev{left:10px}.hero-nav.next{right:10px}.hero-nav:disabled{opacity:.28}.hero-count{color:var(--text);font-family:var(--mono);background:#0f13159e;border-radius:999px;padding:4px 8px;font-size:12px;position:absolute;bottom:12px;right:12px}.dots{justify-content:center;gap:0;margin-top:4px;display:flex}.dots button{width:36px;height:44px;position:relative}.dots button:after{content:"";background:#ffffff47;border-radius:99px;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dots button[aria-selected=true]:after{background:var(--paper);width:16px}.kv{margin:0}.kv div{border-bottom:1px solid var(--line);grid-template-columns:76px minmax(0,1fr);align-items:center;gap:12px;min-height:46px;display:grid}.kv dt{color:var(--text-faint);letter-spacing:.08em;margin:0;font-size:12px}.kv dd{margin:0;font-weight:500}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag{background:var(--sunken);height:24px;color:var(--text-dim);border-radius:999px;align-items:center;padding:0 8px;font-size:12px;font-weight:500;display:inline-flex}.col-head{justify-content:space-between;align-items:center;gap:8px 12px;min-height:44px;margin-bottom:8px;display:flex}.summary{color:var(--text);flex-wrap:wrap;align-items:center;gap:8px;margin:0;font-size:14px;font-weight:500;display:flex}.summary .dot-sep{margin:0 2px}.text-btn{min-height:44px;color:var(--text-dim);letter-spacing:.06em;padding:0 2px;font-size:13px}.text-btn:hover{color:var(--text)}.cons-list{flex-direction:column;gap:10px;display:flex}.cons{background:var(--surface);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:12px 10px 12px 16px;display:grid;position:relative;overflow:hidden}.cons:before{content:"";background:var(--type);width:4px;position:absolute;top:0;bottom:0;left:0}.cons-title{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.cons-title h2,.cons-title h3{letter-spacing:-.01em;margin:0;font-size:15.5px;font-weight:600}.cons-meta{color:var(--text-faint);letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 0;font-size:12px;display:flex}.threshold{letter-spacing:0}.share-chip{border:1px solid var(--line-strong);min-height:44px;color:var(--text-dim);border-radius:999px;margin-top:10px;padding:0 12px;font-size:13px}.share-chip:hover{color:var(--text);border-color:#ffffff38}.stepper{grid-template-columns:44px minmax(48px,auto) 44px;align-items:center;display:grid}.stepper button{background:var(--sunken);width:44px;height:44px;color:var(--text);border-radius:10px;place-items:center;display:grid}.stepper button:hover:not(:disabled){background:#181e21}.stepper button:disabled{opacity:.32}.qty{text-align:center;font-variant-numeric:tabular-nums;margin:0}.qty strong{font-size:16px;font-weight:600;font-family:var(--mono);display:block}.qty span{color:var(--text-faint);margin-top:1px;font-size:11px;font-weight:500;display:block}.qty.is-low strong{color:var(--low)}.log-list{margin:0;padding:0;list-style:none}.log-list li{border-bottom:1px solid var(--line);grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px 2px;display:grid}.log-title{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 4px;font-weight:600;display:flex}.log-nums{text-align:right}.delta{font-family:var(--mono);font-variant-numeric:tabular-nums;font-size:15px;font-weight:500;display:block}.log-list .quiet{margin:0}.notes-wrap .kicker{margin-top:0}.notes{white-space:pre-wrap;max-width:64ch;margin:0;font-size:16px;line-height:1.75}.pop-backdrop{z-index:50;background:0 0;position:fixed;inset:0}.pop{z-index:51;border:1px solid var(--line-strong);background:#1a2023;border-radius:14px;width:min(360px,100vw - 24px);max-height:min(72vh,580px);padding:14px 14px 16px;position:fixed;overflow:auto;box-shadow:0 16px 44px #00000061}.pop-handle{display:none}.pop-head .kicker{margin-top:0}.pop-head .quiet{margin:8px 0 0;line-height:1.5}.legend h2{margin:0 0 8px;font-size:18px;font-weight:600}.legend-lead{color:var(--text-dim);margin:0 0 14px;font-size:13.5px;line-height:1.65}.legend-types{gap:8px;margin:0;padding:0;list-style:none;display:grid}.legend-types li{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:10px;display:grid}.legend-types i{border-radius:99px;height:8px;display:block}.legend-types strong{font-size:14px;font-weight:600;display:block}.legend-types em{color:var(--text-faint);margin-top:1px;font-size:12px;font-style:normal;display:block}.legend-gap{margin-top:16px}.legend-specs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.legend .quiet{line-height:1.55;display:block}.legend-low{border-top:1px solid var(--line);align-items:flex-start;gap:10px;margin-top:14px;padding-top:12px;display:flex}.legend-low p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.55}.share-list{margin:12px 0 0;padding:0;list-style:none}.share-list button{text-align:left;width:100%;min-height:56px;color:inherit;border-radius:10px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:6px;display:grid}.share-list button:hover{background:#ffffff0a}.share-thumb{background:#171c1f;border-radius:8px;width:48px;height:48px;overflow:hidden}.share-list strong{font-size:14px;font-weight:600;display:block}.share-list em{color:var(--text-faint);margin-top:2px;font-size:12px;font-style:normal;display:block}.now{color:var(--text-faint);font-size:12px}.sheet-scrim{z-index:60}.sheet{width:min(720px,100%)}.form-card{background:var(--surface);border-radius:12px;margin-bottom:12px;padding:16px}.form-card h2{margin:0 0 14px;font-size:16px;font-weight:600}.fields{grid-template-columns:1fr;gap:12px;display:grid}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field span{color:var(--text-faint);letter-spacing:.08em;font-size:11px}.field input,.field select,.field textarea{border:1px solid var(--line-strong);background:var(--sunken);border-radius:10px;width:100%;min-height:44px;padding:0 12px}.field textarea{resize:vertical;min-height:120px;padding:12px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-color:#e7e3da80}.drop{text-align:center;border:1px dashed #ffffff29;border-radius:10px;padding:22px 14px}.drop p{margin:0}.drop .quiet{margin-top:6px;display:block}.sheet-foot{padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-panel);flex:none;justify-content:flex-end;gap:8px;display:flex}.toast{z-index:80;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--paper);width:max-content;max-width:min(440px,100% - 32px);color:var(--ink);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.45;position:fixed;transform:translate(-50%)}@media (hover:hover){.card:hover,.row:hover{background:var(--surface-2)}}@media (width>=560px){.row{grid-template-columns:92px minmax(0,1fr) auto}.row-media{grid-row:auto;width:92px;height:92px}.row-meta{flex-direction:column;justify-content:center;align-items:flex-end}}@media (width>=720px){.shell{padding-left:22px;padding-right:22px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card-name{font-size:15px}.fields{grid-template-columns:1fr 1fr}.field.wide{grid-column:1/-1}.title-copy h1{font-size:24px}}@media (width<=799px){.detail-grid{flex-direction:column;gap:4px;display:flex}.col-left{display:contents}.col-hero{order:1}.col-side{order:2}.col-info{order:3}.col-info .kicker{margin-top:8px}}@media (width>=800px){.detail-grid{grid-template-columns:minmax(260px,380px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.hero{aspect-ratio:1;max-height:clamp(220px,100dvh - 556px,380px)}.col-info .kicker{margin-top:8px}}@media (width>=1040px){.grid{grid-template-columns:repeat(4,minmax(0,1fr))}.panel-head,.panel-body{padding-left:22px;padding-right:22px}.title-copy h1{font-size:28px}}@media (width<=720px){.topbar{grid-template-columns:1fr auto;grid-template-areas:"brand actions""search search"}.brand{grid-area:brand;min-width:0}.brand-mark{border-radius:5px;width:20px;height:20px}.brand-mark:after{width:5px;height:8px;top:2px;left:5px}.brand-name{letter-spacing:-.04em;font-size:16px}.search{grid-area:search}.top-actions{grid-area:actions}}@media (width<=699px){.scrim{background:var(--bg);padding:0}.panel{border:0;border-radius:0;width:100%}.pop-backdrop{background:#080a0b8f}.pop{padding-bottom:calc(16px + env(safe-area-inset-bottom));border-radius:16px 16px 0 0;width:auto!important;inset:auto 0 0!important}.pop-handle{background:#ffffff2e;border-radius:99px;width:36px;height:4px;margin:0 auto 12px;display:block}}.app-nav{align-items:center;gap:4px;padding:0 0 8px;display:flex}.app-nav>button{height:44px;color:var(--text-dim);border-radius:999px;padding:0 14px;font-size:14px}.app-nav>button[aria-current=page]{background:var(--surface-2);color:var(--text)}.nav-spacer{flex:1}.sign-out{color:var(--text-faint)}.gate{place-items:center;min-height:100dvh;padding:24px 16px;display:grid}.gate-card{background:var(--surface);border-radius:14px;flex-direction:column;gap:12px;width:min(420px,100%);padding:28px 22px 22px;display:flex}.gate-card h1{letter-spacing:-.03em;margin:4px 0 0;font-size:28px}.login-form,.login-sent{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.login-form .field,.login-form .btn{width:100%}.form-error{color:var(--low);margin:0}.hero.kit-hero{aspect-ratio:2;max-height:180px;margin-bottom:4px}.kit-summary{margin:14px 0 6px}.kit-notes{margin:8px 0 4px}.notes.clamp{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.kit-hint{margin:0 0 10px}.kit-groups{flex-direction:column;gap:8px;display:flex}.kit-group{background:var(--surface);border-radius:12px;overflow:hidden}.kit-group-head{text-align:left;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 12px;display:flex}.kit-group-name{font-weight:600}.kit-group-head .quiet{margin-left:auto}.twist{color:var(--text-faint);transition:transform .16s;display:grid}.twist.is-open{transform:rotate(90deg)}.kit-rows{margin:0;padding:0;list-style:none}.kit-row{text-align:left;border-top:1px solid var(--line);align-items:center;gap:8px;width:100%;min-height:48px;padding:8px 12px;display:flex}.kit-row-name,.kit-fallback{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.kit-qty{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:13px}.kit-fallback{font-weight:600}.form-photos{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.form-photo{background:#171c1f;border-radius:8px;flex:none;width:72px;height:72px;overflow:hidden}.form-photo.is-picked{outline:1px solid var(--paper);outline-offset:2px}.photo-pending{background:#171c1f}.file-note{color:var(--text-dim);flex-direction:column;align-items:flex-start;gap:6px;font-size:13px;display:flex}.file-note label{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.file-note input{max-width:100%;min-height:44px;font-size:13px}.file-note input[type=file]::file-selector-button{border:1px solid var(--line-strong);color:var(--text);min-height:36px;font:inherit;cursor:pointer;background:0 0;border-radius:10px;margin-right:12px;padding:0 12px}.file-note input:disabled{opacity:.55}.cons-stock{background:var(--surface);border-left:4px solid var(--type,var(--line-strong));border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.stepper-pair{grid-template-columns:44px 44px;gap:8px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.btn:active,.card:active{transform:none}}@keyframes panel-in{0%{opacity:.4;transform:translate(36px)}to{opacity:1;transform:none}}
