#tool-root .tool-stage-camera,#tool-root .tool-stage-microphone,#tool-root .tool-stage-headphones{padding:25px;background:white;border-radius:0;min-height:initial}.camera-frame{position:relative;display:grid;place-items:center;background:#edf0e6;border:1px solid #e0e5d6;border-radius:6px;aspect-ratio:2.9;min-height:240px;overflow:hidden}.camera-frame:before{content:'';position:absolute;width:110px;height:78px;border:2px solid #bfccb0;border-radius:18px;top:calc(50% - 54px);left:calc(50% - 55px)}.camera-frame:after{content:'';position:absolute;width:37px;height:37px;border:6px solid #c2d0b2;border-radius:50%;top:calc(50% - 33px);left:calc(50% - 24px);pointer-events:none}.camera-frame:has(video[src])::before,.camera-frame:has(video[src])::after{display:none}.camera-frame video{position:relative;z-index:1;width:100%;height:100%;max-height:400px;object-fit:contain;background:transparent}.camera-frame:has([data-placeholder]:not([hidden])) video{position:absolute;inset:0}.camera-frame:has([data-placeholder][hidden]){background:#15251f}.camera-placeholder{position:absolute;bottom:22px;width:100%;text-align:center;font-size:12px;color:#66765b;z-index:2;margin:0;padding:0 18px}.field-inline{display:flex;flex-direction:row;align-items:center;gap:7px}.field-inline input{accent-color:var(--ink)}#tool-root .button-secondary{display:inline-flex;align-items:center;justify-content:center;padding:11px 18px;min-height:44px;border-radius:6px;font-size:13px;line-height:1.4;cursor:pointer}#tool-root .button-small{border:1px solid var(--line);border-radius:5px;background:white;color:var(--ink);cursor:pointer}.tool-controls select{max-width:270px}.tool-stage .status{border-top:1px solid var(--line);padding-top:15px;margin:0 0 16px;min-height:35px}.status[data-tone=error]{color:#954119}.status[data-tone=success]{color:#42613c}.measurement-grid[hidden],[hidden]{display:none!important}.tool-stage>.help-note:last-child{margin-bottom:0}.meter-panel{padding:40px 35px 30px;background:#eaf0ed;border-radius:6px;min-height:205px;display:flex;flex-direction:column;justify-content:center;align-items:center}.meter-track{width:100%;max-width:650px;height:45px;overflow:hidden;background:repeating-linear-gradient(to right,#d2ddd5 0,#d2ddd5 7px,transparent 7px,transparent 11px);border-radius:2px;position:relative}.meter-fill{display:block;height:100%;width:0;background:repeating-linear-gradient(to right,#597952 0,#597952 7px,transparent 7px,transparent 11px);transition:width .08s linear}.meter-reading{font:28px monospace;letter-spacing:-1px;color:#355849;margin:19px 0 0}.channel-diagram{background:#f0eee2;min-height:180px;border-radius:6px;display:flex;justify-content:center;align-items:center;gap:24px;position:relative;padding:30px}.channel-diagram>span{width:61px;height:82px;background:#c5b99a;border:1px solid #9f9377;border-radius:24px;display:grid;place-items:center;font:20px monospace;color:#5c553f;z-index:1}.channel-diagram>i{position:absolute;width:160px;height:109px;border:9px solid #b0a180;border-bottom:0;top:26px;border-radius:90px 90px 0 0}.channel-diagram>span:first-child{transform:translateX(-27px) translateY(16px)}.channel-diagram>span:last-child{transform:translateX(27px) translateY(16px)}.channel-controls{justify-content:center;padding:22px 0}.confirmation-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:20px 0 0}.confirmation-controls label{font-size:13px;display:flex;gap:6px}.confirmation-controls input{accent-color:var(--ink)}audio{max-width:100%;width:460px}.tool-stage-headphones .measurement-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-stage-headphones .measurement strong{font-size:16px}.tool-stage-headphones .measurement{padding:15px}.channel-diagram[data-active=left]>span:first-child,.channel-diagram[data-active=right]>span:last-child,.channel-diagram[data-active=both]>span{background:#dce9aa;border-color:#718a41}.tool-controls .field[hidden]{display:none}
@media(max-width:650px){#tool-root .tool-stage-camera,#tool-root .tool-stage-microphone,#tool-root .tool-stage-headphones{padding:15px}.camera-frame{min-height:210px}.camera-placeholder{font-size:11px;bottom:17px}.tool-controls{gap:9px;padding:16px 0}.tool-controls select{max-width:220px}.measurement{padding:11px}.measurement strong{font-size:17px}.meter-panel{padding:25px 20px;min-height:160px}.meter-track{height:33px}.meter-reading{font-size:22px}.channel-diagram{min-height:175px}.channel-controls{gap:8px}.channel-controls .button{font-size:12px;padding:10px 16px}.confirmation-controls{gap:8px}#tool-root .button-secondary{padding:10px 14px;font-size:12px}}
.camera-frame{aspect-ratio:4;max-height:300px}.camera-frame video{max-height:300px}

/* Media-tool surfaces inherit the shared instrument palette. */
#tool-root .tool-stage-camera,#tool-root .tool-stage-microphone,#tool-root .tool-stage-headphones{padding:var(--space-lg);background:var(--color-paper);border-radius:0}.camera-frame{background:var(--color-paper-2);border-color:var(--color-rule);border-radius:var(--radius-sm)}.camera-frame:before{border-color:var(--color-neutral)}.camera-frame:after{border-color:var(--color-accent)}.camera-frame:has([data-placeholder][hidden]){background:var(--color-graphite)}.camera-placeholder{color:var(--color-muted)}.field-inline input,.confirmation-controls input{accent-color:var(--color-accent)}#tool-root .button-small{border-color:var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper);color:var(--color-ink)}.tool-stage .status{border-color:var(--color-rule)}.meter-panel{background:var(--color-paper-2);border-radius:var(--radius-sm)}.meter-track{background:repeating-linear-gradient(to right,var(--color-rule) 0,var(--color-rule) .4375rem,transparent .4375rem,transparent .6875rem)}.meter-fill{background:repeating-linear-gradient(to right,var(--color-accent) 0,var(--color-accent) .4375rem,transparent .4375rem,transparent .6875rem)}.meter-reading{font-family:var(--font-mono);color:var(--color-ink)}.channel-diagram{background:var(--color-paper-2);border-radius:var(--radius-sm)}.channel-diagram>span{background:var(--color-paper-3);border-color:var(--color-rule);color:var(--color-ink);font-family:var(--font-mono)}.channel-diagram>i{border-color:var(--color-rule)}.channel-diagram[data-active=left]>span:first-child,.channel-diagram[data-active=right]>span:last-child,.channel-diagram[data-active=both]>span{background:var(--color-paper-2);border-color:var(--color-accent)}

/* User-selected clean mode: square edges across all interactive surfaces. */
*,*::before,*::after{border-radius:0!important}