.accessory-builder{margin:24px 0}.accessory-builder-card{padding:22px;border:1px solid #3b5272;border-radius:16px;background:linear-gradient(180deg,#1a2744,#15213b);box-shadow:0 12px 30px #0005}.accessory-builder-title{margin:0 0 18px;color:#08d8ef;font-size:clamp(1.55rem,5vw,2.1rem);font-weight:950;letter-spacing:.6px;text-transform:uppercase}.accessory-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-3px 0 18px;padding:11px 12px;border:1px solid #08d8ef33;border-radius:11px;background:#061126}.accessory-detected{min-width:0;color:#cbefff;font-size:.8rem;line-height:1.4}.accessory-detected b{color:#08d8ef}.accessory-detected .warn{color:#ffc869}.accessory-filter-toggle{flex:0 0 auto;padding:8px 10px;border:1px solid #08d8ef55;border-radius:9px;background:#08d8ef10;color:#dffcff;font-size:.74rem;font-weight:800;cursor:pointer}.accessory-step{margin-top:16px}.accessory-step label{display:block;margin-bottom:8px;color:#aebbd0;font-size:.78rem;font-weight:900;letter-spacing:1.7px;text-transform:uppercase}.accessory-step select{width:100%;min-height:54px;padding:13px 44px 13px 14px;border:2px solid #08cfe9;border-radius:12px;background:#050d20;color:#fff;font-size:16px}.accessory-step select:disabled{border-color:#31415f;color:#7e8aa0;background:#101a30}.accessory-add{width:100%;margin-top:20px;padding:16px;border:0;border-radius:12px;background:linear-gradient(90deg,#075ce8,#4770ff,#65adff);color:#fff;font-size:16px;font-weight:950;text-transform:uppercase;letter-spacing:.5px;cursor:pointer}.accessory-add:disabled{opacity:.45;cursor:not-allowed}.accessory-tags-box{margin-top:18px;min-height:116px;padding:16px;border:1px solid #3e5a7e;border-radius:12px;background:#050d20}.accessory-tags-title{margin-bottom:12px;color:#08d8ef;font-weight:900}.accessory-tags{display:flex;flex-wrap:wrap;gap:9px}.accessory-tag{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:9px 10px 9px 12px;border:1px solid #08d8ef66;border-radius:999px;background:#08d8ef13;color:#eafcff}.accessory-tag.outside-filter{border-color:#ffbd5966;background:#ffbd590d}.accessory-tag-text{min-width:0;line-height:1.2}.accessory-tag-text b{display:block;font-size:.88rem;white-space:normal}.accessory-tag-text small{display:block;margin-top:2px;color:#9fb2cb;font-size:.72rem}.accessory-tag.outside-filter small{color:#e7bd79}.accessory-tag button{width:25px;height:25px;flex:0 0 25px;border:0;border-radius:50%;background:#ffffff15;color:#fff;font-size:18px;line-height:25px;cursor:pointer}.accessory-empty{color:#7f91aa;font-size:.84rem;line-height:1.45}.accessory-source{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important;overflow:hidden!important}.accessory-builder-note{margin-top:12px;color:#93a6c1;font-size:.78rem;line-height:1.45}.accessory-builder-note strong{color:#cbefff}.accessory-brand-summary{margin-top:12px;padding:10px 12px;border:1px solid #08d8ef33;border-radius:9px;background:#08d8ef0a;color:#ccecf3;font-size:.84rem;line-height:1.45}@media(max-width:700px){.accessory-builder-card{padding:16px}.accessory-filter-bar{align-items:flex-start;flex-direction:column}.accessory-filter-toggle{width:100%}.accessory-step select{font-size:16px}.accessory-add{font-size:15px}.accessory-tag{width:100%;border-radius:12px;justify-content:space-between}}@media print{.accessory-builder{display:none!important}.accessory-brand-summary{background:#fff!important;color:#000!important;border-color:#bbb!important}}