@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--bg-deep: #18181A;--bg-base: #222222;--bg-surface: #2A2A2D;--accent-orange: #FA8112;--text-primary: #F5E7C6;--text-muted: rgba(245, 231, 198, .4);--text-disabled: rgba(245, 231, 198, .15);--border-light: rgba(255, 255, 255, .05);--border-dark: rgba(0, 0, 0, .8);--font-ui: "Pretendard", sans-serif;--font-digital: "Pretendard", monospace;--sp-xs: 4px;--sp-sm: 8px;--sp-md: 16px;--sp-lg: 24px}*{box-sizing:border-box;margin:0;padding:0;-webkit-user-select:none;user-select:none}button,input{font-family:inherit}body{font-family:var(--font-ui);background-color:var(--bg-deep);color:var(--text-primary);min-height:100vh;display:flex;align-items:center;justify-content:center;overflow-y:auto;overflow-x:hidden;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.03'/%3E%3C/svg%3E")}#root{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;perspective:2000px;padding:60px 0;gap:80px}.synth-rig-container{position:relative;width:1060px;height:600px;transform-style:preserve-3d;transition:transform .1s linear}.synth-face{position:absolute;background:linear-gradient(135deg,#3a3a40,#242428 40%,#151518);border:1px solid rgba(0,0,0,.8);box-shadow:inset 0 2px 5px #ffffff26,inset -1px -2px 5px #0009;border-radius:4px}.synth-base{width:100%;height:220px;bottom:0;transform-origin:bottom;transform:rotateX(20deg) translateZ(50px);padding:var(--sp-md);display:flex;align-items:center;justify-content:center}.synth-control-panel{width:100%;height:480px;top:0;transform-origin:bottom;transform:rotateX(-30deg) translateZ(-50px);padding:var(--sp-lg);display:flex;flex-direction:column;gap:var(--sp-md)}.synth-cheek{width:250px;height:590px;top:0;background:linear-gradient(180deg,#18181a,#0a0a0c);clip-path:polygon(0 0,100% 120px,100% 100%,0 100%);border:2px solid #000;box-shadow:inset 0 0 10px #000c}.synth-cheek-left{left:0;transform-origin:left;transform:rotateY(-90deg) translateZ(125px) translate(-50px)}.synth-cheek-right{right:0;transform-origin:right;transform:rotateY(90deg) translateZ(125px) translate(50px)}.synth-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-dark);padding-bottom:var(--sp-sm);box-shadow:0 1px #ffffff0d}.synth-title{font-size:1.2rem;letter-spacing:2px;color:var(--text-primary);font-weight:600;display:flex;align-items:center;gap:var(--sp-sm);text-transform:uppercase;text-shadow:none}.synth-title:before{content:"";display:block;width:6px;height:6px;background:var(--accent-orange);border-radius:50%;box-shadow:inset 0 1px 2px #ffffff80,0 1px 3px #00000080}.panels-grid{display:flex;gap:var(--sp-md);align-items:stretch}.synth-panel{background:linear-gradient(180deg,#121215,#1a1a1e);border-radius:4px;padding:var(--sp-md);border:1px solid rgba(0,0,0,.9);box-shadow:inset 0 5px 15px #000000e6,inset 0 0 0 1px #ffffff03,0 1px 1px #ffffff14;display:flex;flex-direction:column;gap:var(--sp-md);position:relative}.synth-panel.expanded{background:#0d1118}.panel-title-area{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-light);padding-bottom:var(--sp-sm)}.panel-title{font-size:.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);font-weight:600}.expand-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:2px}.expand-btn:hover{color:var(--text-primary)}.tooltip-wrap{position:relative;display:inline-flex}.tooltip-text{visibility:hidden;width:max-content;max-width:200px;background-color:var(--bg-deep);color:var(--text-primary);text-align:left;border-radius:2px;padding:var(--sp-sm) 10px;position:absolute;z-index:100;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);opacity:0;transition:opacity .1s ease;font-size:.7rem;border:1px solid var(--border-light);pointer-events:none;font-weight:400;line-height:1.4}.tooltip-wrap:hover .tooltip-text{visibility:visible;opacity:1}.knob-container{display:flex;flex-direction:column;align-items:center;gap:var(--sp-sm);width:48px}.knob-label{font-size:.65rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.knob-value{font-size:.75rem;color:var(--text-primary);background:transparent;padding:0;border:none;box-shadow:none;min-width:unset;text-align:center;font-weight:400;font-family:var(--font-digital)}.knob-outer{width:40px;height:40px;border-radius:50%;background:var(--bg-deep);border:1px solid rgba(0,0,0,.8);box-shadow:none;position:relative;cursor:grab;display:flex;align-items:center;justify-content:center}.knob-outer:active{cursor:grabbing}.knob-inner{width:32px;height:32px;border-radius:50%;background:var(--bg-surface);position:relative;border:1px solid rgba(0,0,0,.6);box-shadow:none}.knob-indicator{position:absolute;top:2px;left:50%;transform:translate(-50%);width:2px;height:10px;background:var(--accent-orange)}.oscilloscope-container{background:var(--bg-deep);border:1px solid var(--border-light);border-radius:2px;box-shadow:none;padding:var(--sp-sm);height:120px;width:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.panel-row{display:flex;gap:var(--sp-md);justify-content:center;align-items:center}.toggle-btn{background:var(--bg-surface);color:var(--text-muted);border:1px solid rgba(0,0,0,.8);box-shadow:none;padding:var(--sp-sm) var(--sp-md);border-radius:3px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .1s}.toggle-btn:hover{background:#343438;color:var(--text-primary)}.toggle-btn:active{transform:translateY(1px)}.toggle-btn.active{background:#141416;color:var(--accent-orange);border-color:#000;box-shadow:inset 0 1px 3px #000000e6;font-weight:700}.btn{padding:var(--sp-sm) 12px;border-radius:2px;cursor:pointer;font-size:.7rem;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-xs);transition:all .1s}.btn-primary{background:var(--text-primary)!important;color:var(--bg-deep)!important;border:1px solid var(--text-primary)!important;font-weight:700;box-shadow:none!important}.btn-secondary{background:transparent!important;color:var(--text-muted)!important;border:1px solid var(--border-light)!important}.btn-secondary:hover{color:var(--text-primary)!important;border-color:var(--text-primary)!important}.wave-equation{font-size:.7rem;color:var(--text-muted);background:transparent;padding:var(--sp-sm);border:1px solid var(--border-light);border-radius:2px;margin-left:auto;margin-right:auto;letter-spacing:.5px}