#tempo-stringing-open{display:block;width:100%;margin:0 0 10px 0;background:#fff;border:2px solid #111;color:#111;font-weight:600}
#tempo-stringing-open:hover{background:#f5f5f5;color:#111}
.tempo-stringing-lock{overflow:hidden}
.tempo-stringing-modal{position:fixed;z-index:100000;inset:0;display:none}
.tempo-stringing-modal.is-open{display:block}
.tempo-stringing-backdrop{position:absolute;inset:0;background:rgba(20,24,28,.62)}
.tempo-stringing-dialog{position:absolute;top:3vh;bottom:3vh;left:50%;transform:translateX(-50%);width:min(1080px,94vw);background:#fff;border-radius:10px;box-shadow:0 20px 70px rgba(0,0,0,.28);display:flex;flex-direction:column;overflow:hidden}
.tempo-stringing-close{position:absolute;right:16px;top:10px;z-index:3;border:0;background:transparent;font-size:32px;line-height:1;color:#555}
.tempo-stringing-header{padding:24px 54px 15px 28px;border-bottom:1px solid #e9ecef;background:#fff}
.tempo-title-row{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}
.tempo-title-row h2{margin:2px 0 18px;font-size:24px}
.tempo-kicker{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#777}
.tempo-qty-badge{font-weight:700;font-size:18px;background:#f5f5f5;padding:8px 12px;border-radius:20px}
.tempo-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.tempo-step{display:flex;align-items:center;gap:8px;color:#9b9b9b;font-size:13px}
.tempo-step:after{content:"";height:3px;background:#e7e7e7;flex:1;order:3;border-radius:3px}
.tempo-step:last-child:after{display:none}
.tempo-step span{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#eee;color:#777;font-weight:600}
.tempo-step.active,.tempo-step.done{color:#222}
.tempo-step.active span,.tempo-step.done span{background:#222;color:#fff}
.tempo-step.done:after{background:#222}
.tempo-stringing-body{padding:24px 28px 34px;overflow:auto;flex:1}
.tempo-loading,.tempo-empty{text-align:center;padding:70px 20px;color:#666}
.tempo-error{color:#b33}
.tempo-mode-switch{display:flex;gap:8px;margin-bottom:18px}
.tempo-mode{border:1px solid #d7dce0;background:#fff;border-radius:24px;padding:10px 16px;font-weight:600}
.tempo-mode.active{background:#222;color:#fff;border-color:#222}
.tempo-previous{display:flex;justify-content:space-between;align-items:center;gap:20px;background:#f7f8fa;border:1px solid #e2e6e9;border-radius:8px;padding:14px 16px;margin-bottom:18px}
.tempo-previous small{display:block;color:#777;margin-bottom:3px}
.tempo-previous strong{display:block}
.tempo-quiz{display:grid;gap:22px;margin:4px 0 24px}
.tempo-quiz section{margin:0}
.tempo-quiz section h4{margin:0 0 10px;font-size:18px;font-weight:600}
.tempo-quiz-help{margin:-3px 0 10px;color:#6d747a;font-size:13px}
.tempo-quiz-options{display:flex;flex-wrap:wrap;gap:8px}
.tempo-quiz-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;padding:9px 14px;border:1px solid #d8dde0;border-radius:22px;background:#fff;color:#222;font-weight:550;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}
.tempo-quiz-btn:hover{border-color:#9ca4aa;box-shadow:0 2px 8px rgba(0,0,0,.05)}
.tempo-quiz-btn.active{border-color:#222;background:#222;color:#fff}
.tempo-goal-order{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--main-accent,#a4b900);color:#fff;font-size:11px;font-weight:700}
.tempo-quiz-btn.active .tempo-goal-order{background:var(--main-accent,#a4b900);color:#fff}
.tempo-intents{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 12px}
.tempo-intent{border:1px solid #dfe3e6;background:#fff;border-radius:20px;padding:7px 12px}
.tempo-intent.active{border-color:#222;background:#222;color:#fff}
.tempo-filter-row{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:12px;background:#fafafa;border-radius:8px;margin-bottom:18px}
.tempo-filter{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#666}
.tempo-filter select{min-width:150px;height:36px;border:1px solid #d9dfe3;border-radius:4px;background:#fff;padding:0 8px}
.tempo-string-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.tempo-string-card{border:1px solid #e2e5e7;border-radius:9px;padding:14px;display:grid;grid-template-columns:105px 1fr;gap:14px;transition:.15s;background:#fff}
.tempo-string-card:hover{border-color:#b9c0c5;box-shadow:0 4px 18px rgba(0,0,0,.06)}
.tempo-string-card.disabled{opacity:.5}
.tempo-string-image{display:flex;align-items:center;justify-content:center;min-height:105px}
.tempo-string-image img{max-width:100%;max-height:105px}
.tempo-string-info h3{font-size:16px;margin:7px 0}
.tempo-badges{display:flex;gap:5px;flex-wrap:wrap}
.tempo-badge{font-size:10px;border:1px solid #dfe3e6;border-radius:12px;padding:3px 7px;background:#f9fafb}
.tempo-badge-primary{background:#fff2b9;border-color:#edd26a;font-weight:600}
.tempo-string-meta{font-size:12px;color:#70777d;line-height:1.5}
.tempo-card-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px;gap:10px}
.tempo-select-string{background:#222;color:#fff;border-color:#222}
.tempo-selected-string{display:flex;align-items:center;gap:14px;border-bottom:1px solid #eceff1;padding-bottom:10px;margin-bottom:12px}
.tempo-selected-string img{width:70px;height:70px;object-fit:contain}
.tempo-selected-string h3{margin:2px 0}
.tempo-selected-string small{color:#777}
.tempo-setting-block{margin:12px 0}
.tempo-setting-block h4{font-size:15px;margin-bottom:10px}
.tempo-gauges{display:flex;gap:8px;flex-wrap:wrap}
.tempo-gauge{border:1px solid #cfd5d9;background:#fff;border-radius:5px;padding:9px 14px;font-weight:600}
.tempo-gauge.active{border-color:#222;background:#222;color:#fff}
.tempo-gauge:disabled{opacity:.35}
.tempo-recommendation-note{display:flex;flex-direction:column;gap:3px;background:#f6f8f8;border-left:4px solid #222;padding:10px 12px;border-radius:4px;margin:12px 0}
.tempo-recommendation-note span{font-size:12px;color:#667}
.tempo-tension-slider{padding:11px 14px 12px;border:1px solid #e3e7e9;border-radius:9px;background:#fff}
.tempo-tension-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:8px}
.tempo-tension-head h4{margin:0}
.tempo-tension-controls{display:flex;align-items:center;gap:8px}
.tempo-tension-step{width:36px;height:36px;border:1px solid #d9dfe3;border-radius:50%;background:#fff;color:#222;font-size:20px;font-weight:700;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background .15s ease,border-color .15s ease,color .15s ease}
.tempo-tension-step:hover,.tempo-tension-step:focus{background:var(--second-accent,#222);border-color:var(--second-accent,#222);color:#fff;outline:0}
.tempo-tension-value{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:6px 10px;border-radius:18px;background:#222;color:#fff;font-size:16px;font-weight:700}
.tempo-range-wrap{position:relative;padding-top:3px}
.tempo-tension-range{display:block;width:100%;height:28px;margin:0;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
.tempo-tension-range::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(to right,#e1e5e7 0,#e1e5e7 var(--tempo-rec-start),var(--main-accent,#a4b900) var(--tempo-rec-start),var(--main-accent,#a4b900) var(--tempo-rec-end),#e1e5e7 var(--tempo-rec-end),#e1e5e7 100%)}
.tempo-tension-range::-moz-range-track{height:7px;border-radius:999px;background:linear-gradient(to right,#e1e5e7 0,#e1e5e7 var(--tempo-rec-start),var(--main-accent,#a4b900) var(--tempo-rec-start),var(--main-accent,#a4b900) var(--tempo-rec-end),#e1e5e7 var(--tempo-rec-end),#e1e5e7 100%)}
.tempo-tension-range::-webkit-slider-thumb{width:22px;height:22px;margin-top:-7.5px;border:3px solid #fff;border-radius:50%;background:#222;box-shadow:0 1px 7px rgba(0,0,0,.3);appearance:none;-webkit-appearance:none;transition:opacity .15s ease,transform .15s ease}
.tempo-tension-range::-moz-range-thumb{width:18px;height:18px;border:3px solid #fff;border-radius:50%;background:#222;box-shadow:0 1px 7px rgba(0,0,0,.3);transition:opacity .15s ease,transform .15s ease}
.tempo-tension-range:hover::-webkit-slider-thumb{transform:scale(1.08)}
.tempo-range-scale{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:start;margin-top:1px;color:#747b80;font-size:11px}
.tempo-range-scale span:last-child{text-align:right}
.tempo-warning{display:flex;gap:12px;background:#fff6df;border:1px solid #f1d58c;border-radius:7px;padding:13px;margin-top:18px}
.tempo-warning i{color:#b57d00;margin-top:3px}
.tempo-actions{display:flex;justify-content:space-between;gap:12px;margin-top:16px}
.tempo-actions .btn-primary{background:#222;border-color:#222;min-width:180px}
.tempo-actions .btn-primary:disabled{opacity:.45}
.tempo-ready{text-align:center;padding:4px 0 18px}
.tempo-ready i{font-size:36px;color:#3b8b54}
.tempo-ready h3{margin:7px 0}
.tempo-summary-lines{border:1px solid #e2e5e7;border-radius:8px;overflow:hidden}
.tempo-summary-line{display:flex;justify-content:space-between;gap:20px;padding:13px 15px;border-bottom:1px solid #edf0f2}
.tempo-summary-line:last-child{border-bottom:0}
.tempo-summary-tension{display:grid;grid-template-columns:1fr auto 1fr auto;gap:10px 18px;background:#f7f8f9;padding:13px 15px;margin-top:12px;border-radius:7px}
.tempo-reel-note{margin-top:12px;padding:11px 13px;border-radius:6px;background:#eef6fb;color:#315b72}
.tempo-grand-total{display:flex;justify-content:space-between;align-items:center;font-size:18px;padding:18px 2px 0}
.tempo-grand-total strong{font-size:24px}
.tempo-cross-sell{margin-top:30px;border-top:1px solid #eceff1;padding-top:20px}
.tempo-cross-sell h4{margin-top:0}
.tempo-cross-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.tempo-cross-card{display:grid;grid-template-columns:55px 1fr auto;gap:10px;align-items:center;border:1px solid #e5e8ea;border-radius:7px;padding:9px}
.tempo-cross-card img{width:55px;height:55px;object-fit:contain}
.tempo-cross-card small,.tempo-cross-card strong{display:block}
.tempo-cross-card a{display:block;color:#222;font-size:12px;line-height:1.3;margin:2px 0}
.tempo-cross-add{border:0;background:transparent;text-decoration:underline;white-space:nowrap}
.tempo-inline-error{background:#fdecec;color:#a62b2b;border-radius:6px;padding:10px 12px;margin:14px 0}
@media (max-width:760px){
.tempo-tension-step{width:44px;height:44px}
.tempo-tension-range{height:44px}
.tempo-tension-range::-webkit-slider-thumb{width:28px;height:28px;margin-top:-10.5px}
.tempo-tension-range::-moz-range-thumb{width:24px;height:24px}
.tempo-tension-head{align-items:center}
.tempo-tension-controls{gap:7px}
.tempo-quiz{gap:18px}
.tempo-quiz-btn{flex:1 1 calc(50% - 8px);justify-content:center;padding-left:10px;padding-right:10px}
.tempo-range-scale{grid-template-columns:1fr 1fr}
.tempo-range-scale span:last-child{text-align:right}
.tempo-stringing-dialog{top:0;bottom:0;width:100vw;border-radius:0}
.tempo-stringing-header{padding:18px 48px 12px 16px}
.tempo-stringing-body{padding:16px}
.tempo-title-row h2{font-size:20px}
.tempo-step b{display:none}
.tempo-string-grid{grid-template-columns:1fr}
.tempo-string-card{grid-template-columns:80px 1fr}
.tempo-string-image{min-height:80px}
.tempo-string-image img{max-height:80px}
.tempo-previous{align-items:flex-start;flex-direction:column}
.tempo-filter-row{display:grid;grid-template-columns:1fr 1fr}
.tempo-filter select{min-width:0;width:100%}
.tempo-summary-tension{grid-template-columns:1fr auto}
.tempo-cross-grid{grid-template-columns:1fr}
.tempo-actions{position:sticky;bottom:-34px;background:#fff;padding:12px 0 0}
.tempo-actions .btn{flex:1;min-width:0}
#tempo-stringing-open{display:block;width:100%;margin-right:0}
}
/* v0.3.0 compact recommendation flow */
.tempo-quiz-compact{display:grid;grid-template-columns:1fr 1.2fr 1.8fr;gap:12px;align-items:end;margin:2px 0 14px}
.tempo-quiz-field{position:relative;min-width:0}
.tempo-quiz-field>label{display:block;margin:0 0 6px;font-size:12px;font-weight:600;color:#555}
.tempo-quiz-field>select,.tempo-goals-toggle{display:flex;width:100%;height:42px;align-items:center;justify-content:space-between;border:1px solid #d8dde0;border-radius:7px;background:#fff;color:#222;padding:0 12px;font-weight:500;line-height:1.25;text-align:left}
.tempo-quiz-field>select:focus,.tempo-goals-toggle:focus{outline:0;border-color:#9ba3a8;box-shadow:0 0 0 2px rgba(0,0,0,.04)}
.tempo-goals-toggle span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-right:8px}
.tempo-goals-menu{display:none;position:absolute;z-index:35;top:calc(100% + 6px);left:0;right:0;padding:8px;background:#fff;border:1px solid #dce1e4;border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.14)}
.tempo-goals-menu.is-open{display:block}
.tempo-goal-option{display:flex;width:100%;align-items:center;gap:9px;border:0;border-radius:6px;background:#fff;color:#222;padding:9px 8px;text-align:left;font-weight:500}
.tempo-goal-option:hover{background:#f5f6f7}
.tempo-goal-option.active{background:#f1f4df}
.tempo-goal-index{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;background:#eef0f1;color:#777;font-size:11px;font-weight:700;flex:0 0 auto}
.tempo-goal-option.active .tempo-goal-index{background:var(--main-accent,#a4b900);color:#fff}
.tempo-goals-menu small{display:block;color:#777;padding:7px 8px 3px;line-height:1.35}
.tempo-quiz-prompt{display:flex;align-items:center;gap:10px;padding:16px 18px;border:1px solid #e3e7e9;border-radius:8px;background:#f8f9f9;color:#5f666b;grid-column:1 / -1}
.tempo-quiz-prompt i{color:var(--main-accent,#a4b900);font-size:16px}
.tempo-promo-banner{display:flex;align-items:center;gap:12px;margin:4px 0 16px;padding:12px 14px;border:1px solid #d7df9d;border-radius:8px;background:#f6f8e8;color:#273000}
.tempo-promo-banner .tempo-promo-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--main-accent,#a4b900);color:#fff;flex:0 0 auto}
.tempo-promo-banner strong,.tempo-promo-banner span{display:block}
.tempo-promo-banner strong{font-size:13px;margin-bottom:2px}
.tempo-promo-banner span{font-size:12px;line-height:1.4}
.tempo-gift-badge{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;background:var(--main-accent,#a4b900);color:#fff;font-size:12px;font-weight:700;letter-spacing:.03em}
.tempo-card-price{display:inline-flex;align-items:center;min-height:30px;font-size:16px}
.tempo-price-free{color:#5e6f00;font-weight:700}
.tempo-select-string:hover,.tempo-select-string:focus,.tempo-select-string:active{background:var(--second-accent,var(--main-accent,#a4b900))!important;border-color:var(--second-accent,var(--main-accent,#a4b900))!important;color:#fff!important}
@media (max-width:760px){
.tempo-quiz-compact{grid-template-columns:1fr;gap:9px;margin-bottom:12px}
.tempo-quiz-field>label{margin-bottom:4px}
.tempo-goals-menu{position:relative;top:auto;margin-top:6px}
}
/* v0.3.1 manual filters and slider affordance */
.tempo-manual-filters{grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 16px}
.tempo-manual-filters .tempo-filter{display:block;color:inherit;font-size:inherit}
.tempo-manual-filters .tempo-filter>span{display:block;margin:0 0 6px;font-size:12px;font-weight:600;color:#555}
.tempo-manual-filters .tempo-filter>select{display:block;width:100%;min-width:0;height:42px;border:1px solid #d8dde0;border-radius:7px;background:#fff;color:#222;padding:0 12px;font-weight:500;line-height:1.25}
.tempo-manual-filters .tempo-filter>select:focus{outline:0;border-color:#9ba3a8;box-shadow:0 0 0 2px rgba(0,0,0,.04)}
.tempo-intent{transition:background .15s ease,border-color .15s ease,color .15s ease}
.tempo-tension-range::-webkit-slider-thumb{opacity:1}
.tempo-tension-range::-moz-range-thumb{opacity:1}
@media (max-width:760px){
.tempo-manual-filters{grid-template-columns:1fr;gap:9px}
}
/* v0.3.2 compact responsive selectors */
.tempo-manual-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:2px 0 16px}
.tempo-manual-filters .tempo-filter{min-width:0}
.tempo-manual-filters .tempo-filter>select{width:100%}
@media (max-width:760px){
.tempo-quiz-compact:not(.tempo-manual-filters){grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.tempo-quiz-compact:not(.tempo-manual-filters) .tempo-goals-field{grid-column:1 / -1}
.tempo-manual-filters{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
}
/* ==========================================================================
Tempo theme integration v0.3.6
Uses the storefront design tokens from theme/tempo.
========================================================================== */
#tempo-stringing-open{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;margin:0 0 10px;padding:14px 22px;border:1px solid var(--main-accent,#a4b900);border-radius:4px;background:#fff;color:var(--color-black,#000);font-family:var(--bs-body-font-family,"Jost",system-ui,sans-serif);font-size:16px;line-height:1.2;font-weight:500;text-decoration:none;box-shadow:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
#tempo-stringing-open:hover,#tempo-stringing-open:focus-visible{border-color:var(--color-black,#000);background:var(--color-black,#000);color:var(--color-white,#fff);outline:none}
.tempo-actions .btn, .tempo-use-previous, .tempo-select-string, .tempo-cross-add{border-radius:4px;font-family:var(--bs-body-font-family,"Jost",system-ui,sans-serif);font-weight:500;box-shadow:none}
.tempo-actions .btn-primary, .tempo-select-string, .tempo-add-bundle{border:1px solid var(--main-accent,#a4b900)!important;background:var(--main-accent,#a4b900)!important;color:var(--color-white,#fff)!important}
.tempo-actions .btn-primary:hover, .tempo-select-string:hover, .tempo-select-string:focus, .tempo-select-string:active, .tempo-add-bundle:hover, .tempo-add-bundle:focus{border-color:var(--main-accent-hover,#8d9f00)!important;background:var(--main-accent-hover,#8d9f00)!important;color:var(--color-white,#fff)!important}
.tempo-actions .btn-default, .tempo-use-previous{border:1px solid var(--color-dark-grey,#52514e)!important;background:#fff!important;color:var(--color-black,#000)!important}
.tempo-actions .btn-default:hover, .tempo-use-previous:hover, .tempo-use-previous:focus{border-color:var(--main-accent,#a4b900)!important;background:var(--main-accent,#a4b900)!important;color:var(--color-white,#fff)!important}
.tempo-actions .btn:focus-visible, .tempo-select-string:focus-visible, .tempo-use-previous:focus-visible, .tempo-cross-add:focus-visible{outline:2px solid var(--main-accent,#a4b900);outline-offset:2px}
.tempo-cross-card a{color:var(--color-black,#000);text-decoration:none!important}
.tempo-cross-card a:hover{color:var(--main-accent,#a4b900);text-decoration:none!important}
.tempo-cross-add{min-height:38px;padding:8px 12px;border:1px solid var(--main-accent,#a4b900);background:#fff;color:var(--color-black,#000);text-decoration:none;white-space:nowrap;transition:background .2s ease,border-color .2s ease,color .2s ease}
.tempo-cross-add:hover{border-color:var(--main-accent,#a4b900);background:var(--main-accent,#a4b900);color:var(--color-white,#fff)}
/* Mobile purchase choice sheet. The global mobile navigation remains visible below it. */
.tempo-stringing-choice-sheet{display:none}
body.tempo-stringing-choice-lock{overflow:hidden}
@media (max-width:991.98px){
#tempo-stringing-open{display:none!important}
.tempo-stringing-choice-sheet{position:fixed;top:0;right:0;bottom:calc(var(--tempo-mobile-bottom-nav-height,70px) + env(safe-area-inset-bottom));left:0;z-index:1059;display:block;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}
.tempo-stringing-choice-sheet.is-open{visibility:visible;opacity:1;pointer-events:auto}
.tempo-stringing-choice-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;border:0;background:rgba(8,8,8,.38)}
.tempo-stringing-choice-panel{position:absolute;right:0;bottom:0;left:0;padding:24px 18px 20px;border-radius:18px 18px 0 0;background:#fff;box-shadow:0 -24px 70px rgba(0,0,0,.2);transform:translateY(24px);transition:transform .24s ease}
.tempo-stringing-choice-sheet.is-open .tempo-stringing-choice-panel{transform:translateY(0)}
.tempo-stringing-choice-panel:before{content:"";position:absolute;top:8px;left:50%;width:44px;height:4px;margin-left:-22px;border-radius:4px;background:#d5d5d5}
.tempo-stringing-choice-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:4px 0 18px}
.tempo-stringing-choice-head h2{margin:0;color:var(--color-black,#000);font-size:22px;line-height:1.18;font-weight:500}
.tempo-stringing-choice-close{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;margin:-7px -7px 0 0;padding:0;border:0;background:transparent;color:var(--color-black,#000);font-size:30px;line-height:1;font-weight:200}
.tempo-stringing-choice-actions{display:grid;gap:10px}
.tempo-stringing-choice{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;min-height:64px;padding:13px 16px;border-radius:4px;font-family:var(--bs-body-font-family,"Jost",system-ui,sans-serif);text-align:left;box-shadow:none;transition:background .2s ease,border-color .2s ease,color .2s ease}
.tempo-stringing-choice strong{display:block;margin:0 0 3px;font-size:15px;line-height:1.25;font-weight:550}
.tempo-stringing-choice span{display:block;font-size:12px;line-height:1.35;font-weight:400}
.tempo-stringing-choice--plain{border:1px solid #d8d8d8;background:#fff;color:var(--color-black,#000)}
.tempo-stringing-choice--plain:hover, .tempo-stringing-choice--plain:focus-visible{border-color:var(--color-black,#000);background:#f7f7f5;color:var(--color-black,#000);outline:none}
.tempo-stringing-choice--string{border:1px solid var(--main-accent,#a4b900);background:var(--main-accent,#a4b900);color:var(--color-white,#fff)}
.tempo-stringing-choice--string:hover,.tempo-stringing-choice--string:focus-visible{border-color:var(--color-black,#000);background:var(--color-black,#000);color:var(--color-white,#fff);outline:none}
.tempo-stringing-choice-arrow{flex:0 0 auto;font-size:24px;line-height:1;font-weight:200}
/* Keep the configurator actions visually attached to the bottom edge. */
.tempo-actions{position:sticky;bottom:-18px;z-index:4;margin-top:16px;padding:10px 0;background:#fff}
.tempo-actions .btn{min-height:46px}
}
/* v0.3.11 compact per-gauge pricing in Step 2 */
.tempo-selected-string-details{min-width:0;flex:1}
.tempo-gauge{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:100px}
.tempo-gauge small{display:block;font-size:12px;font-weight:600;white-space:nowrap;line-height:1.2}
.tempo-gauge.active small{color:inherit}