#quote-modal [hidden]{display:none!important}
#quote-modal .quote-stl-wide{width:min(1120px,calc(100vw - 32px));max-width:1120px}
.quote-paths{display:flex;gap:10px;margin:4px 0 20px;flex-wrap:wrap}
.quote-paths button{flex:1;min-width:170px;text-align:left;border:1px solid var(--border-color,#34353c);border-radius:14px;padding:14px 16px;background:rgba(128,128,128,.05);color:inherit;font:inherit;font-weight:750;cursor:pointer;transition:background .2s,border-color .2s}
.quote-paths button[aria-pressed=true]{border-color:#ff343f;background:rgba(255,52,63,.08)}
.quote-paths button>span{float:right;color:#ff343f;font-size:12px}.quote-paths small{display:block;margin-top:5px;font-size:11px;font-weight:400;opacity:.65}
.stl-privacy{padding:12px 16px;border-radius:12px;background:rgba(255,52,63,.06);font-size:12px;line-height:1.7;margin:0 0 18px}
.stl-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,1fr);gap:24px}.stl-stage-column,.stl-summary{min-width:0}
#quote-modal .stl-drop{position:relative;display:flex;flex-direction:column;gap:7px;align-items:center;text-align:center;padding:18px;border:1px dashed #68616a;border-radius:14px;margin-bottom:12px;cursor:pointer;background:rgba(128,128,128,.035)}
.stl-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.stl-drop:focus-within,.stl-drop.dragging{outline:2px solid #ff343f;outline-offset:3px}.stl-drop strong{font-size:14px}.stl-drop span{font-size:11px;opacity:.65}
.stl-stage{height:350px;border:1px solid #303138;background:#101115;border-radius:18px;overflow:hidden}.stl-stage canvas{display:block;touch-action:none}.stl-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:#d8d8de;font-size:14px}.stl-empty>span{font-weight:850;font-size:76px;letter-spacing:-6px;color:#38303a;text-shadow:1px 1px #ff343f}.stl-empty small{color:#8c8b95}
.stl-view-tools{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:12px 0;font-size:11px}.stl-view-tools>span{overflow-wrap:anywhere}.stl-view-tools button,.stl-request-heading button{background:transparent;border:1px solid #55515a;color:inherit;border-radius:20px;padding:8px 12px;white-space:nowrap;cursor:pointer}
#stl-advanced-view{display:flex;gap:20px;font-size:12px}#stl-advanced-view input,#stl-material-config input[type=checkbox]{width:auto}
.stl-summary .hero-eyebrow{margin:2px 0 18px}.stl-label{display:block;font-size:12px;font-weight:700;margin-bottom:8px}
#quote-modal #stl-material,#quote-modal #stl-config-form select{width:100%;padding:13px;border:1px solid #55515a;border-radius:12px;background:#141419;color:#f7f7fa;font:inherit;font-size:13px;color-scheme:dark}
.stl-colors{border:0;margin:20px 0;padding:0;display:flex;flex-wrap:wrap;gap:10px}.stl-colors legend{font-size:12px;font-weight:700;margin-bottom:12px}.stl-colors legend span{font-weight:400;opacity:.65;margin-left:8px}.stl-colors button{width:29px;height:29px;border-radius:50%;background:var(--swatch);border:2px solid #7775;padding:0;cursor:pointer;position:relative}.stl-colors button[aria-pressed=true]{outline:2px solid #ff343f;outline-offset:3px}.stl-colors button span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.stl-stats{border-top:1px solid #7773;padding-top:8px;font-size:12px}.stl-stats>div{display:flex;flex-wrap:wrap;gap:5px;justify-content:space-between;padding:8px 0}.stl-stats span{opacity:.65}.stl-stats strong{font-size:12px}.stl-price{margin:16px 0;padding:18px;border-radius:15px;background:rgba(255,52,63,.07);border:1px solid #ff343f30;display:flex;flex-direction:column;gap:9px}.stl-price>span{font-size:12px}.stl-price>strong{font-size:34px;letter-spacing:-1px}.stl-price small,#stl-result small{font-size:11px;line-height:1.7;opacity:.7;display:block}.stl-summary>.store-button{width:100%}#stl-feedback{font-size:12px;line-height:1.7;overflow-wrap:anywhere}#stl-result{font-size:12px;overflow-wrap:anywhere}#stl-result a{margin:8px 0;display:block;text-align:center}
.stl-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#stl-config-form label{font-size:12px}#stl-config-form h3{margin-top:24px}.stl-material-row{display:grid;grid-template-columns:.7fr 1.5fr 1fr 1fr;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid #7773}#stl-config-form>button{margin-top:20px}.stl-request-heading{display:flex;justify-content:space-between;align-items:center;margin-top:30px}.stl-request{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #7773;font-size:12px;overflow-wrap:anywhere}.stl-request img{width:150px;border-radius:12px}.stl-request p{margin:5px 0}.stl-request small{opacity:.7}#quote-modal button:focus-visible,#quote-modal select:focus-visible{outline:2px solid #ff343f;outline-offset:3px}
@media(max-width:700px){#quote-modal .quote-stl-wide{width:100%!important;max-height:94dvh;padding:24px 18px!important}.stl-layout{grid-template-columns:1fr;gap:20px}.stl-stage{height:290px}.quote-paths button{min-width:130px;padding:12px;font-size:12px}.quote-paths small{font-size:10px}.stl-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stl-material-row{grid-template-columns:1fr 1fr}.stl-request{grid-template-columns:90px 1fr}.stl-request img{width:90px}}

#stl-material-config .stl-material-row>label:first-child{display:flex;flex-direction:row;align-items:center;gap:8px}#stl-material-config input[type=checkbox]{margin:0;accent-color:#ff343f}
