.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.panel-heading p{margin-top:7px}.mic-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px}.mic-grid>div+div{border-left:1px solid #34363d;padding-left:35px}.number-unit{display:flex;align-items:center;gap:7px;color:#8b8d97;font-size:10px}input[type=number]{background:#16171b;border:1px solid #3b3d45;border-radius:6px;color:#efb887;padding:6px 7px;width:66px;font:inherit;font-variant-numeric:tabular-nums;outline:none}input[type=number]:focus{border-color:#edaa74;box-shadow:0 0 0 3px #edaa7412}.feature-note{color:#8b8f99;background:#17181b;border:1px solid #30323a;padding:13px 15px;font-size:11px;line-height:1.9;border-radius:9px;margin-top:22px}.range-select{display:flex;align-items:center;gap:12px;font-size:11px;color:#999ca5;white-space:nowrap}.range-select select{font-size:11px;padding:8px}.eq-scroll{overflow-x:auto;padding:15px 0 5px}.eq-editor{min-width:780px;padding-right:55px}.eq-values,.eq-frequencies{display:grid;grid-template-columns:repeat(15,minmax(0,1fr));gap:0}.eq-values{padding-bottom:8px}.eq-values input{width:88%;max-width:55px;justify-self:center;font-size:11px;text-align:center;appearance:textfield;padding:7px 1px}.eq-values input::-webkit-inner-spin-button{appearance:none}.eq-plot{height:300px;position:relative}.eq-plot svg{display:block;width:100%;height:100%;touch-action:none;user-select:none;cursor:ns-resize;overflow:visible}.db-axis{position:absolute;left:calc(100% + 12px);top:20px;height:260px;display:flex;flex-direction:column;justify-content:space-between;transform:translateY(-5px);font-size:9px;color:#7e828d;white-space:nowrap;pointer-events:none}.eq-frequencies span{text-align:center;color:#b7b6bf;font-size:10px;padding-top:8px}.eq-frequencies small{display:block;font-size:8px;color:#686b75;margin-top:5px}.eq-card .tabs{align-items:center}.eq-card .tabs .small{font-size:10px}.light-layout{display:grid;grid-template-columns:1fr 1fr;gap:20px}.light-layout>div> .card+.card{margin-top:20px}.light-stage{display:flex;flex-direction:column;align-items:center;justify-content:space-between;background:radial-gradient(ellipse at 50% 40%,#3f35402e,transparent 65%),#1b1c20;min-height:600px}.light-stage>.tag{align-self:flex-start}.earcup-preview{width:100%;max-width:330px;height:390px;flex:1;min-height:330px}.light-stage p{font-size:10px;text-align:center;margin-top:15px}.light-preview-info{display:flex;justify-content:space-between;width:100%;font-size:11px;color:#c9b49e;border-top:1px solid #30323a;padding-top:20px;font-variant-numeric:tabular-nums}.mode-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:25px}.mode-tabs button{padding:10px 3px;font-size:10px;white-space:nowrap}.mode-tabs button.active{background:#443022;border-color:#bd865d;color:#ffc594}.color-card h2{margin-bottom:16px}.color-palette{height:130px;position:relative;touch-action:none;cursor:crosshair;border-radius:6px;border:1px solid #ffffff12}.color-palette span{position:absolute;width:12px;height:12px;border:2px solid white;box-shadow:0 0 0 1px #000a;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}#hue{margin:17px 0 8px;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);height:9px}.color-fields{display:flex;align-items:center;gap:14px;margin:15px 0}.color-fields label{display:flex;align-items:center;gap:12px;flex:1;font-size:10px;color:#92959f}.color-fields input[type=text]{min-width:0;width:100%;font-size:11px;letter-spacing:1px}input[type=color]{appearance:none;width:40px;height:33px;padding:2px;background:#1c1d21;border:1px solid #41434c;border-radius:7px;cursor:pointer;flex-shrink:0}input[type=color]::-webkit-color-swatch-wrapper{padding:2px}input[type=color]::-webkit-color-swatch{border:0;border-radius:3px}.rgb-fields{display:flex;gap:15px}.rgb-fields label{display:flex;align-items:center;gap:7px;color:#91939e;font-size:10px;flex:1}.rgb-fields input{width:100%;min-width:0}.swatches{display:flex;gap:10px;margin-top:18px}.swatches button{width:23px;height:23px;padding:0;border-radius:5px;background:var(--swatch);border:2px solid #ffffff13}.timeline-card{margin-top:22px}.light-step{display:flex;align-items:center;gap:12px;padding:10px 13px;border:1px solid #30323a;background:#1a1b1f;border-radius:9px;margin-bottom:8px;transition:background .25s,border-color .25s}.light-step.playing{border-color:#b58a63;background:#34291f}.step-number{font-size:10px;color:#717680;margin-right:8px}.light-step select{font-size:11px;padding:8px 12px;margin-left:auto}.light-step button{font-size:17px;padding:4px 10px;border:0;background:none;color:#9699a4}.timeline-strip{display:flex;gap:3px;height:10px;border-radius:6px;overflow:hidden;margin:20px 0}.loop-option{display:flex;align-items:center;gap:8px;font-size:11px;color:#a6a8b2}.loop-option input{accent-color:#eeac76}.timeline-card .tabs{align-items:center}.light-preset-list .profile{gap:10px}.light-preset-list b{font-size:12px}.light-preset-list button{font-size:10px;padding:8px 13px}.light-layout .row{margin-top:0}.light-layout .number-unit{font-size:10px}.light-layout .rangehead{margin-top:18px}@media(max-width:1050px){.light-layout{grid-template-columns:.9fr 1.1fr}.mode-tabs{grid-template-columns:repeat(2,1fr)}.mic-grid{gap:25px}.mic-grid>div+div{padding-left:25px}.eq-editor{min-width:800px}}@media(max-width:750px){.light-layout{grid-template-columns:1fr}.light-stage{min-height:450px}.earcup-preview{height:320px;min-height:280px;max-width:270px}.mic-grid{grid-template-columns:1fr;gap:5px}.mic-grid>div+div{padding-left:0;border-left:0;border-top:1px solid #34363d;padding-top:25px}.panel-heading{flex-wrap:wrap;gap:15px}.light-step{gap:7px;padding:10px 8px}.light-step input[type=number]{width:53px}.light-step select{padding:8px 4px;font-size:10px}.step-number{margin-right:0}.light-step input[type=color]{width:32px}.range-select{margin-left:auto}.mode-tabs{grid-template-columns:repeat(4,1fr)}}
.eq-editor{min-width:700px}.db-axis{font-variant-numeric:tabular-nums}@media(max-width:1050px){.eq-editor{min-width:700px}}

.eq-editor{min-width:700px}@media(max-width:1050px){.eq-editor{min-width:700px}}
