.st-root{--bg:#020812;--panel:#07121d;--panel2:#0a1724;--line:#173147;--line2:#21445e;--text:#eef8ff;--muted:#71869a;--cyan:#27e7ff;--violet:#9f6fff;--green:#3ee69a;--red:#ff526d;--yellow:#ffd45c;min-height:100vh;margin:0;background:radial-gradient(circle at 14% 10%,rgba(39,231,255,.07),transparent 28%),radial-gradient(circle at 88% 28%,rgba(159,111,255,.06),transparent 25%),linear-gradient(180deg,#07111c,#020812 52%,#01050a);color:var(--text);font-family:Inter,Pretendard,Noto Sans KR,Arial,sans-serif;position:relative}.st-root button,.st-root input,.st-root select{font:inherit}.st-root button{cursor:pointer}.st-root:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 0);background-size:44px 44px;-webkit-mask-image:linear-gradient(180deg,black,transparent 68%);mask-image:linear-gradient(180deg,black,transparent 68%)}.st-topbar{height:66px;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:space-between;padding:0 26px;background:rgba(2,8,18,.78);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative;z-index:10}.st-brand{font-weight:900;font-size:20px;letter-spacing:-.02em}.st-brand span{color:var(--cyan)}.st-top-actions{display:flex;gap:8px;align-items:center}.st-topbtn{height:34px;border:1px solid #19364d;background:#071522;color:#96adbe;padding:0 12px}.st-root main{max-width:1220px;margin:0 auto;padding:30px 26px 44px;position:relative;z-index:2}.st-page-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.st-page-head h1{font-size:31px;margin:0 0 6px}.st-page-head p{margin:0;color:#74899d;font-size:13px}.st-save-status{font-size:11px;color:#61788d}.st-save-status b{color:var(--green)}.st-settings-shell{display:grid;grid-template-columns:240px minmax(0,1fr);border:1px solid #18344b;background:rgba(5,14,24,.95);min-height:690px;box-shadow:0 24px 70px rgba(0,0,0,.42)}.st-sidebar{border-right:1px solid #11283b;background:#05101a;padding:12px 0}.st-side-title{padding:10px 16px 8px;font-size:9px;color:#526b7f;letter-spacing:.15em;text-transform:uppercase}.st-nav-item{width:100%;height:44px;border:0;background:transparent;color:#74899c;text-align:left;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-left:2px solid transparent}.st-nav-item:hover{background:#071522;color:#a9bdcb}.st-nav-item.active{background:linear-gradient(90deg,rgba(39,231,255,.07),transparent);color:#e9fbff;border-left-color:var(--cyan)}.st-nav-item span:last-child{font-size:10px;color:#4f687c}.st-content{padding:24px 28px}.st-section{display:none}.st-section.active{display:block}.st-section-head{padding-bottom:16px;border-bottom:1px solid #10263a;margin-bottom:18px}.st-section-head h2{margin:0 0 6px;font-size:21px}.st-section-head p{margin:0;color:#6e8498;font-size:12px;line-height:1.6}.st-group{margin-bottom:22px}.st-group-title{font-size:10px;color:#6d8498;letter-spacing:.13em;text-transform:uppercase;margin-bottom:9px}.st-setting-row{min-height:64px;border-top:1px solid rgba(255,255,255,.045);display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);grid-gap:20px;gap:20px;align-items:center;padding:12px 0}.st-setting-row:first-of-type{border-top:1px solid #10263a}.st-setting-label b{font-size:13px}.st-setting-label small{display:block;color:#60778b;margin-top:4px;line-height:1.45;font-size:10px}.st-control{display:flex;justify-content:flex-end;align-items:center;gap:10px}.st-select{min-width:180px;height:36px;border:1px solid #19384f;background:#06111c;color:#bfd0dc;padding:0 10px;outline:none}.st-slider-wrap{display:flex;align-items:center;gap:10px;min-width:250px}.st-root input[type=range]{width:100%;accent-color:var(--cyan)}.st-value{width:42px;text-align:right;font-size:11px;color:#91a8ba}.st-toggle{width:44px;height:24px;border:1px solid #29445a;background:#0a1520;position:relative;padding:0}.st-toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:#506577;transition:.18s}.st-toggle.on{background:rgba(39,231,255,.08);border-color:#247089}.st-toggle.on:after{left:23px;background:var(--cyan);box-shadow:0 0 8px rgba(39,231,255,.4)}.st-pack-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;margin-top:10px}.st-pack{border:1px solid #173147;background:#06111c;padding:12px 9px;text-align:left;min-height:72px;color:#91a7b8}.st-pack.active{border-color:var(--cyan);background:rgba(39,231,255,.055);color:#e9fbff}.st-pack b{display:block;font-size:11px}.st-pack small{display:block;margin-top:5px;font-size:9px;color:#60778b}.st-pack .st-wave{height:10px;margin-top:9px;display:flex;align-items:end;gap:2px}.st-pack .st-wave i{display:block;width:3px;background:#36556a}.st-pack.active .st-wave i{background:var(--cyan)}.st-testbar{margin-top:12px;border:1px solid #153047;background:#040d16;padding:12px 13px;display:flex;justify-content:space-between;align-items:center;gap:12px}.st-testbar p{margin:0;color:#677f93;font-size:10px}.st-testbtn{height:32px;border:1px solid #20516a;background:#071522;color:#a9c0cf;padding:0 12px;font-size:10px}.st-testbtn.playing{color:var(--cyan);border-color:var(--cyan)}.st-preset-row{display:flex;gap:8px;flex-wrap:wrap}.st-preset{height:34px;border:1px solid #19384e;background:#06111c;color:#849bad;padding:0 12px}.st-preset.active{border-color:#2a627b;color:#d7f7ff;background:#081824}.st-account-box{border:1px solid #163148;background:#06111c;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.st-account-left{display:flex;gap:12px;align-items:center}.st-avatar{width:42px;height:42px;border:1px solid #24516a;display:grid;place-items:center;color:var(--cyan);font-weight:900}.st-account-left b{font-size:13px}.st-account-left small{display:block;color:#62798d;margin-top:3px;font-size:10px}.st-danger{border-color:#572936!important;color:#ff8090!important}.st-danger-box{border-color:#42222d}.st-danger-text{color:#ff8090}.st-footer{margin-top:24px;border-top:1px solid #10263a;padding-top:16px;display:flex;justify-content:space-between;align-items:center}.st-footer-note{font-size:10px;color:#5d7488}.st-primary{height:38px;border:1px solid var(--cyan);background:var(--cyan);color:#011017;font-weight:900;padding:0 16px}.st-secondary{height:38px;border:1px solid #1b3b52;background:#071522;color:#9fb6c5;padding:0 14px}.st-toast{position:fixed;right:24px;bottom:24px;border:1px solid #28566f;background:#081522;color:#d9f8ff;padding:10px 14px;font-size:11px;opacity:0;transform:translateY(10px);transition:.22s;z-index:50}.st-toast.show{opacity:1;transform:translateY(0)}@media (max-width:820px){.st-root main{padding:18px 14px 32px}.st-settings-shell{grid-template-columns:1fr}.st-sidebar{border-right:0;border-bottom:1px solid #11283b;display:flex;overflow-x:auto;padding:0}.st-side-title{display:none}.st-nav-item{width:auto;min-width:118px;border-left:0;border-bottom:2px solid transparent;justify-content:center;gap:6px;padding:0 12px}.st-nav-item.active{border-left:0;border-bottom-color:var(--cyan)}.st-content{padding:18px 14px}.st-setting-row{grid-template-columns:1fr;gap:10px}.st-control{justify-content:flex-start}.st-pack-grid{grid-template-columns:repeat(2,1fr)}.st-slider-wrap{min-width:0;width:100%}.st-page-head{align-items:flex-start;gap:12px;flex-direction:column}}