.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:18px}.toolbar span{margin-left:auto;color:var(--muted);font-size:13px}.toolbar select,.collection-row select,.control-card input,.inline-input{background:#0e1418;border:1px solid var(--line);color:var(--ink);padding:10px 12px;border-radius:9px;outline:none}.toolbar.multi{flex-wrap:wrap}.toolbar select{min-width:180px}.pager{display:flex;justify-content:center;align-items:center;gap:18px;margin:24px 0}.pager span{color:var(--muted);font-size:13px}.pager button:disabled{opacity:.35;cursor:not-allowed}.collection-list{display:grid;gap:10px}.collection-row{padding:14px;display:flex;gap:14px;align-items:center}.collection-row small,.target-paint small,.match-row small,.sources small{display:block;color:var(--muted);margin-top:4px}.grow{flex:1;min-width:0}.inline-input{display:block;width:100%;margin-top:9px}.icon-button{width:38px;height:38px;border-radius:9px;border:1px solid var(--line);background:#181d21;color:var(--ink);font-size:20px;cursor:pointer}.icon-button.danger{color:var(--red)}.matcher-layout{display:grid;grid-template-columns:330px 1fr;gap:24px;align-items:start}.control-card{padding:20px;position:sticky;top:125px}.control-card label{display:block;font-size:11px;color:var(--muted);font-weight:800;letter-spacing:1px;margin-bottom:8px}.control-card input{width:100%}.target-paint{display:flex;align-items:center;gap:14px;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}.paint-dot.large{width:58px;height:58px}.match-list{overflow:hidden}.match-row{display:grid;grid-template-columns:45px 1fr 90px 55px;gap:12px;align-items:center;padding:12px 16px;border-bottom:1px solid var(--line)}.match-row:last-child{border:0}.match-row>span:nth-last-child(2){color:var(--acid);font-size:12px;font-weight:800}.mix-card{display:flex;gap:18px;padding:20px;margin-top:18px}.mix-card h3{margin:10px 0 5px}.mix-card p{margin:0;color:var(--muted);line-height:1.5}#paint-picker-results{position:absolute;left:20px;right:20px;z-index:4;background:#10161a;border:1px solid var(--line);max-height:370px;overflow:auto;box-shadow:0 18px 35px #000}#paint-picker-results:empty{display:none}#paint-picker-results button{display:flex;width:100%;align-items:center;gap:10px;text-align:left;color:var(--ink);background:none;border:0;border-bottom:1px solid var(--line);padding:10px;cursor:pointer}.guide-header{padding:22px;display:flex;align-items:center;justify-content:space-between}.guide-header h2{margin:10px 0 4px}.guide-header p{margin:0;color:var(--muted)}.guide-tabs{display:flex;gap:8px;margin:18px 0}.action-card{padding:20px;display:flex;gap:10px}.file-button input{display:none}.sources{padding:8px 20px}.sources>div{padding:14px 0;border-bottom:1px solid var(--line)}.sources>div:last-child{border:0}.sources a{color:var(--acid)}.unit-symbol{font-family:Georgia,serif}.toast{position:fixed;z-index:99;right:25px;bottom:25px;background:var(--acid);color:#111;padding:12px 18px;border-radius:9px;font-weight:800;transform:translateY(80px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}
@media(max-width:900px){.matcher-layout{grid-template-columns:1fr}.control-card{position:static}}
@media(max-width:600px){nav{min-width:430px}.sidebar{overflow-x:auto}.collection-row{align-items:flex-start;flex-wrap:wrap}.collection-row .grow{min-width:calc(100% - 80px)}.toolbar select{width:100%}.match-row{grid-template-columns:42px 1fr 55px}.match-row>span:nth-last-child(2){display:none}.guide-header{align-items:flex-start;gap:15px}}
.phase-badge{padding:8px 11px;border:1px solid #53652b;border-radius:8px;color:var(--acid);font-size:11px;font-weight:900;letter-spacing:1px}.phase-tabs{flex-wrap:wrap}.phase-toolbar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.phase-toolbar>div{display:flex;gap:8px}.phase-toolbar label{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.phase-toolbar select,.number-input{background:#10161a;border:1px solid var(--line);color:var(--ink);padding:9px 11px;border-radius:8px}.number-input{width:78px}.phase-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card-heading{padding:18px 20px;margin:0;border-bottom:1px solid var(--line);font-size:15px}.color-plan{display:flex;gap:13px;align-items:center;padding:14px 18px;border-bottom:1px solid var(--line)}.color-plan:last-child{border:0}.color-plan small,.color-plan em{display:block;color:var(--muted);font-size:11px;margin-top:4px}.color-plan em{color:var(--gold);font-style:normal}.check-step{display:flex;gap:12px;padding:13px 18px;border-bottom:1px solid var(--line);cursor:pointer}.check-step:last-child{border:0}.check-step input{margin-top:3px;accent-color:var(--acid)}.check-step b,.check-step small{display:block}.check-step small{color:var(--muted);font-weight:400;margin-top:4px;line-height:1.4}.choice-block{padding:16px 20px;border-bottom:1px solid var(--line)}.choice-block>strong{display:block;margin-bottom:10px}.choice-block label{display:block;color:var(--muted);font-size:13px;padding:5px 0}.choice-block input{accent-color:var(--acid);margin-right:8px}.assembly-order,.batch-summary{margin:16px;background:#192018;border:1px solid #334126;padding:14px;border-radius:9px}.assembly-order p,.batch-summary p,.muted{color:var(--muted);font-size:13px;line-height:1.5;margin:6px 0 0}.notice.warning{border-left-color:var(--red);background:#241715;color:#d9a9a1}.batch-board{padding:4px 18px}.batch-stage{display:grid;grid-template-columns:190px 1fr 125px;gap:16px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.batch-stage:last-child{border:0}.batch-stage small{display:block;color:var(--muted);margin-top:4px}.batch-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px}.batch-controls button{width:30px;height:30px;border-radius:7px;border:1px solid var(--line);background:#20282e;color:var(--ink);cursor:pointer}.batch-controls span{width:38px;text-align:center;color:var(--acid);font-size:12px}.batch-summary{margin:18px 0}.base-palette{display:grid;grid-template-columns:repeat(3,1fr);height:70px;margin:18px;border-radius:10px;overflow:hidden}.base-palette span{display:block}.phase-columns>.card>.muted{padding:0 18px 15px}
@media(max-width:850px){.phase-columns{grid-template-columns:1fr}.batch-stage{grid-template-columns:1fr}.batch-controls{justify-content:flex-start}.phase-toolbar{align-items:flex-start;flex-direction:column}}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}.form-grid label{display:flex;flex-direction:column;gap:7px;color:var(--muted);font-size:.78rem;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:#0e1418;color:var(--ink);font:inherit}.form-grid textarea{min-height:78px;resize:vertical}.form-grid .span-2{grid-column:1/-1}.form-grid .check-inline{flex-direction:row;align-items:center}.form-grid .check-inline input{width:auto;min-height:0}.editor-card{margin-bottom:22px;padding:0 20px 20px}.editor-card>summary,.inventory-row>summary,.collection-detail>summary{display:flex;align-items:center;gap:14px;cursor:pointer;padding:18px 0;list-style:none}.editor-card>summary{justify-content:space-between}.compact-list{display:grid;gap:8px;margin-top:16px}.compact-list>div{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.compact-list small,.inventory-row small,.collection-detail small{display:block;color:var(--muted);margin-top:4px}.collection-list.rich,.inventory-list{display:grid;gap:12px}.collection-detail,.inventory-row{padding:0 20px 18px}.bar.mini{height:4px;margin-top:8px;max-width:260px}.photo-pair{display:flex;gap:14px;flex-wrap:wrap}.photo-pair figure{margin:0}.photo-pair img{width:150px;height:110px;object-fit:cover;border-radius:9px;border:1px solid var(--line)}.photo-pair figcaption{color:var(--muted);font-size:.75rem;margin-top:4px}.history-list{margin-top:18px;padding-top:14px;border-top:1px solid var(--line)}.history-list>div{display:flex;justify-content:space-between;gap:20px;padding:7px 0}.collection-stats{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:22px}
@media(max-width:760px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}.collection-stats{grid-template-columns:repeat(2,1fr)}}
.selector-bar{margin:14px 0 0}.instance-picker select,.text-input{margin-left:8px;background:#10161a;border:1px solid var(--line);color:var(--ink);padding:9px 11px;border-radius:8px}.phase-toolbar.wrap{flex-wrap:wrap}.mode-grid,.zone-tabs{display:flex;gap:7px;flex-wrap:wrap}.mode-grid{max-width:850px}.zone-tabs{margin:0 0 18px}.mix-detail,.recipe-notes{padding:18px;border-top:1px solid var(--line)}.mix-detail p{margin:7px 0;color:var(--gold)}.mix-detail small{color:var(--muted);line-height:1.5}.recipe-notes label{display:grid;gap:8px;color:var(--muted);font-size:12px}.recipe-notes textarea{min-height:100px;background:#0e1418;border:1px solid var(--line);color:var(--ink);border-radius:8px;padding:10px}.form-grid.single{grid-template-columns:1fr}.compact-fields{padding:0 18px}.kit-editor{margin-top:18px}.batch-matrix{overflow:auto;padding:4px 14px}.batch-matrix table{width:100%;border-collapse:collapse;min-width:650px}.batch-matrix th,.batch-matrix td{padding:12px;border-bottom:1px solid var(--line);text-align:center}.batch-matrix th:first-child{text-align:left;position:sticky;left:0;background:var(--panel)}.batch-matrix input{accent-color:var(--acid)}.base-copy{padding:0 18px 16px!important}.save-base{margin:16px}
.mix-alternatives{grid-template-columns:repeat(3,minmax(0,1fr))}.mix-option{display:flex;gap:14px;padding:18px}.mix-option p,.mix-option small{color:var(--muted);line-height:1.45}.mix-option p{margin:7px 0}.action-card{flex-wrap:wrap}
@media(max-width:900px){.mix-alternatives{grid-template-columns:1fr}}
.deep-guide-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:18px;align-items:start}.zone-recipe-row{display:grid;grid-template-columns:52px minmax(0,1fr);gap:17px;align-items:start;padding:18px 20px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--recipe-color) 7%,transparent),transparent 36%)}.recipe-color-wrap{position:relative;width:52px;outline:0}.recipe-color-block{display:block;width:52px;height:70px;border:1px solid #ffffff38;border-radius:3px;box-shadow:inset 0 0 0 3px #0003,0 8px 18px #0007;cursor:help;transition:border-color .16s,transform .16s,box-shadow .16s}.mixed-color .recipe-color-block{cursor:default}.recipe-color-wrap:not(.mixed-color):hover .recipe-color-block,.recipe-color-wrap:not(.mixed-color):focus .recipe-color-block,.recipe-color-wrap:not(.mixed-color):focus-within .recipe-color-block{transform:translateY(-2px);border-color:#e3b561;box-shadow:inset 0 0 0 3px #0003,0 0 0 2px #e3b56142,0 10px 22px #0009}.recipe-content{min-width:0}.recipe-row-head{display:block}.recipe-title{min-width:0}.recipe-role{display:inline-flex;padding:4px 8px;border-radius:2px;background:#d8a958;color:#12100c;font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;box-shadow:0 3px 10px #0006}.recipe-paint-name{display:block;margin-top:10px;color:var(--ink);font-size:17px;line-height:1.3;overflow-wrap:anywhere}.recipe-brand{display:inline-block;margin-right:7px;color:#d8a958;font-size:11px;letter-spacing:.08em;text-transform:uppercase;vertical-align:2px}.recipe-brand.mixture-label{padding:2px 6px;border:1px solid #4a5155;border-radius:2px;background:#191e21;color:#aab0b3;letter-spacing:.1em}.paint-name-plus{display:inline-block;margin:0 4px;color:#d8a958}.recipe-meta{display:flex;flex-wrap:wrap;gap:5px 14px;margin-top:8px;color:var(--muted);font-size:11px}.recipe-meta span+span::before{content:"·";margin-right:14px;color:#5f696e}.recipe-meta .recipe-low{color:#e3b561;font-weight:800;text-transform:uppercase}.recipe-mix{margin-top:12px;padding:10px 12px;border-left:2px solid #65706f;background:#111612}.recipe-mix>span{display:block;margin-bottom:8px;color:#8f999b;font-size:9px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.recipe-mix-formula{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.mix-ingredient{display:grid;grid-template-columns:auto minmax(0,auto);column-gap:9px;align-items:center;min-width:0}.drop-rectangles{grid-row:1/3;display:flex;align-items:center;gap:3px}.drop-rectangles i{display:block;width:12px;height:28px;background:var(--drop-color);border:1px solid #ffffff40;border-radius:2px;box-shadow:inset 0 0 0 1px #0003}.mix-ingredient strong{color:#f0e8dc;font-size:12px;line-height:1.25}.mix-ingredient>span:last-child{color:#aeb4b7;font-size:11px;line-height:1.3}.mix-plus{color:#d8a958;font-size:17px}.zone-recipe-row mark{display:block;margin-top:10px}@media(max-width:980px){.deep-guide-layout{grid-template-columns:1fr}}
.paint-level-switch{display:flex;align-items:center;gap:8px;margin-bottom:14px;padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:#12191d}.paint-level-switch>span{margin-right:auto;color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}@media(max-width:650px){.paint-level-switch{align-items:stretch;flex-direction:column}.paint-level-switch>span{margin:0 0 3px}}
.source-switch{background:#151a17;border-color:#34412c}.zone-recipe-row.purchase-needed{background:#241b14;border-left:3px solid var(--gold)}.zone-recipe-row mark{display:block;margin-top:7px;padding:7px 9px;border-radius:6px;background:#3a2914;color:#f2c16d;font-size:11px;font-weight:900;letter-spacing:.03em}
.recipe-source-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);background:#0c1215}.recipe-source-tabs button{min-height:56px;padding:13px 18px;border:0;border-right:1px solid var(--line);background:#11181c;color:#9da7ad;font-size:14px;font-weight:850;cursor:pointer;transition:background .16s,color .16s,box-shadow .16s}.recipe-source-tabs button:last-child{border-right:0}.recipe-source-tabs button:hover{background:#182126;color:#eee8df}.recipe-source-tabs button.active{background:linear-gradient(180deg,#dca84f,#ba7f2a);color:#17120b;box-shadow:inset 0 -3px #f3cf83}.recipe-paints-card{overflow:hidden}@media(max-width:500px){.recipe-source-tabs button{min-height:50px;padding:11px 9px;font-size:12px}}
.equivalence-popover{padding:7px 14px;background:#0d1316;border:1px solid #3a484f;border-radius:10px}.recipe-equivalence-popover{position:absolute;z-index:30;left:calc(100% + 12px);top:0;width:360px;max-width:calc(100vw - 120px);margin:0;box-shadow:0 16px 35px #000;opacity:0;visibility:hidden;transform:translateX(-6px);pointer-events:none;transition:opacity .14s,transform .14s,visibility .14s}.recipe-color-wrap:hover .recipe-equivalence-popover,.recipe-color-wrap:focus .recipe-equivalence-popover,.recipe-color-wrap:focus-within .recipe-equivalence-popover{opacity:1;visibility:visible;transform:translateX(0);pointer-events:auto}.equivalence-title{display:block;padding:8px 0;color:#d8a958;font-size:10px;letter-spacing:.09em;text-transform:uppercase}.equivalence-popover>div{display:grid;grid-template-columns:18px minmax(0,1fr);gap:11px;align-items:center;padding:10px 0;border-top:1px solid var(--line)}.equivalence-popover>div:last-child{padding-bottom:8px}.equivalence-swatch{width:18px;height:32px;border:1px solid #ffffff38;border-radius:2px;box-shadow:inset 0 0 0 2px #0003}.equivalence-popover div b{display:block;color:var(--ink);font-size:12px;letter-spacing:0;text-transform:none;margin:0}.equivalence-popover small{display:block;margin-top:3px;color:var(--muted);font-size:11px;line-height:1.4}.equivalence-popover p{margin:7px;color:var(--muted)}@media(max-width:650px){.zone-recipe-row{grid-template-columns:42px minmax(0,1fr);gap:12px;padding:16px 14px}.recipe-color-wrap,.recipe-color-block{width:42px}.recipe-color-block{height:58px}.recipe-equivalence-popover{left:0;top:calc(100% + 8px);width:min(330px,calc(100vw - 50px));max-width:none}.recipe-mix-formula{align-items:flex-start;flex-direction:column}.mix-plus{margin-left:10px}.recipe-meta span+span::before{margin-right:8px}}

.custom-recipe-card>.custom-color-section{margin:14px;border:1px solid #313a3f;border-radius:3px;background:#10161a;box-shadow:0 8px 20px #0003}.custom-recipe-card>.custom-color-section.drag-over{border-color:#d8a958;box-shadow:0 0 0 2px #d8a9583d,0 12px 25px #0006}.custom-recipe-card>.custom-color-section.is-dragging{opacity:.48}.custom-drag-handle{display:grid;place-items:center;width:28px;height:30px;border:1px solid #3b454a;border-radius:2px;background:#0b1114;color:#8e989c;font-size:15px;letter-spacing:-4px;cursor:grab;user-select:none}.custom-drag-handle:active{cursor:grabbing}.custom-stage-draft{color:#8f999b;font-size:10px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.custom-name-editor{display:flex;align-items:center;gap:7px}.custom-name-editor button,.custom-edit-section{height:34px;padding:0 11px;border:1px solid #9b7033;border-radius:2px;background:#d8a958;color:#12100c;font-size:10px;font-weight:950;text-transform:uppercase;cursor:pointer}.custom-edit-section{width:34px;padding:0;background:#191e21;color:#d8a958}.custom-picker-source{display:flex;gap:8px;margin-bottom:9px}.custom-picker-source .chip{border-radius:2px}.custom-picker-source .chip.active{background:#d8a958;border-color:#d8a958}.collection-head-actions,.collection-view-switch{display:flex;align-items:center;gap:8px}.collection-view-switch{padding:4px;border:1px solid var(--line);border-radius:5px;background:#0c1215}.collection-view-switch .chip{padding:8px 11px}.collection-detail{position:relative}.unit-media.collection{flex:0 0 96px;width:96px;height:72px;margin:0;border-radius:5px}.unit-media.collection .unit-media-glyph{font-size:42px}.unit-media.collection>small{display:none}.collection-guide-button{flex:0 0 auto;min-width:132px;margin-left:14px}.collection-manual-upload{gap:5px;min-height:96px}.collection-manual-upload small{margin:0;color:var(--muted);font-weight:400}.collection-manual-actions{margin-top:-4px}.collection-grid-view{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.collection-grid-view .collection-detail{min-width:0}.collection-grid-view .collection-detail>summary{align-items:flex-start;flex-wrap:wrap}.collection-grid-view .unit-media.collection{flex:0 0 100%;width:100%;height:190px;margin-bottom:4px}.collection-grid-view .collection-guide-button{width:100%;margin:10px 0 0}.collection-grid-view .collection-detail[open]{grid-column:1/-1}.collection-grid-view .collection-detail[open] .unit-media.collection{flex:0 0 140px;width:140px;height:105px;margin:0}.collection-grid-view .collection-detail[open]>summary{align-items:center}.collection-grid-view .collection-detail[open] .collection-guide-button{width:auto;margin:0 0 0 auto}
@media(max-width:650px){.collection-head-actions{width:100%;align-items:stretch;flex-direction:column}.collection-view-switch{justify-content:center}.collection-detail>summary{flex-wrap:wrap}.unit-media.collection{flex-basis:80px;width:80px;height:68px}.collection-guide-button{width:100%;margin:12px 0 0}.collection-manual-actions{flex-direction:column}.collection-manual-actions .button{width:100%}.collection-grid-view{grid-template-columns:1fr}}
.inventory-remove-paint{flex:0 0 auto;margin-left:4px}
.inventory-quick-filters{margin-bottom:16px;padding:14px 16px;border:1px solid #343e43;background:#10171a}.inventory-filter-heading,.inventory-filter-row{display:flex;align-items:flex-start;gap:14px}.inventory-filter-heading{justify-content:space-between;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #2f383d}.inventory-filter-heading span{color:#eee8df;font-weight:900;text-transform:uppercase;letter-spacing:.07em}.inventory-filter-heading small{color:#d9aa58}.inventory-filter-row+.inventory-filter-row{margin-top:10px}.inventory-filter-row>b{flex:0 0 58px;padding-top:8px;color:#9da8ad;font-size:10px;text-transform:uppercase;letter-spacing:.09em}.inventory-filter-row>div{display:flex;flex-wrap:wrap;gap:6px}.inventory-filter-row .chip{padding:7px 10px;border-radius:2px}.inventory-filter-row .chip.active{border-color:#d8a958;background:#d8a958;color:#17120b}.inventory-filter-empty{display:flex;align-items:center;justify-content:space-between;gap:12px}.inventory-filter-empty .chip{flex:0 0 auto}@media(max-width:650px){.inventory-filter-row{display:block}.inventory-filter-row>b{display:block;padding:0 0 7px}.inventory-filter-heading{align-items:center}.inventory-filter-empty{align-items:flex-start;flex-direction:column}}
.custom-recipe-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);gap:18px;align-items:start}.custom-color-section{border-bottom:1px solid var(--line);padding:18px 20px}.custom-color-section>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.custom-stage-title{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.custom-stage-title small{width:100%;color:var(--muted);font-size:11px}.custom-section-name{min-width:190px;padding:7px 9px;border:1px solid #3a4348;border-radius:2px;background:#0c1215;color:var(--ink);font-weight:800}.custom-section-actions{display:flex;align-items:center;gap:8px}.custom-plus.custom-add-color{width:auto;height:34px;padding:0 11px;border-radius:2px;border:1px solid #8a662f;background:#2b2115;color:#e4b664;font-size:11px;font-weight:900;line-height:1;white-space:nowrap;cursor:pointer}.custom-mix-result{display:grid;grid-template-columns:58px minmax(0,1fr);gap:13px;align-items:center;margin:12px 0 4px;padding:11px;border:1px solid #313a3d;background:#101518}.custom-result-swatch{display:block;width:58px;height:54px;border:1px solid #ffffff38;border-radius:3px;box-shadow:inset 0 0 0 3px #0003}.custom-mix-result small,.custom-mix-result strong,.custom-mix-result div>span{display:block}.custom-mix-result small{color:#8f999b;font-size:9px;font-weight:900;letter-spacing:.11em}.custom-mix-result strong{margin-top:3px;color:#d8a958;font-size:15px}.custom-mix-result div>span{margin-top:3px;color:var(--muted);font-size:10px}.custom-color-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #253039}.custom-paint-swatch{flex:0 0 44px;width:44px;height:56px;border:1px solid #ffffff38;border-radius:3px;box-shadow:inset 0 0 0 3px #0003}.custom-color-row .grow strong,.custom-color-row .grow small{display:block}.custom-color-row .grow small{margin-top:3px;color:var(--muted);font-size:11px}.drop-selector{display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--line);border-radius:2px;background:#0e1418}.drop-selector>small{min-width:58px;color:var(--muted);font-size:10px;text-align:right}.drop-button{display:grid;width:27px;height:34px;place-items:center;border:1px solid #35434a;border-radius:2px;background:#141b1f;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.drop-button:hover{border-color:#d8a958;transform:translateY(-1px)}.drop-button span{display:block;width:11px;height:20px;border:1px solid #738087;border-radius:2px;transition:border-color .15s,background .15s,box-shadow .15s}.drop-button.active{border-color:#ba8740;background:#332617}.drop-button.active span{border-color:#e1b45e;background:#e1b45e;box-shadow:0 0 8px #e1b45e66}.custom-add-section-bar{display:flex;align-items:center;gap:12px;padding:18px 20px}.custom-add-section-bar small{color:var(--muted);font-size:11px}.custom-search{background:#0e1418;border:1px solid var(--line);color:var(--ink);padding:8px;border-radius:7px}.custom-picker{margin-top:12px;border:1px solid #3c4b52;border-radius:9px;background:#0d1316;padding:10px}.custom-search{display:flex;align-items:center;gap:8px}.custom-search input{flex:1;background:none;border:0;color:var(--ink);outline:0}.custom-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;max-height:360px;overflow:auto;margin-top:8px}.custom-results button{display:flex;align-items:center;gap:9px;text-align:left;background:#141b1f;border:1px solid transparent;border-radius:7px;color:var(--ink);padding:8px;cursor:pointer}.custom-results button:hover{border-color:var(--acid)}.custom-result-paint-swatch{flex:0 0 24px;width:24px;height:34px;border:1px solid #ffffff38;border-radius:2px;box-shadow:inset 0 0 0 2px #0003}.custom-results button b,.custom-results button small{display:block}.custom-results button small{color:var(--muted);font-size:10px;margin-top:2px}@media(max-width:980px){.custom-recipe-layout{grid-template-columns:1fr}}@media(max-width:650px){.custom-color-section>header,.custom-add-section-bar{align-items:flex-start;flex-direction:column}.custom-color-row{align-items:flex-start;flex-wrap:wrap}.drop-selector{order:3;width:100%;justify-content:flex-end}.custom-results{grid-template-columns:1fr}.custom-section-actions{width:100%}.custom-plus.custom-add-color{flex:1}.custom-section-name{min-width:0;width:100%}}
.custom-recipe-card>.custom-color-section{position:relative;transition:margin .2s ease,transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .16s ease;will-change:transform,margin}.custom-recipe-card>.custom-color-section.is-dragging{z-index:40;opacity:.9;transform:translateY(-7px) scale(1.012) rotate(.15deg);border-color:#a97b39;box-shadow:0 24px 45px #000b,0 0 0 1px #d8a95845}.custom-recipe-card>.custom-color-section.drop-before{margin-top:42px;border-top-color:#d8a958;box-shadow:0 -3px 0 #d8a958,0 8px 20px #0004}.custom-recipe-card>.custom-color-section.drop-after{margin-bottom:42px;border-bottom-color:#d8a958;box-shadow:0 3px 0 #d8a958,0 8px 20px #0004}.custom-drag-handle:hover{border-color:#d8a958;color:#d8a958;box-shadow:0 0 0 2px #d8a95822}
.custom-results{display:block}.custom-paint-group{margin:0 0 14px}.custom-paint-group:last-child{margin-bottom:0}.custom-paint-group>h4{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 0 6px;padding:9px 11px;border-left:3px solid #d8a958;background:#1b1b17;color:#e6b866;font-size:11px;letter-spacing:.09em;text-transform:uppercase}.custom-paint-group>h4 small{display:grid;place-items:center;min-width:25px;height:21px;padding:0 6px;border:1px solid #5f4a29;background:#0c1215;color:#aaa;font-size:10px}.custom-paint-group-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}@media(max-width:650px){.custom-paint-group-grid{grid-template-columns:1fr}}
.paint-library-tabs{display:flex;gap:0;margin-bottom:20px;border:1px solid #343d42;background:#0c1215}.paint-library-tabs button{min-width:190px;padding:16px 22px;border:0;border-right:1px solid #343d42;background:transparent;color:#9ea8ad;font-weight:850;text-align:left;cursor:pointer}.paint-library-tabs button:hover{color:#eee8df;background:#151c20}.paint-library-tabs button.active{background:linear-gradient(180deg,#dca84f,#ba7f2a);color:#17120b;box-shadow:inset 0 -3px #f3cf83}.paint-library-tabs button span{margin-left:8px;padding:2px 7px;border:1px solid currentColor;font-size:10px}.custom-save-recipe{margin:0 0 14px;padding:14px;border:1px solid #3b454a;background:#0c1215}.custom-save-recipe>.button{width:100%}.custom-save-recipe-form{display:grid;grid-template-columns:1.2fr 1fr 1.3fr;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #303a3f}.custom-save-recipe-form label{display:grid;gap:6px;color:#aab4b9;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.custom-save-recipe-form input,.custom-save-recipe-form select,.recipe-library-toolbar select{min-height:42px;padding:8px 10px;border:1px solid #384248;background:#0b1114;color:#eee}.custom-save-recipe-form>div{grid-column:1/-1;display:flex;gap:8px}.recipe-library-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px 210px 170px auto;align-items:center;gap:10px;margin-bottom:18px;padding:12px;border:1px solid #343e43;background:#10171a}.recipe-library-toolbar .search{width:100%;height:44px}.recipe-library-toolbar>span{color:#d9ab5b;font-weight:800}.saved-recipe-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:14px}.saved-recipe-card{padding:18px}.saved-recipe-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.saved-recipe-card h3{margin:10px 0 5px;color:#eee8df;font:23px Georgia,serif}.saved-recipe-card p{margin:0;color:#929ea4}.saved-recipe-swatches{display:flex;height:64px;margin:18px 0 12px;border:1px solid #384247;background:#0b1114;overflow:hidden}.saved-recipe-swatches span{flex:1;min-width:18px}.saved-recipe-swatches small{margin:auto;color:#879299}.saved-recipe-tags{display:flex;flex-wrap:wrap;gap:6px;min-height:25px}.saved-recipe-tags span{padding:5px 8px;border:1px solid #55452c;background:#211b13;color:#dbad5c;font-size:10px;text-transform:uppercase}.saved-recipe-card footer{display:flex;justify-content:space-between;gap:12px;margin-top:16px;padding-top:13px;border-top:1px solid #30383d;color:#8d989e}.saved-recipe-card footer b{color:#d9aa58;font-size:11px}@media(max-width:1050px){.custom-save-recipe-form,.recipe-library-toolbar{grid-template-columns:1fr 1fr}.recipe-library-toolbar .search{grid-column:1/-1}}@media(max-width:600px){.paint-library-tabs button{min-width:0;flex:1;padding:14px}.custom-save-recipe-form,.recipe-library-toolbar{grid-template-columns:1fr}.recipe-library-toolbar .search{grid-column:auto}.saved-recipe-grid{grid-template-columns:1fr}}
.saved-recipe-card{padding:0;overflow:hidden;transition:border-color .18s,box-shadow .18s}.saved-recipe-card[open]{grid-column:1/-1;border-color:#8f6a32;box-shadow:0 18px 38px #0008}.saved-recipe-summary{display:block;padding:18px;cursor:pointer;list-style:none}.saved-recipe-summary::-webkit-details-marker{display:none}.saved-recipe-summary:hover{background:#151c20}.saved-recipe-labels{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.saved-recipe-zone-tag{padding:4px 7px;border:1px solid #a77935;background:#d7a750;color:#17120b;font-size:9px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.saved-recipe-tags span.automatic{border-color:#a77935;background:#4a3519;color:#f0c56f;font-weight:900}.saved-recipe-chevron{display:inline-block;margin-left:5px;font-size:15px;transition:transform .18s}.saved-recipe-card[open] .saved-recipe-chevron{transform:rotate(180deg)}.saved-recipe-detail{padding:0 18px 20px;border-top:1px solid #3b454a;background:#0c1215}.saved-recipe-detail-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px 0}.saved-recipe-detail-head small{color:#d8a958;font-size:9px;font-weight:900;letter-spacing:.12em}.saved-recipe-detail-head h3{margin:5px 0 0;font-size:22px}.saved-recipe-detail-head>span{padding:8px 10px;border:1px solid #4d5355;color:#aeb7bb;font-size:11px}.saved-recipe-stage{position:relative;display:grid;grid-template-columns:34px 72px minmax(0,1fr);gap:14px;align-items:stretch;margin-bottom:12px;border:1px solid #303a3f;background:#12191d}.saved-stage-number{display:grid;place-items:center;background:#1b1b17;color:#d8a958;font:700 18px Georgia,serif}.saved-stage-result{min-height:118px;border-left:1px solid #ffffff22;border-right:1px solid #ffffff22;box-shadow:inset 0 0 0 4px #0003}.saved-stage-content{padding:14px 14px 14px 0}.saved-stage-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:10px}.saved-stage-heading small,.saved-stage-heading span{color:#929da2;font-size:9px;font-weight:900;letter-spacing:.1em}.saved-stage-heading h4{margin:3px 0 0;color:#eee8df;font:700 19px Georgia,serif}.saved-stage-heading>div:last-child{text-align:right}.saved-stage-heading>div:last-child b{display:block;margin-top:4px;color:#d8a958;font-size:12px}.saved-stage-paints{display:grid;gap:6px}.saved-stage-paint{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid #2d373c;background:#0c1215}.saved-stage-paint-swatch{flex:0 0 30px;width:30px;height:38px;border:1px solid #ffffff3d;box-shadow:inset 0 0 0 2px #0003}.saved-stage-paint .grow b,.saved-stage-paint .grow small{display:block}.saved-stage-paint .grow small{margin-top:2px;color:#929da2;font-size:10px}.saved-stage-parts{text-align:right}.saved-stage-parts>span{color:#ddd6cc;font-size:11px;font-weight:800}.saved-stage-parts>div{display:flex;justify-content:flex-end;gap:3px;margin-top:4px}.saved-stage-parts i{display:block;width:10px;height:20px;border:1px solid #ffffff45;background:var(--part-color);box-shadow:inset 0 0 0 1px #0004}.saved-stage-parts small{color:#7f8a8f;font-size:9px}@media(max-width:650px){.saved-recipe-detail-head{align-items:flex-start;flex-direction:column}.saved-recipe-stage{grid-template-columns:28px 48px minmax(0,1fr);gap:10px}.saved-stage-content{padding:12px 10px 12px 0}.saved-stage-heading{flex-direction:column}.saved-stage-heading>div:last-child{text-align:left}.saved-stage-paint{align-items:flex-start;flex-wrap:wrap}.saved-stage-parts{width:100%;text-align:left}.saved-stage-parts>div{justify-content:flex-start}.saved-stage-result{min-height:100%}}