/* Readable workbench: three metrics stay visible above the visual workspace. */
.tool-page #result{background:linear-gradient(145deg,#151911,#0e110c 70%);border-color:#3e442f;padding:22px}.workbench-head{align-items:center;border-bottom:0;padding-bottom:0;gap:15px}.workbench-head h2{font-size:27px;letter-spacing:.1px;margin:8px 0 0;line-height:1.1}.workbench-head .step{font-size:8px;letter-spacing:1.6px;color:#b5bd9c}.workbench-head .badge{white-space:nowrap;border-radius:4px;padding:8px 10px;font-size:8px;color:#b9bca6;background:#23281a;border-color:#41482f}.workbench-head .silenced{color:#b6d1a2;border-color:#526844;background:#26351e}.build-metrics{display:grid;grid-template-columns:1fr 1.3fr 1.2fr;gap:10px;margin:20px 0 18px;flex-shrink:0}.metric{position:relative;overflow:hidden;border:1px solid #3b422e;border-radius:7px;background:#1c2316;padding:15px 17px 12px}.metric>div:first-child{display:flex;justify-content:space-between;gap:8px;color:#b3bda0;font-size:9px;font-weight:600;letter-spacing:1.3px}.metric .metric-icon{color:#94a77d;font-size:14px;line-height:10px}.metric strong{display:flex;gap:8px;align-items:baseline;font-family:Barlow Condensed,Arial,sans-serif;font-size:40px;line-height:1.05;color:#e9eddd;font-weight:700;margin-top:10px}.metric strong small{font-family:Arial,sans-serif;font-size:7px;letter-spacing:1px;color:#a5b092;font-weight:500}.metric p{font-size:8px;color:#a9b598;margin:8px 0 0;line-height:1.4}.metric.ergo{border-top:2px solid #91a875}.metric.recoil{border-top:2px solid #b09f6c}.metric.cost{border-top:2px solid #d5b34e;background:linear-gradient(135deg,#302d1b,#211f15)}.metric.cost strong{color:#ead38d}.metric.cost p{color:#c0b891}.metric.over-budget p{color:#f3a58f}.recoil-values{display:flex;align-items:center;gap:14px}.recoil-values strong{display:block;position:relative;padding-bottom:15px}.recoil-values strong small{display:block;position:absolute;bottom:0;left:0;font-size:7px}.recoil-values i{font-style:normal;color:#70745b;font-size:28px}.metric.recoil p{margin-top:0}.view-switch{display:flex;align-items:center;gap:3px;flex-shrink:0;margin:0 0 10px;padding:3px;background:#090d07;border:1px solid #333b25;border-radius:6px}.view-switch button{border:0;border-radius:4px;padding:9px 10px;background:transparent;color:#a4ad93;font:11px Arial;cursor:pointer}.view-switch button[aria-pressed=true]{color:#eee4c2;background:#363624;box-shadow:0 1px 3px #0006}.view-switch button span{background:#4c5036;color:#dfdfca;margin-left:5px;padding:2px 4px;border-radius:3px;font-size:8px}.view-switch #view3d{margin-left:auto;color:#d9c483;font-size:10px}.view-switch button:focus-visible,.board-part:focus-visible{outline:2px solid #dabd62;outline-offset:2px}.visual-workbench{grid-template-columns:minmax(0,1fr) 260px;gap:18px;margin-top:0;flex:1;min-height:0}.visual-main{min-height:0;overflow:hidden}.weapon-stage{background:radial-gradient(ellipse at 50% 55%,#20261a,#0d120a 75%);border:1px solid #39412a;border-radius:6px;min-height:150px;max-height:none;flex:1;overflow:hidden}.weapon-stage .stage-label{font-size:7px;letter-spacing:1px;color:#aab797;z-index:2;top:12px;left:14px;background:#11170cd9;padding:4px 6px;border-radius:3px;max-width:90%;line-height:1.4}.weapon-stage>img{padding:28px 12px 38px;max-width:100%;max-height:100%;height:100%;width:100%;object-fit:contain;box-sizing:border-box}.weapon-stage .stage-toolbar{right:10px;bottom:10px}.stage-toolbar button{border-radius:4px;font-size:9px;padding:8px;background:#161d11de;color:#c7cfb4;border-color:#49543a}.stage-caption{font-size:9px;padding:10px 0;line-height:1.5;color:#b2bca0}.stage-caption>span{max-width:75%}.stage-caption button{white-space:nowrap;color:#cdbb7f;font-size:9px}.parts-browser{border-radius:6px;background:#12190d;border-color:#39412b}.parts-browser-head{padding:13px 14px;font-size:9px;letter-spacing:1.3px;color:#c6d1b4;background:#1b2414}.parts-browser-head>span:last-child{background:#3e4d2b;border-radius:4px;padding:3px 6px;color:#d2dfbd;letter-spacing:0}.parts-browser select{border-radius:4px;background:#0e1509;border-color:#3c492e;color:#bbc7a8;font-size:10px}.part-choice{padding:11px 12px;gap:10px;border-top-color:#29351e}.part-choice img{width:54px;height:46px;padding:3px;background:#0b1108;border:1px solid #2b3520;border-radius:4px;object-fit:contain}.part-choice strong{font-size:11px;line-height:1.4;color:#e0e5d2}.part-choice small{font-size:8px;margin-top:4px;color:#a3b28f}.part-choice .part-price{font-size:9px;display:block;margin-top:5px;color:#d9c48b}.part-choice .part-price.included{color:#92aa78;font-size:7px;letter-spacing:.7px}.part-choice[aria-pressed=true]{background:#2f3a21;box-shadow:inset 3px 0 #b5c28a}.part-detail{background:#1a2512;padding:15px;min-height:110px}.part-detail>strong{color:#e3e7d5;font-size:12px;line-height:1.5}.part-detail .eyebrow{font-size:7px;margin:0 0 7px;color:#acbb94}.part-detail p{font-size:10px;color:#bcc8ab}.part-modifiers{display:flex;gap:14px;margin-top:12px;font-size:8px;color:#a6b694}.part-modifiers b{display:block;font:600 21px Arial;color:#e7d6a2;margin-top:4px}.build-tabs{margin-top:4px;border-bottom-color:#3a452b}.build-tabs button{font-size:11px;padding:11px 10px;color:#b7c0a8}.build-tabs button[aria-selected=true]{color:#e4d18f;border-bottom-color:#d4b65c}.build-tab-panel{max-height:130px;padding-top:12px}.build-tab-panel .fineprint{font-size:10px;line-height:1.65;color:#bac3ac;margin-top:9px}.summary-chips{display:flex;gap:7px}.summary-chips span{font-size:8px;padding:5px 7px;background:#27341c;border:1px solid #3d4d2c;color:#b6c9a3;border-radius:4px}.compact-result-actions .fineprint{font-size:8px;color:#a2ad91}.compact-result-actions{border-top-color:#354027}.compact-result-actions .btn{border-radius:4px;padding:10px 12px;font-size:9px}.preview-hero{display:flex;flex:1;min-height:0;flex-direction:column;margin-top:22px;gap:18px}.preview-hero .weapon-stage{min-height:240px}.preview-hint{display:flex;gap:16px;padding:18px;border:1px solid #39412b;border-radius:7px;background:#1a2114}.preview-hint>span{font:600 35px Arial;color:#75835b}.preview-hint h3{font-size:24px;margin:0 0 8px}.preview-hint p{font-size:12px;color:#aeb99c;line-height:1.7;margin:0}.build-board{position:absolute;inset:0;overflow:auto;padding:45px 12px 14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;align-content:start;scrollbar-width:thin}.build-board[hidden],.composite-2d[hidden]{display:none}.board-part{display:flex;min-width:0;flex-direction:column;align-items:center;padding:9px;border:1px solid #3e482e;border-radius:5px;background:#172010;text-align:center;cursor:pointer;color:#dfe5d1}.board-part:hover{background:#2a351e;border-color:#a49a58}.board-category{font-size:7px;letter-spacing:.5px;color:#acbc96}.board-part img{width:100%;height:62px;object-fit:contain;margin:7px 0}.board-part strong{font-size:9px;font-weight:500;line-height:1.4;max-width:100%;overflow-wrap:anywhere}.board-values{margin-top:8px;font-size:8px;color:#e0d19c}.board-values i{font-style:normal;margin:0 4px;color:#687553}.composite-2d{position:absolute;inset:25px 12px 35px;display:grid;place-items:center}.composite-2d svg{width:100%;height:100%;transition:transform .15s}.composite-2d svg.zoomed{transform:scale(1.6)}
@media(min-width:1500px){.visual-workbench{grid-template-columns:minmax(0,1fr) 310px}.workbench-head h2{font-size:33px}.build-metrics{margin-block:22px}.metric strong{font-size:47px}.weapon-stage{min-height:230px}.build-tab-panel{max-height:150px}}
@media(max-height:780px) and (min-width:851px){.tool-page #result{padding:17px}.workbench-head h2{font-size:25px}.build-metrics{margin-block:13px;gap:8px}.metric{padding:10px 12px 8px}.metric strong{font-size:33px;margin-top:7px}.metric p{font-size:7px;margin-top:7px}.recoil-values{gap:12px}.recoil-values strong{padding-bottom:12px}.metric.recoil p{margin-top:0}.view-switch{margin-bottom:8px}.view-switch button{font-size:10px;padding:8px}.weapon-stage{min-height:125px;max-height:none}.build-tab-panel{max-height:90px;padding-top:8px}.summary-chips span{font-size:7px;padding:4px 6px}.build-tab-panel .fineprint{font-size:9px;margin-top:6px}.build-tabs button{font-size:10px;padding-block:9px}.part-choice{padding:9px}.part-detail{padding:12px;min-height:90px}.compact-result-actions .btn{padding:8px 10px}.stage-caption{padding-block:7px;font-size:8px}.visual-workbench{gap:14px;grid-template-columns:minmax(0,1fr) 245px}.part-choice strong{font-size:10px}.part-choice img{width:45px;height:40px}.build-board{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-hero .weapon-stage{min-height:180px}}
@media(max-width:1100px) and (min-width:851px){.visual-workbench{grid-template-columns:minmax(0,1fr) 205px}.metric strong{font-size:29px}.metric strong small{font-size:6px}.recoil-values{gap:7px}.metric p{font-size:7px}.metric>div:first-child{font-size:8px;letter-spacing:.6px}.workbench-head h2{font-size:22px}.view-switch button{font-size:8px;padding:8px 6px}.build-tabs button{font-size:9px;padding-inline:7px}}
@media(max-width:850px){.tool-page #result{padding:16px;min-height:800px}.workbench-head h2{font-size:25px}.workbench-head .badge{font-size:6px;padding:7px}.build-metrics{gap:7px;margin-block:17px;grid-template-columns:1fr 1.15fr}.metric{padding:13px}.metric.cost{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.metric.cost strong{font-size:30px;margin:0}.metric.cost p{width:100%;margin:0}.metric strong{font-size:36px}.metric strong small{font-size:7px}.recoil-values{gap:8px}.metric p{font-size:7px}.visual-workbench{display:flex;flex-direction:column;gap:18px;overflow:visible}.visual-main{overflow:visible}.weapon-stage{height:260px;min-height:260px;flex:initial}.weapon-stage>img{height:100%;max-height:100%}.parts-browser{display:flex;max-height:420px;min-height:300px}.parts-list{height:auto;max-height:220px;flex:initial}.part-detail{display:block!important;border-top:1px solid #3b452d;border-left:0;max-height:none}.build-board{grid-template-columns:repeat(2,minmax(0,1fr))}.build-tab-panel{max-height:190px}.preview-hero .weapon-stage{height:300px;min-height:300px}.preview-hint h3{font-size:20px}.preview-hint p{font-size:11px}}

@media(min-width:851px){.visual-main{position:relative;display:grid;grid-template-rows:auto minmax(110px,1fr) auto auto;overflow:visible}.visual-main .view-switch{grid-row:1;margin-bottom:8px}.visual-main .weapon-stage{grid-row:2;min-height:110px;height:100%;max-height:none}.visual-main .stage-caption{grid-row:3}.visual-main .build-tabs{grid-row:4;margin:0;flex-shrink:0}.visual-main .build-tab-panel{position:absolute;left:0;right:0;top:42px;bottom:58px;max-height:none;background:#172010f5;border:1px solid #495437;border-radius:5px;padding:15px;z-index:4;overflow:auto}.visual-main #tabSummary{display:none}.weapon-stage>img{position:absolute;top:50%;left:0;width:100%;height:auto;max-height:none;padding:0 20px;transform:translateY(-50%)}.weapon-stage>img.zoomed{transform:translateY(-50%) scale(1.6)}.weapon-stage>img.part-image{height:86%;width:100%;object-fit:contain}.metric p{font-size:9px;line-height:1.4}.part-detail{min-height:100px}.stage-caption{font-size:9px}.workbench-head .badge{font-size:8px}}

@media(min-width:851px){.tool-page .page-intro{padding-top:10px;padding-bottom:10px}.tool-page .page-intro .eyebrow{display:none}.tool-page .page-intro h1{font-size:25px;margin:0}.tool-top-actions{top:84px}.tool-page .workspace{padding-top:12px}.tool-page #result .workbench-head h2{margin-top:5px;font-size:25px}.tool-page #result .workbench-head{min-height:41px}.build-metrics{margin-block:12px}.metric{padding:9px 12px}.metric strong{margin-top:7px;font-size:33px}.metric p{font-size:9px;margin-top:7px}.metric.recoil p{margin-top:0}.weapon-stage>img{height:100%;width:100%;padding:22px 8px 16px;object-fit:contain}.weapon-stage>img.part-image{height:100%}.build-board{grid-template-columns:repeat(3,minmax(0,1fr));padding-top:36px}.board-part img{height:55px}.board-part{padding:8px}.part-detail{min-height:105px}}

.visual-main #tabSummary:not([hidden]){display:block}.visual-main .build-tab-panel[hidden]{display:none}.build-tabs button[aria-expanded=true]{color:#e4d18f;border-bottom-color:#d4b65c}

@media(min-width:851px) and (max-height:800px){.tool-page #result .workbench-head h2{font-size:23px;margin-top:4px}.workbench-head .step{font-size:7px}.build-metrics{margin-block:9px}.metric{padding:8px 11px}.metric strong{font-size:31px;margin-top:5px}.metric p{font-size:8px;margin-top:5px}.metric.recoil p{margin-top:0}.view-switch{padding:2px;margin-bottom:6px}.view-switch button{padding:7px 9px;font-size:9px}.stage-caption{margin:4px 0;padding:4px 0;font-size:8px}.build-tabs button{padding:7px 9px;font-size:9px}.weapon-stage>img{padding:22px 8px 11px}.visual-main .build-tab-panel{top:35px;bottom:46px}.board-part img{height:43px}.board-part{padding:7px}.board-part strong{font-size:8px}.board-category{font-size:7px}.board-values{font-size:8px;margin-top:5px}}

.tool-top-actions{display:flex;gap:8px}.utility-dialog{width:min(850px,94vw);max-height:88dvh;background:#11180d;color:#e1e7d6;border:1px solid #617046;border-radius:9px;padding:24px;overflow:auto}.utility-dialog::backdrop{background:#000c}.utility-dialog>header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.utility-dialog h2{font-size:29px;margin:0}.utility-close{border:0;background:none;font-size:28px;color:#e8dbad;cursor:pointer}.utility-dialog label{font-size:12px;display:block;margin:15px 0 8px}.utility-dialog input:not([type=checkbox]),.utility-dialog select{padding:12px;background:#080d06;border:1px solid #4e5c37;border-radius:5px;color:#e3e8d7;width:100%;box-sizing:border-box}.utility-dialog>input{margin-bottom:15px}.utility-note{font-size:11px;line-height:1.8;color:#b7c3a5;margin-block:10px 18px}.utility-status{font-size:12px;line-height:1.6;color:#e8cf86;min-height:0}.utility-status:empty{display:none}.utility-actions{display:flex;gap:12px;margin-bottom:18px}.saved-builds{display:grid;gap:10px}.saved-build{display:grid;grid-template-columns:20px 1fr auto;align-items:center;gap:14px;padding:15px;border:1px solid #36472a;border-radius:6px;background:#192311}.saved-build h3{font-size:20px;margin:0 0 7px}.saved-build input{accent-color:#d5b757}.saved-stats{font-size:11px;margin:0 0 7px;color:#d8d8b5}.saved-build small{font-size:9px;color:#9faf8b}.saved-controls{display:grid;gap:10px}.saved-controls .quiet-link{background:none;border:0;font-size:10px;color:#aebd98;cursor:pointer}.collection-empty{padding:35px;border:1px dashed #586443;border-radius:6px;text-align:center;color:#aebc9c;font-size:13px;line-height:1.8}.compare-table{width:100%;border-collapse:collapse;table-layout:fixed;margin:22px 0}.compare-table th,.compare-table td{padding:15px 10px;text-align:left;border-bottom:1px solid #3c4c2e;font-size:12px;overflow-wrap:anywhere}.compare-table td{font-size:24px;font-weight:600;color:#c9c8ac}.compare-table .better{color:#c9e1a5;background:#2b3e1d}.compare-parts{display:grid;grid-template-columns:1fr 1fr;gap:25px}.compare-parts h3{font-size:22px}.compare-parts li{font-size:11px;line-height:1.8;color:#b6c0a6}.parts-picker-toolbar{display:grid;grid-template-columns:1fr 210px;gap:12px;margin:20px 0}.parts-picker{max-height:45dvh;overflow:auto;display:grid;gap:8px}.picker-row{padding:13px 15px;background:#1a2412;border:1px solid #38492a;border-radius:5px;display:flex;justify-content:space-between;align-items:center;gap:20px}.picker-row strong{display:block;font-size:12px;line-height:1.6}.picker-row small{display:block;font-size:10px;color:#c6be98;margin-top:5px}.picker-row button{flex-shrink:0}.replace-part-btn{width:100%;padding:10px 12px;margin:10px 0;background:#45552d;border:1px solid #7c8d53;border-radius:4px;color:#eef0df;text-align:left;font-size:11px;cursor:pointer}.replace-part-btn:hover{background:#586c37}.part-detail{max-height:210px;overflow:auto}.utility-dialog button:disabled{opacity:.45;cursor:default}.utility-dialog button:focus-visible{outline:2px solid #dcc16b;outline-offset:3px}@media(max-width:600px){.utility-dialog{padding:17px}.utility-dialog h2{font-size:24px}.saved-build{grid-template-columns:20px 1fr;gap:10px}.saved-controls{grid-column:2;display:flex;gap:20px}.compare-table th{font-size:10px}.compare-table td{font-size:19px}.compare-parts{grid-template-columns:1fr}.parts-picker-toolbar{grid-template-columns:1fr}.picker-row{gap:8px}.tool-top-actions{padding-top:6px;flex-wrap:wrap}.compact-result-actions .result-actions{flex-wrap:wrap}.metric.cost strong{font-size:29px}}

.part-mount-context{padding:13px 0;margin:12px 0;border-top:1px solid #435332;border-bottom:1px solid #435332}.part-mount-context>small{display:block;font-size:10px;color:#9aac82;letter-spacing:1px}.part-mount-context button{display:block;background:#1b2912;border:1px solid #56663b;border-radius:4px;color:#dfcb90;font-size:11px;line-height:1.7;padding:8px 10px;margin:8px 0;width:100%;text-align:left;cursor:pointer}.part-mount-context summary{font-size:11px;color:#bec69f;padding:10px 0;cursor:pointer}.part-mount-context p{font-size:11px;line-height:1.8}
.goal-comparison{margin:12px 0 18px}.goal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.goal-card{border:1px solid #425331;border-radius:5px;padding:10px;background:#10180c;min-width:0}.goal-card.active{border-color:#d6b65f;background:#302d18}.goal-card strong,.goal-card span,.goal-card small{display:block;overflow-wrap:anywhere}.goal-card strong{font-size:11px;color:#e9d69e;margin-bottom:8px}.goal-card span{font-size:11px;color:#e1e7d6;line-height:1.6}.goal-card i{font-style:normal;color:#899779;margin:0 3px}.goal-card small{font-size:10px;color:#b5c19f;margin-top:6px}.build-goal-note{font-size:11px;line-height:1.7;color:#bcc6a7;margin:9px 0}.goal-method{font-size:10px;color:#bdc8aa;line-height:1.7}.goal-method summary{cursor:pointer;color:#d9c588}.goal-method p{max-width:85ch}.view-switch button:disabled{opacity:.5;cursor:default}.goal-comparison+.visual-workbench{min-height:300px}@media(max-width:600px){.goal-grid{grid-template-columns:1fr}.goal-card{display:grid;grid-template-columns:1fr 1.25fr;gap:4px 8px}.goal-card strong{grid-row:span 2;margin:0}.goal-card small{margin:0}.goal-card span{font-size:10px}.goal-comparison{margin-bottom:14px}}

.assembled-render{position:absolute;inset:34px 10px 8px;display:grid;place-items:center;overflow:hidden}.assembled-render[hidden],.assembled-render img[hidden],.assembled-status[hidden]{display:none!important}.assembled-image{width:100%;height:100%;object-fit:contain;image-rendering:auto;transition:transform .15s;filter:drop-shadow(0 10px 15px #0008)}.assembled-image.zoomed{transform:scale(1.55)}.assembled-status{padding:20px;text-align:center;max-width:55ch}.assembled-status strong{font-size:16px;color:#e5cc8c}.assembled-status p{font-size:12px;line-height:1.8;color:#bdc7ac}.assembled-status button{padding:10px 18px;background:#d6b66b;color:#11180b;border:0;border-radius:4px;cursor:pointer}.stage-caption a{color:#d5bc77;text-decoration:underline;text-underline-offset:3px}@media(max-width:850px){.weapon-stage:has(.assembled-render){min-height:270px}.assembled-status{padding:12px}.assembled-status strong{font-size:14px}}

.weapon-stage .assembled-render .assembled-image{position:absolute;inset:0;width:100%;height:100%;max-height:100%;max-width:100%;min-width:0;min-height:0;padding:0;object-fit:contain}.goal-card{padding:7px 9px}.goal-card strong{font-size:10px;margin-bottom:4px}.goal-card span{font-size:10px}.goal-card small{font-size:9px;margin-top:3px}.goal-comparison{margin:8px 0 11px}.build-goal-note{font-size:10px;line-height:1.45;margin:4px 0}.goal-method{font-size:9px;line-height:1.45}@media(min-width:851px){.visual-main:has(.assembled-render) .weapon-stage{min-height:175px}}

.weapon-photo-dialog{width:min(1400px,94vw);height:min(820px,90dvh);box-sizing:border-box;background:#0e180a;color:#eee6c7;border:1px solid #bca767;border-radius:9px;padding:20px;overflow:hidden}.weapon-photo-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto}.weapon-photo-dialog::backdrop{background:#000d}.weapon-photo-dialog header{display:flex;align-items:center;justify-content:space-between;gap:15px}.weapon-photo-dialog strong{font-size:20px}.weapon-photo-dialog button{background:none;border:0;color:#e7d099;font-size:32px;cursor:pointer}.weapon-photo-dialog img{width:100%;height:100%;object-fit:contain;min-height:0}.weapon-photo-dialog p{font-size:12px;color:#bcc6a5;text-align:center;line-height:1.7}

.weapon-stage .stage-toolbar{z-index:5}


.optic-picker{padding:16px;margin:14px 0;border:1px solid var(--line,#474538);border-radius:12px;background:#171810}
.optic-picker h3{margin:0 0 5px}
.optic-recommendations,.optic-fields{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0;align-items:end}
.optic-recommendations button{white-space:normal;text-align:left}
.optic-fields label{display:grid;gap:5px;font-size:.8rem}
.optic-fields label{max-width:100%;min-width:0}
.optic-fields label:nth-child(3){flex:1 1 240px}
.optic-fields select{width:100%;min-width:0;color:inherit;background:#202017;border:1px solid #565445;border-radius:6px;padding:8px}
.optic-fields button:disabled{opacity:.5}

.tool-page.weapon-planner{height:auto;min-height:100dvh;overflow:visible}
.tool-page.weapon-planner .workspace,
.tool-page.weapon-planner .planner-panel,
.tool-page.weapon-planner #result{height:auto;overflow:visible}
.tool-page.weapon-planner .planner-panel{align-items:start}
.weapon-planner #result{min-width:0}
.weapon-planner #result .visual-workbench{flex:none;align-items:start}
.weapon-planner #result .visual-main{min-width:0}
.weapon-planner #result .visual-main .weapon-stage{height:clamp(240px,33vw,420px);min-height:0;flex:none}
.weapon-planner #result .parts-browser{max-height:540px}
.weapon-planner #result .optic-picker{flex-shrink:0}
.metric-meter{display:block;width:100%;height:9px;margin:8px 0 3px;accent-color:#b5d08e}
.metric-meter::-webkit-meter-bar{background:#10150c;border:1px solid #4b5838;border-radius:6px}
.metric-meter::-webkit-meter-optimum-value{background:#a5c379;border-radius:5px}
.metric.recoil .metric-meter::-webkit-meter-optimum-value{background:#c6ae72}
.metric.recoil .recoil-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.metric.recoil .recoil-change{display:block;color:#bcb695;font-size:9px;line-height:1.3;margin-bottom:5px}

.optic-general-guide{margin:10px 0 14px;padding:9px 11px;border:1px solid #55583d;border-radius:7px;background:#151b11}
.optic-general-guide summary{color:#ebd494;cursor:pointer;font-size:13px;font-weight:700;line-height:1.4}
.optic-general-grid{display:grid;gap:8px;margin:10px 0}
.optic-general-grid article{padding:9px;border:1px solid #3d4932;border-radius:5px}
.optic-general-grid h3{margin:0 0 5px;font-size:13px}
.optic-general-grid p{margin:3px 0;font-size:12px;line-height:1.5}
.optic-preview,.optic-primary:not(:empty){border-left:3px solid #d5b34e;background:#252516;padding:9px 11px;border-radius:4px;margin:9px 0;color:#ead69c}
.optic-preview strong,.optic-primary strong{font-size:13px}
.optic-preview p,.optic-primary p{color:#e2e5d2;font-size:12px;line-height:1.45;margin:4px 0}
.optic-preview small{color:#b5bfaa;font-size:11px;line-height:1.4;display:block}
.optic-primary .btn{margin-top:5px}

.assembled-part-markers{position:absolute;inset:0;z-index:2;pointer-events:none}
.assembled-part-markers[hidden]{display:none}
.assembled-part-marker{position:absolute;left:var(--part-x);top:var(--part-y);transform:translate(-50%,-50%);pointer-events:auto;padding:5px 9px;min-height:29px;border:1px solid #c4a25c;border-radius:8px;color:#fff3c8;background:#171b15ed;font-family:inherit;font-size:clamp(9px,1.3vw,12px);font-weight:700;line-height:1.15;white-space:nowrap;cursor:pointer;box-shadow:0 2px 8px #0009}
.assembled-part-marker:hover,.assembled-part-marker:focus-visible{color:#171b15;background:#f5da91;outline:2px solid #f5da91;outline-offset:2px}
.assembled-part-marker[data-position="stock"]{--part-x:85%;--part-y:50%}
.assembled-part-marker[data-position="optic"]{--part-x:53%;--part-y:18%}
.assembled-part-marker[data-position="muzzle"]{--part-x:15%;--part-y:26%}
.assembled-part-marker[data-position="receiver"]{--part-x:58%;--part-y:48%}
.assembled-part-marker[data-position="handguard"]{--part-x:35%;--part-y:49%}
.assembled-part-marker[data-position="barrel"]{--part-x:15%;--part-y:57%}
.assembled-part-marker[data-position="grip"]{--part-x:65%;--part-y:75%}
.assembled-part-marker[data-position="magazine"]{--part-x:44%;--part-y:80%}
#metaBuild[hidden],#metaBuildNote[hidden]{display:none}

@media (min-width:851px){
 .weapon-planner #result .visual-workbench>.visual-main{grid-column:1;grid-row:1}
 .weapon-planner #result .visual-workbench>.parts-browser{grid-column:2;grid-row:1}
}
.inline-workbench{margin:0 0 12px;padding:10px;border:1px solid #50613a;border-radius:8px;background:#171e12}
.inline-workbench summary{cursor:pointer;color:#ead89e;font-weight:700}
.inline-workbench-fields{display:grid;gap:8px;margin-top:10px}
.inline-workbench-fields label{display:grid;gap:4px;font-size:.85rem;min-width:0}
.inline-workbench-fields select{width:100%;min-width:0;text-overflow:ellipsis}
.workbench-delta{margin:8px 0;color:#dce7cc;line-height:1.5}
.meta-unavailable,.meta-unavailable strong,.meta-unavailable .part-price,.meta-unavailable .board-price{color:#ffaaa4}
.part-choice.meta-unavailable,.board-part.meta-unavailable{border-color:#a74d47}
.weapon-workbench-dialog {
  width: min(1480px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100dvh - 32px);
  padding: 0;
  color: inherit;
  background: #101317;
  border: 1px solid #736044;
  border-radius: 12px;
}
.weapon-workbench-dialog::backdrop { background: rgba(3, 5, 7, .84); }
.weapon-workbench-dialog > #result { margin: 0; min-width: 0; }
.workbench-toolbar {
  position: sticky;
  top: 0;
  z-index: 4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px clamp(12px, 3vw, 28px);
  background: #171a1e;
  border-bottom: 1px solid #4b4031;
}
.workbench-toolbar h2 { margin: 0; font-size: clamp(17px, 2.4vw, 26px); }
body:has(.weapon-workbench-dialog[open]) { overflow: hidden; }
.ammo-quick {
  margin: .8rem 0 1rem;
  padding: .85rem;
  border: 1px solid #9a793b;
  border-inline-start: 4px solid #e5bc61;
  border-radius: .6rem;
  background: #282114;
}
.ammo-quick-head { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: .6rem; }
.ammo-quick-head h3 { margin: 0; color: #f6e5b6; font-size: 1.15rem; }
.ammo-quick-head p { margin: .25rem 0 0; color: #e4d5b0; font-size: .85rem; }
.ammo-quick-options { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr)); gap: .5rem; margin-top: .7rem; }
.ammo-quick-option { padding: .5rem .6rem; border-radius: .35rem; background: #1a1710; }
.ammo-quick-option :is(small, strong, span) { display: block; overflow-wrap: anywhere; }
.ammo-quick-option small { color: #e5bc61; font-size: .75rem; }
.ammo-quick-option strong { margin: .2rem 0; color: #f7edcf; font-size: .95rem; }
.ammo-quick-option span { color: #d4c7a6; font-size: .78rem; }
.ammo-next-button { text-align: left; cursor: pointer; border: 1px solid #9a793b; }
.ammo-next-button:is(:hover,:focus-visible) { background: #3a2e18; border-color: #e5bc61; }
.ammo-plan-content [data-ammo-next] { scroll-margin-top: .7rem; }
#result #partDetail:empty { display: none; }
#fleaHint[data-waiting="true"] { color: #e5bc61; }
.picker-thumb {
  display: grid;
  place-items: center;
  flex: 0 0 56px;
  width: 56px;
  height: 44px;
  border: 1px solid #4a4d37;
  border-radius: .3rem;
  background: #12150e;
  color: #c7c4ad;
  font-size: .65rem;
}
.picker-thumb img { width: 100%; height: 100%; object-fit: contain; }
.picker-row > div { flex: 1; min-width: 0; }
.picker-group-option { display: flex; align-items: center; gap: .5rem; text-align: left; }
.workbench-pictures { margin: .35rem 0; }
.workbench-candidate-picture:not([hidden]) { display: flex; align-items: center; gap: .5rem; margin-top: .5rem; }
.workbench-candidate-picture img { width: 54px; height: 42px; object-fit: contain; }
.parts-picker-tabs { display: flex; flex-wrap: wrap; gap: .5rem; margin: .6rem 0; }
.parts-picker-tabs button[aria-pressed="true"] { border-color: #e5bc61; background: #3b3019; color: #f6e5b6; }
.picker-mount-chain { margin: .35rem 0; padding: .35rem .5rem; border-inline-start: 2px solid #9a793b; }
.picker-adapter { display: flex; align-items: center; gap: .45rem; margin-top: .25rem; font-size: .8rem; }
.picker-adapter .picker-thumb { width: 36px; height: 28px; flex-basis: 36px; }