.accessory-preview{margin-top:22px;padding:20px;border:1px solid #d7dee7;border-radius:16px;background:#f6f8fa;color:#151a21;min-width:0}.accessory-preview-heading{margin-bottom:16px}.accessory-preview-kicker{display:block;font:800 11px/1.5 var(--font-body);letter-spacing:.1em;color:#e60623}.accessory-preview-heading h3{font:800 clamp(23px,3vw,30px)/1.15 var(--font-body);letter-spacing:-.025em;margin:6px 0 8px!important;text-transform:none!important}.accessory-preview-heading p,.accessory-preview-empty{margin:0;font-size:15px;line-height:1.55;color:#526072}.accessory-preview-views{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.accessory-preview button{font:700 14px/1.3 var(--font-body);min-height:44px;border:1px solid #c7cfda;border-radius:9px;padding:10px 14px;background:#fff;color:#17202d;cursor:pointer;white-space:normal}.accessory-preview button[aria-pressed=true]{background:#11151c;color:#fff;border-color:#11151c}.accessory-preview button:focus-visible,.accessory-preview input:focus-visible,.accessory-preview select:focus-visible{outline:3px solid #2477cf;outline-offset:3px}.accessory-preview button:disabled{opacity:.45;cursor:default}.accessory-preview-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px}.accessory-preview-stage{border:1px solid #d7dee7;border-radius:12px;background:#edf0f4;overflow:hidden;min-width:0}.accessory-preview-stage>canvas{display:block;width:100%;height:auto;max-height:470px;object-fit:contain;aspect-ratio:600/648}.accessory-preview [hidden]{display:none!important}.accessory-preview-controls{min-width:0}.accessory-preview-controls label{display:block;font:700 14px/1.4 var(--font-body);margin-bottom:15px;color:#202b39}.accessory-preview-controls select{display:block;width:100%;max-width:100%;margin-top:7px;border:1px solid #b8c2cf;border-radius:8px;padding:11px 12px;background:#fff;color:#17202d;font:16px var(--font-body);min-height:44px}.accessory-preview-controls select:disabled{opacity:1;color:#435065;background:#edf0f4}.accessory-preview-controls input[type=range]{display:block;width:100%;margin:10px 0 0;min-height:32px;padding:0;accent-color:#e60623;cursor:pointer}.accessory-preview-controls output{float:right;font-weight:400;color:#626f80}.accessory-preview-help,.accessory-preview-note{font:13px/1.55 var(--font-body);color:#657184;margin:12px 0 0}.accessory-preview-status{margin:12px 0 0;font:14px/1.5 var(--font-body);color:#435065}.accessory-preview-status:empty{display:none}.accessory-preview [data-acc-three]{padding:10px}.accessory-preview .team-kit3d-tools{gap:5px!important}.accessory-preview .team-kit3d-tools button{font-size:12px;padding:8px;min-height:40px}.accessory-preview .team-preview-note{font:12px/1.5 var(--font-body);color:#657184;margin:10px 0}.accessory-preview .team-kit3d-stage canvas{max-height:470px;object-fit:contain}.accessory-preview .team-kit3d-status{font:13px/1.4 var(--font-body)}@media(min-width:700px){.accessory-preview-layout{grid-template-columns:minmax(0,1.3fr) minmax(190px,1fr)}}@media(max-width:420px){.accessory-preview{padding:14px}.accessory-preview-views button{flex:1;padding:10px 9px}.accessory-preview-stage>canvas{max-height:370px}.accessory-preview-controls label{font-size:13px}}.accessory-preview canvas{break-inside:avoid}.accessory-preview .accessory-preview-note{padding:16px;border:1px solid #d7dee7;border-left:4px solid #e60623;border-radius:10px;background:#fff;color:#364252;font-size:14px;line-height:1.6}.accessory-preview .accessory-preview-note p{margin:0 0 12px;font:inherit;color:inherit}.accessory-preview .accessory-preview-note p:last-child{margin-bottom:0}.accessory-preview .accessory-preview-note strong{color:#17202d}.accessory-preview-limit{font:14px/1.5 var(--font-body);color:#435065;margin:0 0 14px}.accessory-preview-dimensions{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.accessory-preview-controls input[type=number]{display:block;width:100%;box-sizing:border-box;margin-top:7px;min-height:44px;padding:10px 12px;border:1px solid #b8c2cf;border-radius:8px;color:#17202d;background:#fff;font:16px var(--font-body)}.accessory-preview-controls input[aria-invalid=true]{border-color:#c82132}.accessory-preview-error{font:13px/1.5 var(--font-body);color:#a61b2d;margin:0 0 10px}@media print{.accessory-preview{padding:8px;border:1px solid #ccc;break-inside:avoid;background:#fff}.accessory-preview .accessory-preview-heading,.accessory-preview .accessory-preview-controls,.accessory-preview .accessory-preview-views,.accessory-preview [data-acc-three],.accessory-preview .accessory-preview-status,.accessory-preview .accessory-preview-note{display:none!important}.accessory-preview .accessory-preview-layout{display:block}.accessory-preview [data-acc-canvas]{display:block!important;width:230px!important;height:auto!important;max-height:none!important;margin:auto}.accessory-preview .accessory-preview-stage{border:0;background:#fff}}
