.back-to-setup{font-size:12px;min-height:34px;padding:6px 10px;border:0;background:var(--surface-sunken);box-shadow:none;white-space:nowrap}
.focus-hint{font-size:11px;line-height:1.6;color:var(--text-muted);margin:4px 0 0}
.inspector[data-focus="block"] #blockSelection,.inspector[data-focus="clamp"] #clampSelection{animation:inspector-focus-in .22s var(--studio-ease);border-bottom:0}
.inspector[data-focus="block"] #blockSelection>h3,.inspector[data-focus="clamp"] #clampSelection>h3{display:none}
.inspector #fitSuggestion{position:static;inset:auto;width:100%;margin:20px 0 0;transform:none;box-shadow:none;background:var(--surface-accent-soft);padding:14px;backdrop-filter:none}
.inspector #fitSuggestion h3{display:block;font-size:15px}.inspector .fit-suggestion-actions{flex-wrap:wrap}.inspector .fit-suggestion-actions button{font-size:11px;padding:8px;white-space:normal}
.clamp-rotation-card{margin:16px 0 18px;padding:14px 12px 12px;border-radius:18px;background:var(--surface-sunken);border:1px solid var(--studio-line)}
.rotation-heading{display:flex;align-items:center;justify-content:space-between;gap:6px}.rotation-heading h4{font-size:12px;font-weight:600;margin:0}.rotation-heading>span{font-size:10px;color:var(--text-muted)}
.rotation-dial{--dial-angle:0deg;position:relative;width:174px;height:174px;max-width:100%;margin:15px auto 12px;border-radius:50%;border:1px solid var(--ink-200);background:radial-gradient(circle,var(--surface-page) 0 38%,transparent 38.5% 64%,var(--surface-page) 64.5%);box-shadow:inset 0 1px 3px #00000008;touch-action:none;cursor:grab;user-select:none;outline-offset:4px}
.rotation-dial[data-dragging="true"]{cursor:grabbing}.rotation-dial:focus-visible{outline:3px solid var(--sht-yellow)}
.dial-axis{position:absolute;font-size:9px;color:var(--text-muted);pointer-events:none;z-index:2}.axis-right{right:5px;top:50%;transform:translateY(-50%)}.axis-left{left:3px;top:50%;transform:translateY(-50%)}.axis-top{top:5px;left:50%;transform:translateX(-50%)}.axis-bottom{bottom:5px;left:50%;transform:translateX(-50%)}
.dial-hand{position:absolute;left:50%;top:50%;width:39%;height:3px;margin-top:-1.5px;background:var(--sht-yellow);transform-origin:0 50%;transform:rotate(var(--dial-angle));pointer-events:none}.dial-hand i{position:absolute;right:-7px;top:-6px;width:15px;height:15px;border:2px solid var(--sht-ink);border-radius:50%;background:var(--sht-yellow);box-shadow:0 1px 4px #00000020}
.dial-center{position:absolute;inset:30%;border:1px solid var(--studio-line);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:var(--surface-page);pointer-events:none;box-shadow:0 2px 5px #00000006}.dial-center strong{font-size:23px;font-weight:600;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.dial-center small{font-size:7px;letter-spacing:.08em;color:var(--text-muted);margin-top:3px}
.rotation-shortcuts{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.rotation-shortcuts button{font-size:12px;min-height:38px;padding:7px 4px;box-shadow:none;background:var(--surface-page)}
.rotation-exact{grid-template-columns:minmax(0,1fr) 72px;margin:14px 0 8px}.rotation-exact>label{display:flex;align-items:center;gap:4px;font-size:12px}.rotation-exact input[type="number"]{width:58px!important;padding:7px!important}
.rotation-hint{font-size:10px;line-height:1.6;color:var(--text-muted);margin:7px 0 0}.rotation-status{font-size:11px;line-height:1.5;margin:10px 0 0;padding:8px;border-radius:9px;background:#f3e4d7;color:#804b2c}
.mount-position-details,.clamp-product-details{margin:14px 0;font-size:12px}.mount-position-details summary,.clamp-product-details summary{cursor:pointer;color:var(--text-muted);padding:5px 0}#clampSelection>.clamp-actions{flex-direction:column}#clampSelection>.clamp-actions button{min-height:40px}
@keyframes inspector-focus-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:760px){.inspector[data-focus="block"],.inspector[data-focus="clamp"]{display:block}.inspector[data-focus="block"] #blockSelection,.inspector[data-focus="clamp"] #clampSelection{max-width:440px;margin:auto}.focus-hint{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.inspector[data-focus] #blockSelection,.inspector[data-focus] #clampSelection{animation:none}}
