.appearance-panel{padding:28px;min-width:0}.appearance-heading{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px;margin-bottom:18px}.appearance-heading h2{margin:0}.appearance-heading>span{font-size:12px;color:#8faab9}.appearance-kinds{display:flex;gap:10px;margin:0 0 16px}.appearance-kinds button{padding:10px 18px;background:#142128;border:1px solid #3b515c;color:#bbd1dc;border-radius:3px;font-size:14px}.appearance-kinds button[aria-pressed=true]{color:#fff;background:#4b1d19;border-color:#f44336}.appearance-kinds span{font-size:11px;margin-left:7px;opacity:.8}.appearance-filters{display:flex;gap:12px}.appearance-filters label{min-width:0}.appearance-search{flex:1}.appearance-series{width:170px}.appearance-filters input,.appearance-filters select{box-sizing:border-box;width:100%;min-width:0;background:#101b21;border:1px solid #3e5764;border-radius:3px;color:#e1edf4;padding:10px 12px;font:inherit;font-size:13px}.appearance-filters input::placeholder{color:#7793a4}.appearance-options{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:12px}.appearance-options label{display:flex;align-items:center;gap:7px;color:#8ea9b8;font-size:12px;line-height:1.7}.appearance-options input{accent-color:#e75749}.appearance-result-count{font-size:12px;color:#91afbf;margin:18px 0 6px}.appearance-palette{display:flex;gap:10px;overflow-x:auto;padding:5px 3px 12px;scrollbar-color:#46616d #102029;scrollbar-width:thin;scroll-snap-type:x proximity}.appearance-swatch{flex:0 0 112px;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:10px 9px 8px;border:1px solid #314954;border-radius:4px;background:#132129;color:#c4d9e4;scroll-snap-align:start}.appearance-swatch:hover{background:#20363f;border-color:#708c98}.appearance-swatch[aria-pressed=true]{background:#35231f;border-color:#f26456;box-shadow:inset 0 0 0 1px #f26456;color:#fff}.appearance-swatch-name{font-size:12px;line-height:1.5;min-height:36px;max-width:100%;display:flex;align-items:center;justify-content:center;text-align:center;overflow-wrap:anywhere}.appearance-square{display:flex;align-items:center;justify-content:center;flex:none;width:72px;height:72px;overflow:hidden;border-radius:2px;background:#20313b;border:1px solid #58707c}.appearance-square img{display:block;width:100%;height:100%;object-fit:cover}.appearance-swatch-missing{font-size:11px;line-height:1.5;color:#7897a7}.appearance-has-preview{font-size:10px;color:#b3d4c1}.appearance-pagination{display:flex;justify-content:flex-end;align-items:center;gap:14px;margin:9px 0 20px;font-size:12px;color:#a9c4d1}.appearance-pagination button,.appearance-preview-heading>button{border:1px solid #3a5562;border-radius:3px;padding:7px 12px;color:#bfd7e3;background:#172b35;font-size:12px}.appearance-pagination button:disabled{opacity:.4;cursor:default}.appearance-preview{border-top:1px solid #304754;padding-top:20px}.appearance-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.appearance-preview-heading span{font-size:12px;color:#87a9ba}.appearance-preview-heading h3{font-size:18px;margin:6px 0 0;line-height:1.5;color:#e4eff4}.appearance-preview-heading>button{flex:none}.appearance-preview-stage{display:flex;align-items:center;justify-content:center;min-height:250px;aspect-ratio:2.14;background:#101c23;border:1px solid #2d4350;border-radius:4px;overflow:hidden}.appearance-preview-stage>img{display:block;width:100%;height:100%;max-height:430px;object-fit:contain;padding:20px}.appearance-preview-pending{color:#91acbb;text-align:center;padding:35px 20px;font-size:13px}.appearance-preview-pending>span{display:block;font-size:38px;color:#4f6b7c;margin-bottom:12px}.appearance-preview-note,.appearance-footnote,.appearance-category-note{font-size:12px;line-height:1.8;color:#839fad;margin:12px 0 0}.appearance-footnote{border-top:1px solid #273d48;margin-top:20px;padding-top:14px;font-size:11px}.appearance-empty{text-align:center;padding:28px 12px;color:#9bb7c6;font-size:13px}.appearance-decal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:16px 0}.appearance-decal-grid>div{padding:14px 12px;font-size:13px;line-height:1.6;background:#152630;border:1px solid #304958;border-radius:3px;color:#b8cfdd;overflow-wrap:anywhere}.appearance-panel :focus-visible{outline:2px solid #b7d5e6;outline-offset:3px}
@media(max-width:820px){.appearance-decal-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:600px){.appearance-panel{padding:22px 16px}.appearance-heading{gap:6px}.appearance-heading>span{font-size:11px}.appearance-filters{flex-direction:column;gap:10px}.appearance-series{width:auto}.appearance-kinds button{flex:1;padding:10px 8px;font-size:13px}.appearance-swatch{flex-basis:104px}.appearance-preview-heading h3{font-size:16px}.appearance-preview-stage{min-height:170px}.appearance-preview-stage>img{padding:10px}.appearance-preview-heading>button{padding:7px 8px;font-size:11px}.appearance-decal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-options label{font-size:11px}.appearance-preview-note{font-size:11px}}

.appearance-preview-stage>img{box-sizing:border-box}.appearance-palette{max-width:100%}

.appearance-compatibility-note{padding:16px 18px;background:#1c2e38;border-left:3px solid #7697a8;color:#b8cedb;font-size:13px;line-height:1.9;margin:10px 0 20px}
.appearance-item{flex:0 0 112px;min-width:0;display:flex;flex-direction:column;scroll-snap-align:start}
.appearance-item .appearance-swatch{flex:1;box-sizing:border-box;width:100%}



.appearance-sort-hint{color:#8ea9b8;font-size:11px;margin-left:auto;align-self:center}

.appearance-diy-contact{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:16px 18px;background:#162831;border:1px solid #3b5360;border-left:3px solid #779aa9;border-radius:3px;font-size:13px}.appearance-diy-contact>span{color:#a8c4d2}.appearance-diy-contact>strong{color:#e2edf2;font-weight:500}
.appearance-diy-empty{min-height:180px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;color:#829ba9}.appearance-diy-empty>span{font-size:36px;font-weight:300;color:#506f7f}.appearance-diy-empty>p{font-size:13px;margin:0}
@media(max-width:600px){.appearance-item{flex-basis:104px}.appearance-sort-hint{margin-left:0;flex-basis:100%}.appearance-diy-contact{padding:14px}}
.appearance-sort-hint{margin:12px 0 0;font-size:11px;line-height:1.8}.appearance-palette{margin-bottom:22px}.appearance-preview-stage.is-framed{display:block;aspect-ratio:auto;min-height:0}.appearance-preview-crop{width:100%;position:relative;overflow:hidden}.appearance-preview-crop>img{position:absolute;display:block;height:auto;max-width:none;max-height:none;padding:0}
.appearance-submission-link{color:#bbd8e5;text-decoration:underline;text-underline-offset:4px}.appearance-submission-link.is-pending{color:#809ba9;text-decoration:none}.appearance-diy-test-note{color:#9bb5c4;font-size:12px;line-height:1.9;margin:18px 0}.appearance-diy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.appearance-diy-card{background:#132129;border:1px solid #314954;border-radius:4px;min-width:0;overflow:hidden}.appearance-diy-cover{display:block;aspect-ratio:1.6;background:#101b21;overflow:hidden}.appearance-diy-cover img{display:block;width:100%;height:100%;object-fit:contain}.appearance-diy-body{padding:16px}.appearance-diy-body h3{font-size:16px;line-height:1.6;margin:12px 0}.appearance-diy-body h3 a{color:#e3eff5;text-decoration:none}.appearance-diy-body p{font-size:12px;color:#8ca8b9;line-height:1.8}.appearance-diy-detail{padding:30px}.appearance-diy-detail h1{font-size:26px;line-height:1.6;margin:18px 0 8px}.appearance-diy-detail h2{font-size:19px;margin-top:26px}.appearance-diy-detail p{font-size:13px;line-height:1.9;color:#a9c0cd}.appearance-diy-meta{margin-bottom:24px}.appearance-diy-channel{margin-top:20px}
@media(max-width:820px){.appearance-diy-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.appearance-diy-grid{grid-template-columns:1fr}.appearance-diy-detail{padding:22px 16px}.appearance-diy-detail h1{font-size:22px}}

.appearance-diy-body { position:relative; }