.scale-page{flex-direction:column;align-items:center;gap:24px;width:100%;max-width:960px;margin:0 auto;padding:24px 24px 80px;display:flex}.narrow-range-panel{border:1px solid var(--border);background:var(--code-bg);border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:20px;display:flex}.panel-instruction{color:var(--text);text-align:center;margin:0;font-size:14px}.capture-btn,.cancel-btn{cursor:pointer;border-radius:10px;padding:10px 18px;font-size:14px;text-decoration:none;display:inline-block}.capture-btn{border:1px solid var(--accent-border);background:var(--accent-bg);color:var(--text-h)}.capture-btn:disabled{opacity:.5;cursor:default}.cancel-btn:disabled,.cancel-btn:disabled:hover{opacity:.5;cursor:default;border-color:var(--border);color:var(--text)}.cancel-btn{border:1px solid var(--border);background:var(--code-bg);color:var(--text)}.cancel-btn:hover{border-color:var(--accent-border);color:var(--text-h)}.scale-complete-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}@media (width>=960px){.scale-complete-row{position:relative;left:56px}}.scale-complete-message{color:var(--text-h);text-align:center;margin:0;font-size:16px}.scale-complete-hint{color:var(--text);margin:0;font-size:14px}.practice-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}