/* Lesson 4 only. Keep the approved first three lessons at their existing scale. */
#lesson-four>.l1-project-bar{align-items:center;padding-top:4px}#lesson-four>.l1-project-bar label{flex-direction:row;align-items:center;gap:8px;white-space:nowrap}#lesson-four>.l1-project-bar input{flex:1;min-width:0}
#sound-workshop{padding:6px 12px 10px;gap:4px}#sound-workshop .workshop-bar{min-height:36px}#sound-workshop .workshop-bar h2{font-size:20px}#workshop-status{margin:0;min-height:21px;line-height:1.4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.recording-desk{display:grid;grid-template-columns:210px minmax(0,1fr) 180px;gap:10px;flex:1;min-height:0;min-width:0}.recording-desk h3{font-size:17px;margin:0 0 10px}.recording-desk p{line-height:1.45}.source-sidebar,.sound-editor,.lesson-task{min-width:0;min-height:0;background:var(--panel);border:1px solid var(--line);border-radius:4px}
.source-sidebar{overflow:auto;padding:10px 8px}.source-sidebar>h3{padding:0 3px}.source-sidebar>details{border-top:1px solid var(--line)}.source-sidebar summary,.lesson-task summary{cursor:pointer;min-height:44px;padding:11px 5px;font-weight:600;font-size:15px}.source-sidebar>details[open]>summary{color:#b8fff3}.source-content{padding:0 3px 10px}.source-content label{font-size:14px;display:block;margin:6px 0 4px}.source-content select{width:100%;min-width:0;font-size:14px;padding:6px}.source-content>button{width:100%;font-size:14px;margin-top:7px}.source-content .hint{margin:8px 0;font-size:14px}.source-content .two-buttons{gap:5px;margin-top:7px}.source-content .two-buttons button{font-size:14px;padding:5px}#record-status{font-size:14px;margin:0 0 7px;line-height:1.4}#record-level{height:20px;margin:0;width:100%}#record-time{display:block;font-size:14px;margin:4px 0 8px;font-variant-numeric:tabular-nums}#import-status{font-size:14px;overflow-wrap:anywhere}.quiet-action{background:transparent}.icon-row{display:flex;gap:4px}.icon-row button{flex:1;min-width:44px;padding:7px}
.recording-desk svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex:none}.recording-desk button[data-icon=record]{color:#ffadb0}.with-icon{display:inline-flex;align-items:center;justify-content:center;gap:5px}.sound-editor{display:flex;flex-direction:column;padding:8px 10px;gap:6px;overflow:hidden}.editor-heading{display:flex;align-items:center;gap:6px;flex:none}.editor-heading>label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.editor-heading #custom-name{font-size:18px;font-weight:600;width:100%;min-width:0;height:44px;padding:4px 5px;border-color:transparent;background:transparent}.editor-heading #custom-name:not([readonly]){border-color:var(--teal);background:#1c2a30}.editor-heading button{width:44px;flex:none;padding:6px}.wave-block{flex:none;min-width:0}.wave-caption{display:flex;justify-content:space-between;gap:8px;font-size:13px;color:var(--muted);margin-bottom:3px}#original-sound{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;margin:0}#playback-position{font-size:13px;white-space:nowrap;font-variant-numeric:tabular-nums}.wave-block #sound-duration{margin:3px 0 0;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#wave-area{position:relative;height:130px;background:#0b1215;border:1px solid var(--line);overflow:hidden}#wave-area #sound-wave{display:block;width:100%;height:130px;min-height:130px;background:transparent;border:0}#trim-selection{position:absolute;inset:0 auto 0 0;background:#03dac60d;border-left:2px solid var(--teal);border-right:2px solid var(--teal);pointer-events:none}#playhead{position:absolute;top:0;bottom:0;width:2px;background:#ffdc8a;pointer-events:none}#wave-area input.trim-handle{position:absolute;left:0;width:100%;height:44px;min-height:44px;margin:0;appearance:none;background:transparent;border:0;pointer-events:none;accent-color:var(--teal)}#trim-handle-start{top:0}#trim-handle-end{bottom:0}.trim-handle::-webkit-slider-runnable-track{height:2px;background:transparent}.trim-handle::-webkit-slider-thumb{appearance:none;width:44px;height:44px;border:1px solid var(--teal);border-radius:3px;background:#23584fee;pointer-events:auto;margin-top:-21px;cursor:ew-resize}.trim-handle::-moz-range-thumb{width:42px;height:42px;border:1px solid var(--teal);border-radius:3px;background:#23584fee;pointer-events:auto;cursor:ew-resize}.trim-handle:focus-visible{outline:0}.trim-handle:focus-visible::-webkit-slider-thumb{outline:3px solid #ffdc8a;outline-offset:-4px}
.transport{display:flex;align-items:center;gap:5px;flex:none}.transport button{height:44px;min-width:44px;padding:7px}.transport .with-icon{font-size:14px;padding-inline:8px}.transport-divider{height:24px;border-left:1px solid var(--line);margin:0 3px}.editor-tools{flex:1;min-height:0;padding-right:5px;display:flex;flex-direction:column;gap:6px}.trim-inputs{display:flex;align-items:end;gap:6px;flex:none}.trim-inputs label{display:block;min-width:0;font-size:13px;flex:1}.trim-inputs input{display:block;width:100%;min-width:0;height:44px;padding:5px 7px;font-size:14px}.trim-inputs button{font-size:14px;white-space:nowrap}.effects-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px 10px;flex:none}.effects-grid label{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;font-size:14px;min-width:0;line-height:1.2}.effects-grid output{color:#8be3d5;font-size:13px;white-space:nowrap;margin-left:3px}.effects-grid input[type=range]{width:100%;height:44px;min-height:44px;margin:0;accent-color:var(--teal);min-width:0;border:0;background:transparent}.editing-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;flex:none}.editing-actions .reverse-label{display:flex;align-items:center;gap:7px;min-height:44px;font-size:14px;cursor:pointer}.reverse-label input{width:23px;height:23px;accent-color:var(--teal)}.editing-actions button{font-size:14px}.editing-actions .hint{font-size:13px;margin:0;flex:1;min-width:120px}.editor-save{display:flex;align-items:center;gap:7px;flex:none;border-top:1px solid var(--line);padding-top:6px}.editor-save button{font-size:14px;white-space:nowrap}.editor-save .hint{font-size:13px;margin:0;line-height:1.35}
.lesson-task{padding:12px 10px;overflow:auto;font-size:14px}.lesson-task h3{font-size:17px;line-height:1.3}.lesson-task ol{padding-left:22px;margin:12px 0}.lesson-task li{margin:10px 0;line-height:1.4}.lesson-task .hint{font-size:14px}.lesson-task details{border-top:1px solid var(--line)}.lesson-task summary{font-size:14px;padding-inline:0}.lesson-task details p{font-size:14px}
@media(max-width:1250px){.recording-desk{grid-template-columns:190px minmax(0,1fr) 160px;gap:8px}.source-sidebar{padding-inline:6px}.icon-row{gap:2px}.icon-row button{padding:5px}.sound-editor{padding-inline:8px}.effects-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:2px 9px}.editor-save .hint{display:none}.lesson-task{padding:10px 8px}}
@media(max-width:1050px){#sound-workshop{padding-inline:8px}.recording-desk{grid-template-columns:184px minmax(0,1fr) 145px}.lesson-task h3{font-size:16px}.transport{gap:4px}.transport .with-icon{padding-inline:5px}.transport-divider{margin-inline:0}.sound-editor{padding-inline:7px}.effects-grid{gap:2px 7px}#wave-area,#wave-area #sound-wave{height:118px;min-height:118px}}
@media(max-width:900px){.recording-desk{grid-template-columns:180px minmax(0,1fr)}.lesson-task{display:none}.effects-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
.icon-row{gap:3px}@media(max-width:1250px){.icon-row{display:grid;grid-template-columns:repeat(2,minmax(44px,1fr));gap:5px}}
@media(min-width:1251px) and (max-height:780px){.sound-editor{gap:5px}#wave-area,#wave-area #sound-wave{height:104px;min-height:104px}}
@media(min-width:1251px) and (min-height:850px){#wave-area,#wave-area #sound-wave{height:160px;min-height:160px}}