html[data-design="11"]{--design-fonts:"family=Black+Han+Sans";color-scheme:dark;--pink:#FF6B8B;--pink-2:#FF8BA4;--tile-violet:#6C5CE7;--tile-yellow:#FFC56B;--tile-mint:#3DD6B5;--tile-gray:#A3A3AE;--paper:#1B1C20;--paper-2:#232429;--pane:#212227;--well:#2B2C32;--chip:#2E2F35;--line:#2F3037;--line-soft:#292A30;--line-strong:#3C3D45;--text:#F3F3F5;--text-2:#C6C7CD;--muted:#9192A0;--gold:var(--pink);--gold-deep:var(--pink-2);--link:var(--pink-2);--link-hover:#FFB3C3;--accent:var(--pink);--focus:rgba(255,107,139,.32);--ok:#46D39A;--warn:#FFC56B;--bad:#FF7A7A;--ok-bg:rgba(70,211,154,.13);--warn-bg:rgba(255,197,107,.13);--bad-bg:rgba(255,122,122,.13);--f-sans:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo",system-ui,sans-serif;--f-head:"Black Han Sans","Pretendard Variable",Pretendard,sans-serif;--f-display:"Pretendard Variable",Pretendard,system-ui,sans-serif;--head-w:400;--btn-w:700;--r-lg:14px;--r:12px;--r-sm:8px;--r-xs:4px;--shadow:0 1px 0 rgba(255,255,255,.04) inset,0 22px 48px -16px rgba(0,0,0,.75);--sh-card:none;--sh-lift:0 8px 20px -10px rgba(0,0,0,.7);--primary-bg:var(--pink);--primary-bg-hover:var(--pink-2);--primary-text:#17181B;--primary-border:var(--pink);--primary-shadow:0 10px 24px -12px rgba(255,107,139,.75);--sel-bg:#F3F3F5;--sel-text:#141518;--sel-check:var(--pink);--step-bg:var(--pink);--step-text:#17181B;--step-ring:transparent;--disabled-bg:#2A2B31;--disabled-text:#767784;--nav-bg:#141518;--nav-line:#222328;--nav-text:#A7A8B2;--nav-strong:#F3F3F5;--nav-muted:#85868F;--nav-hover:rgba(255,255,255,.05);--nav-active-bg:#2A2B31;--nav-active-text:#FFFFFF;--nav-indicator:var(--pink);--nav-chip-bg:#222328;--nav-m-active-bg:var(--pink);--nav-m-active-text:#17181B;--meter-track:rgba(255,255,255,.08)}html[data-design="11"] body{background:var(--paper)}html[data-design="11"] ::placeholder{color:#7C7D88}html[data-design="11"] ::selection{background:rgba(255,107,139,.4);color:#fff}html[data-design="11"] .appnav .brand-mark{border-radius:6px;background:var(--pink);color:#17181B;box-shadow:none;font-family:Black Han Sans,sans-serif;font-size:20px}html[data-design="11"] .brand-name{font-family:Black Han Sans,sans-serif;font-size:18px;letter-spacing:0;white-space:nowrap}html[data-design="11"] .appnav-menu a{border-radius:6px}html[data-design="11"] .appnav-menu a[aria-current=page]:before{left:auto;right:10px;top:50%;bottom:auto;width:6px;height:6px;margin-top:-3px;border-radius:50%}html[data-design="11"] .account-btn .avatar{background:var(--pink);color:#17181B}html[data-design="11"] .page-head h1{font-size:36px;letter-spacing:-.01em;line-height:1.2}html[data-design="11"] .h2{font-weight:400;letter-spacing:0;font-size:20px}html[data-design="11"] .h-step{border-radius:6px;font-family:Black Han Sans,sans-serif;font-size:16px}html[data-design="11"] .btn{border-radius:99px;border-color:var(--line-strong);background:transparent;color:var(--text);box-shadow:none}html[data-design="11"] .btn:hover{background:rgba(255,255,255,.06);border-color:#575864}html[data-design="11"] .btn-ghost{background:transparent}html[data-design="11"] .btn-ink{background:var(--primary-bg);color:var(--primary-text);border-color:var(--primary-border);box-shadow:var(--primary-shadow)}html[data-design="11"] .btn-ink:hover{background:var(--primary-bg-hover);border-color:var(--primary-bg-hover);color:var(--primary-text)}html[data-design="11"] .btn-gold{background:var(--tile-yellow);color:#17181B;border-color:var(--tile-yellow);box-shadow:none}html[data-design="11"] .btn:disabled,html[data-design="11"] .btn:disabled:hover,html[data-design="11"] .btn[aria-disabled=true]{background:var(--disabled-bg);color:var(--disabled-text);border-color:transparent;box-shadow:none}html[data-design="11"] .btn-danger{color:var(--bad);border-color:rgba(255,122,122,.4)}html[data-design="11"] .cta{border-radius:99px;background:var(--pink);color:#17181B;box-shadow:0 10px 24px -12px rgba(255,107,139,.75)}html[data-design="11"] .cta:hover:not(:disabled){background:var(--pink-2);box-shadow:0 12px 26px -12px rgba(255,107,139,.85)}html[data-design="11"] .cta:disabled{opacity:1;background:var(--disabled-bg);color:var(--disabled-text);box-shadow:none}html[data-design="11"] .cta-gold{background:var(--tile-yellow);color:#17181B;box-shadow:none}html[data-design="11"] .more-btn{border-radius:99px}html[data-design="11"] .input,html[data-design="11"] .select,html[data-design="11"] .textarea{background-color:#26272C;border-color:var(--line-strong);color:var(--text);border-radius:10px}html[data-design="11"] .input:hover,html[data-design="11"] .select:hover,html[data-design="11"] .textarea:hover{border-color:#4E4F59}html[data-design="11"] .input:focus,html[data-design="11"] .select:focus,html[data-design="11"] .textarea:focus{border-color:var(--pink)}html[data-design="11"] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23A7A8B2' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}html[data-design="11"] .select option{background:#26272C;color:var(--text)}html[data-design="11"] input[type=checkbox],html[data-design="11"] input[type=radio],html[data-design="11"] input[type=range]{accent-color:var(--pink)}html[data-design="11"] .seg{border-radius:99px;background:#26272C}html[data-design="11"] .seg label{border-radius:99px;color:var(--text-2)}html[data-design="11"] .seg label:hover{background:rgba(255,255,255,.06);color:var(--text)}html[data-design="11"] .seg label:has(input:checked){background:var(--sel-bg);color:var(--sel-text);box-shadow:none}html[data-design="11"] .pills label{background:transparent;border-color:var(--line-strong);color:var(--text-2)}html[data-design="11"] .pills label:hover{border-color:#5B5C68;color:var(--text)}html[data-design="11"] .pills label:has(input:checked){background:var(--sel-bg);border-color:var(--sel-bg);color:var(--sel-text)}html[data-design="11"] .cat-tabs button{border-radius:99px;background:#26272C;border-color:transparent;color:var(--text-2);min-height:38px}html[data-design="11"] .cat-tabs button:hover{background:#303139;color:var(--text)}html[data-design="11"] .cat-tabs button[aria-selected=true]{background:var(--sel-bg);color:var(--sel-text);border-color:var(--sel-bg)}html[data-design="11"] .modes label{background:#26272C;border-color:transparent;border-radius:10px}html[data-design="11"] .modes label:hover{background:#2C2D34}html[data-design="11"] .modes label:has(input:checked){border:2px solid var(--pink);padding:8px;background:rgba(255,107,139,.08)}html[data-design="11"] .modes span{color:var(--muted)}html[data-design="11"] .preset-cards label{background:#26272C;border-color:transparent;border-radius:10px}html[data-design="11"] .preset-cards label.on{border:1.5px solid var(--pink);background:rgba(255,107,139,.08);box-shadow:none}html[data-design="11"] .job-box,html[data-design="11"] .toggle{background:#26272C}html[data-design="11"] .ab{border-color:var(--line-strong)}html[data-design="11"] .ab button{background:transparent;color:var(--text-2)}html[data-design="11"] .ab button+button{border-left-color:var(--line-strong)}html[data-design="11"] .ab button.on{background:var(--pink);color:#17181B}html[data-design="11"] .mini-toggle{background:transparent;border-color:var(--line-strong)}html[data-design="11"] .card,html[data-design="11"] .pane{background:var(--pane);border-color:transparent;box-shadow:none}html[data-design="11"] .chip{background:#2E2F35;color:var(--text-2)}html[data-design="11"] .chip-ok{background:var(--ok-bg);color:var(--ok)}html[data-design="11"] .chip-warn{background:var(--warn-bg);color:var(--warn)}html[data-design="11"] .chip-bad{background:var(--bad-bg);color:var(--bad)}html[data-design="11"] .notice{background:#26272C;border-color:transparent;color:var(--text-2)}html[data-design="11"] .notice-ok{background:var(--ok-bg);color:#8BE8C0}html[data-design="11"] .demo-band,html[data-design="11"] .notice-warn{background:var(--warn-bg);color:#FFD596}html[data-design="11"] .notice-bad{background:var(--bad-bg);color:#FFB0B0}html[data-design="11"] .empty{background:transparent;border-color:var(--line-strong);color:var(--muted)}html[data-design="11"] .drop{border-color:#474853;background:#1E1F24}html[data-design="11"] .drop.is-over{border-color:var(--pink);background:rgba(255,107,139,.07)}html[data-design="11"] .play{background:transparent;border-color:var(--line-strong);color:var(--text)}html[data-design="11"] .play:hover{border-color:var(--pink);color:var(--pink)}html[data-design="11"] .play.on{background:var(--pink);color:#17181B;border-color:var(--pink)}html[data-design="11"] .song-list li,html[data-design="11"] .tracklist li{border-bottom-color:var(--line-soft)}html[data-design="11"] .tl-note{color:var(--ok)}html[data-design="11"] .flow li{background:var(--pane)}html[data-design="11"] .flow2 li:hover{background:#26272C}html[data-design="11"] .flow2 .grip{color:#6E6F7A}html[data-design="11"] .flow2 .grip:hover:not(:disabled){background:#2C2D34;color:var(--text)}html[data-design="11"] .flow2 li.dragging{background:#2A2B31;box-shadow:0 16px 34px -12px rgba(0,0,0,.8),0 0 0 1.5px var(--pink)}html[data-design="11"] .flow2 li.moved{animation-name:flowMoved11}@keyframes flowMoved11{0%{background:rgba(255,107,139,.3)}to{background:var(--pane)}}html[data-design="11"] .flow2 .flow-ctl button:hover:not(:disabled){background:#2C2D34}html[data-design="11"] .flow-no{color:var(--muted)}html[data-design="11"] .flow-j.shift{color:#FF9F7A}html[data-design="11"] .drag-badge{background:var(--pink);color:#17181B}html[data-design="11"] .grip-mini{color:var(--pink)}html[data-design="11"] .energy{border-bottom-color:var(--line)}html[data-design="11"] .energy span{border-radius:3px 3px 0 0;background:var(--pink)}html[data-design="11"] .energy span:nth-child(5n+2){background:var(--tile-violet)}html[data-design="11"] .energy span:nth-child(5n+3){background:var(--tile-yellow)}html[data-design="11"] .energy span:nth-child(5n+4){background:var(--tile-mint)}html[data-design="11"] .energy span:nth-child(5n+5){background:var(--tile-gray)}html[data-design="11"] .energy span.energy-empty{background:none}html[data-design="11"] .mini-bars .mb>span{background:#3A3B44}html[data-design="11"] .mini-bars .mb.hi>span{background:var(--pink)}html[data-design="11"] .preview{border-radius:10px;background:linear-gradient(135deg,#FF6B8B,#F2557A 55%,#6C5CE7 140%);background-size:cover;background-position:50%}html[data-design="11"] .preview-h{color:rgba(23,24,27,.14);font-family:Black Han Sans,sans-serif}html[data-design="11"] .preview-title{font-family:Black Han Sans,sans-serif;font-style:normal;color:#17181B;font-size:30px}html[data-design="11"] .preview-sub{color:rgba(23,24,27,.78)}html[data-design="11"] .preview-spec span{background:rgba(23,24,27,.55)}html[data-design="11"] .stamps{background:#26272C}html[data-design="11"] .stamp .num{color:var(--pink-2)}html[data-design="11"] .job-box{border-color:var(--line-strong)}html[data-design="11"] .result-box{background:var(--ok-bg)}html[data-design="11"] .genre-list button{border-color:transparent;border-radius:10px;background:#28292F}html[data-design="11"] .genre-list button:hover{background:#2E2F36;border-color:transparent;box-shadow:none}html[data-design="11"] .genre-list button.on{background:rgba(255,107,139,.12);border-color:var(--pink);box-shadow:inset 0 0 0 1px var(--pink)}html[data-design="11"] .genre-list button.on .g-no{color:var(--pink)}html[data-design="11"] .picked.on{background:rgba(255,107,139,.12);border-color:rgba(255,107,139,.4)}html[data-design="11"] .bench-intro{background:var(--pane);border-color:transparent;box-shadow:none}html[data-design="11"] .bench-gets li{background:#28292F;border-color:transparent}html[data-design="11"] .bench-gets i{font-family:Black Han Sans,sans-serif;color:var(--pink)}html[data-design="11"] .bench-try code{background:#28292F;border-color:transparent;color:var(--text-2)}html[data-design="11"] .energy{background:none}html[data-design="11"] .song-list li:hover,html[data-design="11"] .tracklist li:hover{background:#28292F}html[data-design="11"] .toggle{border-color:transparent}html[data-design="11"] .drop:before{background-color:#2E2F35;box-shadow:none}html[data-design="11"] .g-no{color:var(--pink);font-weight:700}html[data-design="11"] .g-code{color:var(--muted);letter-spacing:.06em}html[data-design="11"] .picked{background:#26272C}html[data-design="11"] .thumb-canvas{background:#111215}html[data-design="11"] .swatch.on{border-color:var(--text);box-shadow:0 0 0 2px var(--pane) inset}html[data-design="11"] .ig-card{border-radius:8px;background:#26272C}html[data-design="11"] .ig-tag{color:var(--pink-2)}html[data-design="11"] .ref-panel{background:#1E1F24;border-color:var(--line)}html[data-design="11"] .ref-drop,html[data-design="11"] .ref-make{background:#26272C;border-color:var(--line-strong)}html[data-design="11"] .ref-drop.over{border-color:var(--pink);background:rgba(255,107,139,.07)}html[data-design="11"] .tray-row button.on{border-color:var(--pink)}html[data-design="11"] .ref-list button:hover{background:#26272C;border-color:transparent}html[data-design="11"] .ref-list button.on{background:#2C2D34;border-color:transparent;box-shadow:inset 3px 0 0 var(--pink)}html[data-design="11"] .rep-hero{background:#141518;border-color:#141518}html[data-design="11"] .rep-hero .chip{background:rgba(255,107,139,.14);color:var(--pink-2)}html[data-design="11"] .rep-hero .metric-v{color:var(--pink-2)}html[data-design="11"] .copy-chip,html[data-design="11"] .dna-title,html[data-design="11"] .formula,html[data-design="11"] .idea>b,html[data-design="11"] .rep-title{font-family:Black Han Sans,sans-serif;font-weight:400}html[data-design="11"] .copy-chip{background:#2C2D34;color:var(--pink-2)}html[data-design="11"] .copy-chip:hover{background:#33343C}html[data-design="11"] .metric{background:#26272C;border-color:transparent}html[data-design="11"] .palette .sw span{background:rgba(23,24,27,.8);color:#F3F3F5}html[data-design="11"] .lib-tabs button[aria-selected=true]{border-bottom-color:var(--pink)}html[data-design="11"] .asset-list,html[data-design="11"] .job-list{border-color:transparent}html[data-design="11"] .asset:hover,html[data-design="11"] .job-row:hover{background:#26272C}html[data-design="11"] .asset-ico{background:#2E2F35;color:var(--pink)}html[data-design="11"] .star{color:#4A4B55}html[data-design="11"] .star.on{color:var(--pink)}html[data-design="11"] .more-menu>div{background:#26272C}html[data-design="11"] .more-menu>div button:hover{background:#303139}html[data-design="11"] .mt-card{background:#26272C;border-color:transparent}html[data-design="11"] .mt-metrics span{background:#1E1F24}html[data-design="11"] .cover-empty{background:transparent}html[data-design="11"] .cover-plus{color:var(--pink)}html[data-design="11"] .picker{background:#212227;color:var(--text)}html[data-design="11"] .picker-x{color:var(--text)}html[data-design="11"] .toast,html[data-design="11"] .viewer-x{background:#F3F3F5;color:#17181B}html[data-design="11"] .toast-ok{background:#46D39A;color:#0E2A1D}html[data-design="11"] .toast-bad{background:#FF7A7A;color:#2E0D0D}html[data-design="11"] .account-menu{background:#26272C;border-color:var(--line-strong)}html[data-design="11"] .account-menu a:hover,html[data-design="11"] .account-menu button:hover{background:#303139}html[data-design="11"] .account-menu .meters{background:#1E1F24;--nav-text:var(--text-2);--nav-strong:var(--text);--nav-muted:var(--muted);--meter-track:rgba(255,255,255,.08);--nav-indicator:var(--pink)}html[data-design="11"] .sk{background:linear-gradient(90deg,#232429,#2C2D33 50%,#232429);background-size:200% 100%}@media (max-width:959px){html[data-design="11"] .page-head h1{font-size:28px}}html[data-design="12"]{--design-fonts:"family=Archivo:wdth,wght@62..125,400..900";--orange:#FF5A1F;--orange-2:#FF6E38;--black:#111111;--paper:#D8D7D1;--paper-2:#E0DFD9;--pane:#E6E5E0;--well:#CAC9C2;--chip:#CDCCC5;--line:#B3B2AB;--line-soft:#C6C5BF;--line-strong:#111111;--text:#111111;--text-2:#36352F;--muted:#5A5952;--gold:#B53507;--gold-deep:#111111;--link:#111111;--link-hover:#D9440E;--accent:var(--orange);--focus:rgba(255,90,31,.35);--ok:#1E6B45;--warn:#8A5A00;--bad:#B3260E;--ok-bg:#CFE0D3;--warn-bg:#EBDDB8;--bad-bg:#F0CDBF;--f-sans:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo",system-ui,sans-serif;--f-head:"Pretendard Variable",Pretendard,sans-serif;--f-display:"Archivo","Pretendard Variable",Pretendard,sans-serif;--head-w:900;--btn-w:750;--r-lg:0px;--r:0px;--r-sm:0px;--r-xs:0px;--shadow:0 0 0 1.5px #111,8px 8px 0 rgba(17,17,17,.14);--sh-card:none;--sh-lift:none;--primary-bg:var(--orange);--primary-bg-hover:#111111;--primary-text:#111111;--primary-border:var(--orange);--primary-shadow:none;--sel-bg:#111111;--sel-text:#FFFFFF;--sel-check:var(--orange);--step-bg:#111111;--step-text:#FFFFFF;--step-ring:transparent;--disabled-bg:#C4C3BC;--disabled-text:#5C5B55;--nav-bg:#CFCEC7;--nav-line:#111111;--nav-text:#2A2925;--nav-strong:#111111;--nav-muted:#4E4D47;--nav-hover:rgba(17,17,17,.07);--nav-active-bg:#111111;--nav-active-text:#FFFFFF;--nav-indicator:var(--orange);--nav-chip-bg:rgba(17,17,17,.07);--nav-m-active-bg:#111111;--nav-m-active-text:#FFFFFF;--meter-track:rgba(17,17,17,.14)}html[data-design="12"] body{background:var(--paper)}html[data-design="12"] body :not(.play):not(.design-bar):not(.design-bar *){border-radius:0!important}html[data-design="12"] .studio-head{padding-bottom:18px;border-bottom:3px solid #111}html[data-design="12"] .studio-title h1{font-size:40px;letter-spacing:-.045em;line-height:1.12}html[data-design="12"] .bench-intro{border:0;border-top:3px solid #111;background:var(--pane);box-shadow:none}html[data-design="12"] .bench-gets li{background:var(--paper-2);border:1.5px solid #111}html[data-design="12"] .bench-gets i{font-family:Archivo,sans-serif;font-weight:800;color:var(--gold)}html[data-design="12"] .bench-try code{background:transparent;border:1.5px solid #111;color:#111}html[data-design="12"] .energy{background:none}html[data-design="12"] .energy:before{color:#111;font-weight:700}html[data-design="12"] .genre-list button{border:1.5px solid #111;background:var(--paper-2)}html[data-design="12"] .genre-list button:hover{background:#EDECE7;box-shadow:none}html[data-design="12"] .picked{border:0}html[data-design="12"] .picked.on{background:var(--orange);color:#111}html[data-design="12"] .picked.on .muted{color:#111}html[data-design="12"] .song-list li:hover,html[data-design="12"] .tracklist li:hover{background:#EDECE7}html[data-design="12"] ::placeholder{color:#7A7972}html[data-design="12"] ::selection{background:var(--orange);color:#111}html[data-design="12"] :focus-visible{outline-color:var(--orange)}html[data-design="12"] .num{font-family:Archivo,sans-serif;font-weight:600;font-stretch:90%}html[data-design="12"] .appnav{border-right-width:2px}html[data-design="12"] .appnav .brand-mark{border-radius:0;background:var(--orange);color:#111;box-shadow:none;font-family:Archivo,sans-serif;font-weight:900;font-size:18px}html[data-design="12"] .brand-name{font-family:Archivo,sans-serif;font-weight:800;font-stretch:88%;font-size:19px;letter-spacing:-.01em}html[data-design="12"] .appnav-group{font-family:Archivo,sans-serif;font-weight:700;color:#111;border-top:1.5px solid #111;padding-top:8px;margin-left:6px;margin-right:6px}html[data-design="12"] .appnav-group:first-child{margin-top:4px}html[data-design="12"] .appnav-menu a{border-radius:0;font-weight:600}html[data-design="12"] .appnav-menu a[aria-current=page]:before{display:none}html[data-design="12"] .appnav-menu a[aria-current=page] svg{color:var(--orange)}html[data-design="12"] .appnav-foot{border-top-width:1.5px}html[data-design="12"] .meter b{font-family:Archivo,sans-serif;font-weight:700}html[data-design="12"] .meter i{border-radius:0;height:4px}html[data-design="12"] .meter i:after{background:#111}html[data-design="12"] .account-btn{border-radius:0}html[data-design="12"] .account-btn .avatar{border-radius:0;background:#111;color:#fff}html[data-design="12"] .account-menu{border:1.5px solid #111}html[data-design="12"] .account-menu a,html[data-design="12"] .account-menu button{border-radius:0}html[data-design="12"] .account-menu .meters{background:var(--paper-2);--nav-indicator:#111}html[data-design="12"] .page-head{padding-bottom:18px;border-bottom:3px solid #111}html[data-design="12"] .page-head h1{font-size:40px;letter-spacing:-.045em;line-height:1.12}html[data-design="12"] .page-head p{color:var(--text-2)}html[data-design="12"] .h2{font-weight:900;letter-spacing:-.04em;font-size:21px}html[data-design="12"] .h-step{border-radius:0;width:30px;height:30px;font-family:Archivo,sans-serif;font-weight:800;font-size:15px}html[data-design="12"] .btn{border-radius:0;border:2px solid #111;background:transparent;color:#111;box-shadow:none;font-weight:750}html[data-design="12"] .btn:hover{background:#111;color:#fff;border-color:#111}html[data-design="12"] .btn-ghost{background:transparent;border-color:#111}html[data-design="12"] .btn-sm,html[data-design="12"] .btn-xs{border-radius:0;border-width:1.5px}html[data-design="12"] .btn-ink{background:var(--orange);color:#111;border-color:var(--orange)}html[data-design="12"] .btn-ink:hover{background:#111;color:var(--orange);border-color:#111}html[data-design="12"] .btn-gold{background:#111;color:#fff;border-color:#111}html[data-design="12"] .btn-gold:hover{background:var(--orange);color:#111;border-color:var(--orange)}html[data-design="12"] .btn:disabled,html[data-design="12"] .btn:disabled:hover,html[data-design="12"] .btn[aria-disabled=true]{background:var(--disabled-bg);color:var(--disabled-text);border-color:transparent}html[data-design="12"] .btn-danger{color:var(--bad);border-color:var(--bad)}html[data-design="12"] .btn-danger:hover{background:var(--bad);color:#fff}html[data-design="12"] .linkish{-webkit-text-decoration-color:var(--orange);text-decoration-color:var(--orange);text-decoration-thickness:2px}html[data-design="12"] .cta{border-radius:0;background:var(--orange);color:#111;box-shadow:none;font-weight:800}html[data-design="12"] .cta:hover:not(:disabled){background:#111;color:var(--orange);transform:none;box-shadow:none}html[data-design="12"] .cta:disabled{opacity:1;background:var(--disabled-bg);color:var(--disabled-text)}html[data-design="12"] .cta-gold{background:#111;color:#fff}html[data-design="12"] .more-btn{border-radius:0;border:1.5px dashed #111}html[data-design="12"] .input,html[data-design="12"] .select,html[data-design="12"] .textarea{border-radius:0;border:1.5px solid #111;background-color:#EFEEE9}html[data-design="12"] .input:hover,html[data-design="12"] .select:hover,html[data-design="12"] .textarea:hover{border-color:#111;background-color:#F4F3EF}html[data-design="12"] .input:focus,html[data-design="12"] .select:focus,html[data-design="12"] .textarea:focus{border-color:#111;box-shadow:4px 4px 0 var(--orange)}html[data-design="12"] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23111111' stroke-width='2' stroke-linecap='square'/%3E%3C/svg%3E")}html[data-design="12"] input[type=checkbox],html[data-design="12"] input[type=radio],html[data-design="12"] input[type=range]{accent-color:#111}html[data-design="12"] .seg{border-radius:0;padding:3px;background:var(--well);gap:3px}html[data-design="12"] .seg label{border-radius:0;color:#2A2925;font-weight:700}html[data-design="12"] .seg label:hover{background:rgba(255,255,255,.45)}html[data-design="12"] .seg label:has(input:checked){background:#111;color:#fff;box-shadow:3px 3px 0 var(--orange)}html[data-design="12"] .pills label{border-radius:0;border:1.5px solid #111;background:transparent;color:#111;font-weight:650}html[data-design="12"] .pills label:hover{background:rgba(17,17,17,.07);border-color:#111}html[data-design="12"] .pills label:has(input:checked){background:#111;color:#fff;border-color:#111}html[data-design="12"] .cat-tabs button{border-radius:0;border:1.5px solid #111;background:transparent;color:#111;min-height:38px;font-weight:650}html[data-design="12"] .cat-tabs button:hover{background:rgba(17,17,17,.07)}html[data-design="12"] .cat-tabs button[aria-selected=true]{background:#111;color:#fff;border-color:#111}html[data-design="12"] .modes label{border-radius:0;border:1.5px solid #111;background:transparent}html[data-design="12"] .modes label:hover{background:rgba(17,17,17,.05)}html[data-design="12"] .modes label:has(input:checked){border:1.5px solid #111;padding:10px;background:#111;color:#fff;box-shadow:4px 4px 0 var(--orange)}html[data-design="12"] .modes label:has(input:checked) span{color:#CFCEC7}html[data-design="12"] .preset-cards label{border-radius:0;border:1.5px solid #111;background:transparent}html[data-design="12"] .preset-cards label.on{background:#111;color:#fff;box-shadow:4px 4px 0 var(--orange);border:1.5px solid #111}html[data-design="12"] .preset-cards label.on span{color:#CFCEC7}html[data-design="12"] .toggle{background:var(--paper-2)}html[data-design="12"] .ab,html[data-design="12"] .toggle{border-radius:0;border:1.5px solid #111}html[data-design="12"] .ab button{background:transparent;color:#111}html[data-design="12"] .ab button+button{border-left:1.5px solid #111}html[data-design="12"] .ab button.on{background:#111;color:var(--orange)}html[data-design="12"] .mini-toggle{border-radius:0;border-color:#111;background:transparent}html[data-design="12"] .swatch{border-radius:0}html[data-design="12"] .swatch.on{border-color:#111;box-shadow:3px 3px 0 var(--orange)}html[data-design="12"] .card,html[data-design="12"] .pane{border:0;border-top:3px solid #111;background:var(--pane);box-shadow:none}html[data-design="12"] .chip{border-radius:0;background:#111;color:#fff;font-family:Archivo,Pretendard Variable,sans-serif;font-weight:700}html[data-design="12"] .chip-ok{background:var(--ok-bg);color:var(--ok)}html[data-design="12"] .chip-warn{background:var(--warn-bg);color:var(--warn)}html[data-design="12"] .chip-bad{background:var(--bad-bg);color:var(--bad)}html[data-design="12"] .notice{border-radius:0;border:1.5px solid #111;background:var(--paper-2);color:#111}html[data-design="12"] .notice-ok{background:var(--ok-bg);border-color:var(--ok);color:#123D27}html[data-design="12"] .demo-band,html[data-design="12"] .notice-warn{border-radius:0;background:var(--orange);border-color:var(--orange);color:#111;font-weight:600}html[data-design="12"] .notice-bad{background:var(--bad-bg);border-color:var(--bad);color:#6A1607}html[data-design="12"] .empty{border-radius:0;border:1.5px dashed #111;background:transparent;color:var(--text-2)}html[data-design="12"] .drop{border-radius:0;border:1.5px dashed #111;background:var(--paper-2)}html[data-design="12"] .drop.is-over{background:var(--orange);border-style:solid}html[data-design="12"] .bar{border-radius:0;background:var(--well)}html[data-design="12"] .bar>span{background:var(--orange)}html[data-design="12"] .bar-ink>span{background:#111}html[data-design="12"] .play{border:1.5px solid #111;background:transparent;color:#111}html[data-design="12"] .play:hover{background:#111;color:#fff}html[data-design="12"] .play.on{background:var(--orange);color:#111;border-color:var(--orange)}html[data-design="12"] .song-list li,html[data-design="12"] .tracklist li{border-bottom-color:var(--line)}html[data-design="12"] .tl-note{color:var(--ok)}html[data-design="12"] .flow li{background:var(--pane);border-bottom-color:var(--line)}html[data-design="12"] .flow2 li{border-radius:0}html[data-design="12"] .flow2 li:hover{background:#EDECE7}html[data-design="12"] .flow2 .grip{color:#77766F;border-radius:0}html[data-design="12"] .flow2 .grip:hover:not(:disabled){background:#111;color:#fff}html[data-design="12"] .flow2 li.dragging{background:#EFEEE9;box-shadow:0 0 0 2px #111,6px 6px 0 var(--orange)}html[data-design="12"] .flow2 li.moved{animation-name:flowMoved12}@keyframes flowMoved12{0%{background:var(--orange)}to{background:var(--pane)}}html[data-design="12"] .flow2 .flow-ctl button{border-radius:0;color:#111}html[data-design="12"] .flow2 .flow-ctl button:hover:not(:disabled){background:#111;color:#fff;border-color:#111}html[data-design="12"] .flow-no{color:#111;font-family:Archivo,sans-serif;font-weight:600}html[data-design="12"] .flow2 li.locked .flow-no{color:var(--gold)}html[data-design="12"] .flow li .chip{background:transparent;color:#111;padding:0;font-size:12.5px}html[data-design="12"] .flow-j.good{color:var(--ok)}html[data-design="12"] .flow-j.shift{color:var(--bad)}html[data-design="12"] .flow-j.fixed{color:#111;font-weight:700}html[data-design="12"] .drag-badge{border-radius:0;background:#111;color:var(--orange);font-family:Archivo,sans-serif}html[data-design="12"] .grip-mini{color:#111}html[data-design="12"] .energy{border-bottom:2px solid #111;gap:3px}html[data-design="12"] .energy span{border-radius:0;background:#111}html[data-design="12"] .energy span.first{background:var(--orange)}html[data-design="12"] .energy span.energy-empty{background:none}html[data-design="12"] .mini-bars .mb>span{border-radius:0;background:#9E9D96}html[data-design="12"] .mini-bars .mb.hi>span{background:var(--orange)}html[data-design="12"] .preview{border-radius:0;background:var(--orange);background-size:cover;background-position:50%}html[data-design="12"] .preview:before{content:"HMS-007";position:absolute;left:16px;top:14px;font-family:Archivo,sans-serif;font-weight:700;font-size:12px;color:#111;letter-spacing:.02em;z-index:1}html[data-design="12"] .preview-h{color:rgba(17,17,17,.1);font-family:Archivo,sans-serif;font-weight:900}html[data-design="12"] .preview-title{font-family:Pretendard Variable,Pretendard,sans-serif;font-style:normal;font-weight:900;color:#111;font-size:30px;letter-spacing:-.04em}html[data-design="12"] .preview-sub{color:rgba(17,17,17,.78)}html[data-design="12"] .preview-spec span{background:#111}html[data-design="12"] .stamps{border-radius:0;background:var(--paper-2);border-left:3px solid #111}html[data-design="12"] .stamp .num{color:#111}html[data-design="12"] .job-box{border-radius:0;border:2px solid #111}html[data-design="12"] .result-box{border-radius:0}html[data-design="12"] .genre-list button{border-radius:0;border-bottom-color:var(--line)}html[data-design="12"] .genre-list button:hover{background:rgba(17,17,17,.05)}html[data-design="12"] .genre-list button.on{background:#111;color:#fff;box-shadow:inset 6px 0 0 var(--orange)}html[data-design="12"] .genre-list button.on .g-blurb,html[data-design="12"] .genre-list button.on .g-code{color:#CFCEC7}html[data-design="12"] .g-no{color:#111;font-family:Archivo,sans-serif;font-weight:700}html[data-design="12"] .genre-list button.on .g-no{color:var(--orange)}html[data-design="12"] .g-code{font-family:Archivo,sans-serif;font-weight:600;letter-spacing:.02em;color:var(--muted)}html[data-design="12"] .picked{border-radius:0;background:var(--paper-2);border-left:3px solid var(--orange)}html[data-design="12"] .ig-btn,html[data-design="12"] .ig-card,html[data-design="12"] .ref-overlay,html[data-design="12"] .thumb-canvas,html[data-design="12"] .thumb-stage{border-radius:0}html[data-design="12"] .ig-tag{border-radius:0;background:var(--orange);color:#111}html[data-design="12"] .ref-panel{border-radius:0;border:1.5px solid #111;background:var(--paper-2)}html[data-design="12"] .ref-drop,html[data-design="12"] .ref-make{border-radius:0;border-color:#111;background:var(--pane)}html[data-design="12"] .ref-drop.has img,html[data-design="12"] .tray-row button{border-radius:0}html[data-design="12"] .ref-drop.over{background:var(--orange)}html[data-design="12"] .ref-empty svg{color:var(--gold)}html[data-design="12"] .tray-row button.on{border-color:var(--orange)}html[data-design="12"] .chip-btn:hover{background:var(--orange);color:#111}html[data-design="12"] .ref-list button{border-radius:0}html[data-design="12"] .ref-list button:hover{background:var(--pane);border-color:transparent}html[data-design="12"] .ref-list button.on{background:#111;color:#fff;border-color:#111;box-shadow:inset 5px 0 0 var(--orange)}html[data-design="12"] .ref-list button.on .muted{color:#CFCEC7}html[data-design="12"] .rep-hero{background:#111;border-color:#111}html[data-design="12"] .rep-hero .chip{background:var(--orange);color:#111}html[data-design="12"] .rep-hero .metric{background:#1D1D1B;border-color:#333}html[data-design="12"] .rep-hero .metric-v{color:var(--orange)}html[data-design="12"] .anat,html[data-design="12"] .dna-src,html[data-design="12"] .dna-yt,html[data-design="12"] .flow-pre,html[data-design="12"] .idea,html[data-design="12"] .metric,html[data-design="12"] .music-box,html[data-design="12"] .prompt,html[data-design="12"] .rep-thumb,html[data-design="12"] .thumb-grid a,html[data-design="12"] .variant,html[data-design="12"] .vid-thumb{border-radius:0}html[data-design="12"] .metric{background:var(--paper-2);border-color:var(--line)}html[data-design="12"] .dna-title,html[data-design="12"] .formula,html[data-design="12"] .idea>b,html[data-design="12"] .rep-title{font-family:Pretendard Variable,Pretendard,sans-serif;font-weight:900;letter-spacing:-.03em}html[data-design="12"] .formula{border-left-color:var(--orange)}html[data-design="12"] .copy-chip{border-radius:0;background:#111;color:#fff;font-family:Pretendard Variable,Pretendard,sans-serif}html[data-design="12"] .copy-chip:hover{background:var(--orange);color:#111}html[data-design="12"] .lib-tabs{border-bottom:2px solid #111}html[data-design="12"] .lib-tabs button{color:var(--text-2);font-weight:600}html[data-design="12"] .lib-tabs button[aria-selected=true]{color:#111;font-weight:900;border-bottom:4px solid var(--orange)}html[data-design="12"] .asset-list,html[data-design="12"] .job-list{border:0;border-top:3px solid #111;background:var(--pane)}html[data-design="12"] .asset{border-bottom-color:var(--line)}html[data-design="12"] .asset:hover,html[data-design="12"] .job-row:hover{background:#EDECE7}html[data-design="12"] .asset-thumb>button:not(.play){border-radius:0}html[data-design="12"] .asset-ico{border-radius:0;background:#111;color:var(--orange)}html[data-design="12"] .star{color:#A6A59E}html[data-design="12"] .star.on{color:var(--orange)}html[data-design="12"] .more-menu>div{border-radius:0;border:1.5px solid #111}html[data-design="12"] .mt-card{border-radius:0;border:0;border-top:2px solid #111;background:var(--pane)}html[data-design="12"] .mt-metrics span{border-radius:0;background:var(--paper-2)}html[data-design="12"] .mt-metrics b{font-family:Archivo,sans-serif;font-weight:700}html[data-design="12"] .cover-ph,html[data-design="12"] .cover-pick>img,html[data-design="12"] .cover-plus{border-radius:0}html[data-design="12"] .cover-empty{border-radius:0;border:1.5px dashed #111}html[data-design="12"] .cover-plus{background:var(--orange);color:#111}html[data-design="12"] .picker{border-radius:0;border:2px solid #111;background:var(--pane);box-shadow:10px 10px 0 rgba(17,17,17,.25)}html[data-design="12"] .viewer-x{border-radius:0}html[data-design="12"] .toast{border-radius:0;background:#111;color:#fff;box-shadow:6px 6px 0 var(--orange)}html[data-design="12"] .toast-ok{background:#123D27}html[data-design="12"] .toast-bad{background:#6A1607}html[data-design="12"] .sk{border-radius:0;background:linear-gradient(90deg,#CFCEC7,#DEDDD7 50%,#CFCEC7);background-size:200% 100%}@media (max-width:1099px){html[data-design="12"] .appnav{border-right:0;border-bottom-width:2px}html[data-design="12"] .appnav-menu a{border-radius:0;border:1.5px solid #111;background:transparent}html[data-design="12"] .appnav-menu a[aria-current=page]{background:#111;color:#fff}html[data-design="12"] .appnav-menu a[aria-current=page] svg{color:var(--orange)}html[data-design="12"] .account-btn{border-radius:0}}@media (max-width:959px){html[data-design="12"] .page-head h1{font-size:30px}}html[data-design="18"]{--violet:#5B4CF0;--violet-2:#4A3BD6;--violet-bg:#F1F0FE;--violet-line:#C9C4FB;--paper:#F4F4F7;--paper-2:#F8F8FB;--pane:#FFFFFF;--well:#ECECF1;--chip:#F0F0F5;--line:#E4E4EB;--line-soft:#EEEEF3;--line-strong:#D1D1DB;--text:#0F0F14;--text-2:#44444F;--muted:#6B6B79;--gold:var(--violet);--gold-deep:var(--violet-2);--link:var(--violet-2);--link-hover:#2F22B5;--accent:var(--violet);--focus:rgba(91,76,240,.22);--ok:#13865A;--warn:#A86A0B;--bad:#D0342C;--ok-bg:#E7F6EF;--warn-bg:#FCF3E2;--bad-bg:#FDECEB;--f-sans:"Pretendard Variable",Pretendard,-apple-system,"Apple SD Gothic Neo",system-ui,sans-serif;--f-head:"Pretendard Variable",Pretendard,sans-serif;--f-display:"Pretendard Variable",Pretendard,system-ui,sans-serif;--head-w:800;--btn-w:650;--r-lg:16px;--r:14px;--r-sm:10px;--r-xs:6px;--shadow:0 1px 2px rgba(15,15,20,.06),0 20px 44px -18px rgba(15,15,20,.22);--sh-card:0 1px 2px rgba(15,15,20,.04);--sh-lift:0 1px 2px rgba(15,15,20,.06),0 4px 12px -4px rgba(15,15,20,.12);--primary-bg:#0F0F14;--primary-bg-hover:#26262F;--primary-text:#FFFFFF;--primary-border:#0F0F14;--primary-shadow:0 8px 18px -10px rgba(15,15,20,.6);--sel-bg:var(--violet);--sel-text:#FFFFFF;--sel-check:#FFFFFF;--step-bg:var(--violet-bg);--step-text:var(--violet-2);--step-ring:var(--violet-line);--disabled-bg:#ECECF1;--disabled-text:#85859A;--nav-bg:#FFFFFF;--nav-line:#E4E4EB;--nav-text:#44444F;--nav-strong:#0F0F14;--nav-muted:#72727E;--nav-hover:#F4F4F7;--nav-active-bg:var(--violet-bg);--nav-active-text:#3326C4;--nav-indicator:var(--violet);--nav-chip-bg:#F0F0F5;--nav-m-active-bg:#0F0F14;--nav-m-active-text:#FFFFFF;--meter-track:#ECECF1}html[data-design="18"] body{background:var(--paper)}html[data-design="18"] ::selection{background:rgba(91,76,240,.2)}html[data-design="18"] :focus-visible{outline-color:var(--violet)}html[data-design="18"] .num{font-family:var(--f-display);font-weight:600;letter-spacing:-.01em}html[data-design="18"] .appnav .brand-mark{border-radius:10px;color:transparent;box-shadow:none;background:linear-gradient(var(--violet),var(--violet)) 8px 50% /3px 10px no-repeat,linear-gradient(var(--violet),var(--violet)) 13px 50% /3px 20px no-repeat,linear-gradient(var(--violet),var(--violet)) 18px 50% /3px 14px no-repeat,linear-gradient(var(--violet),var(--violet)) 23px 50% /3px 24px no-repeat,var(--violet-bg)}html[data-design="18"] .brand-name{font-family:var(--f-sans);font-weight:800;font-size:18px;letter-spacing:-.03em}html[data-design="18"] .appnav-menu a{border-radius:10px;font-weight:550}html[data-design="18"] .appnav-menu a[aria-current=page]:before{display:none}@media (min-width:1100px){html[data-design="18"] .appnav-menu a[aria-current=page]{box-shadow:inset 0 0 0 1px var(--violet-line)}}html[data-design="18"] .meter b{font-family:var(--f-sans);font-weight:700;font-size:13px}html[data-design="18"] .account-btn .avatar{background:#0F0F14;color:#fff}html[data-design="18"] .account-menu .meters{background:var(--paper)}html[data-design="18"] .page-head h1,html[data-design="18"] .studio-title h1{font-size:32px;letter-spacing:-.045em}html[data-design="18"] .h2{font-weight:750;letter-spacing:-.035em}html[data-design="18"] .h-step{font-family:var(--f-sans);font-weight:750;font-size:14px}html[data-design="18"] .btn{border-radius:99px;border-color:var(--line-strong)}html[data-design="18"] .btn:hover{background:var(--paper-2);border-color:#B9B9C6}html[data-design="18"] .btn-ghost{background:var(--pane)}html[data-design="18"] .btn-ink:hover{background:var(--primary-bg-hover);border-color:var(--primary-bg-hover);color:#fff}html[data-design="18"] .btn-gold{background:var(--violet);color:#fff;border-color:var(--violet);box-shadow:0 8px 18px -10px rgba(91,76,240,.7)}html[data-design="18"] .btn-gold:hover{background:var(--violet-2);border-color:var(--violet-2)}html[data-design="18"] .btn:disabled,html[data-design="18"] .btn:disabled:hover,html[data-design="18"] .btn[aria-disabled=true]{background:var(--disabled-bg);color:var(--disabled-text);border-color:transparent;box-shadow:none}html[data-design="18"] .cta{border-radius:99px;background:#0F0F14;color:#fff;box-shadow:0 8px 18px -10px rgba(15,15,20,.6)}html[data-design="18"] .cta:hover:not(:disabled){background:#26262F;box-shadow:0 10px 22px -10px rgba(15,15,20,.55)}html[data-design="18"] .cta:disabled{opacity:1;background:var(--disabled-bg);color:var(--disabled-text);box-shadow:none}html[data-design="18"] .cta-gold{background:var(--violet);color:#fff;box-shadow:0 8px 18px -10px rgba(91,76,240,.7)}html[data-design="18"] .cta-gold:hover:not(:disabled){background:var(--violet-2)}html[data-design="18"] .more-btn{border-radius:99px}html[data-design="18"] .input,html[data-design="18"] .select,html[data-design="18"] .textarea{border-radius:12px;border-color:var(--line-strong)}html[data-design="18"] .input:hover,html[data-design="18"] .select:hover,html[data-design="18"] .textarea:hover{border-color:#B9B9C6}html[data-design="18"] .input:focus,html[data-design="18"] .select:focus,html[data-design="18"] .textarea:focus{border-color:var(--violet)}html[data-design="18"] input[type=checkbox],html[data-design="18"] input[type=radio],html[data-design="18"] input[type=range]{accent-color:var(--violet)}html[data-design="18"] .seg{border-radius:99px;background:var(--well);padding:4px}html[data-design="18"] .seg label{border-radius:99px;color:var(--text-2);font-weight:600}html[data-design="18"] .seg label:hover{background:rgba(255,255,255,.6);color:var(--text)}html[data-design="18"] .seg label:has(input:checked){background:#FFFFFF;color:var(--text);font-weight:700;box-shadow:0 1px 2px rgba(15,15,20,.1),0 4px 10px -4px rgba(15,15,20,.18)}html[data-design="18"] .pills label{border-color:var(--line-strong);color:var(--text-2)}html[data-design="18"] .pills label:has(input:checked){background:var(--violet-bg);border:1.5px solid var(--violet);color:#3326C4}html[data-design="18"] .pills label:has(input:checked):before{background:var(--violet)}html[data-design="18"] .cat-tabs button{border-color:var(--line-strong)}html[data-design="18"] .cat-tabs button[aria-selected=true]{background:#0F0F14;border-color:#0F0F14;color:#fff}html[data-design="18"] .modes label{border-radius:14px}html[data-design="18"] .modes label:has(input:checked){border:1.5px solid var(--violet);padding:11.5px;background:var(--violet-bg);box-shadow:none}html[data-design="18"] .modes label:has(input:checked) b{color:#2C1FB0}html[data-design="18"] .preset-cards label{border-radius:12px;border-color:var(--line);padding-left:40px}html[data-design="18"] .preset-cards label:before{content:"";position:absolute;left:14px;top:50%;width:16px;height:16px;margin-top:-8px;border-radius:50%;border:1.5px solid #b9b9c6;background:#fff}html[data-design="18"] .preset-cards label.on{border:1.5px solid var(--violet);background:var(--violet-bg);box-shadow:none}html[data-design="18"] .preset-cards label.on:before{border-color:var(--violet);box-shadow:inset 0 0 0 3.5px #fff;background:var(--violet)}html[data-design="18"] .toggle{background:var(--paper-2)}html[data-design="18"] .ab{border:0;border-radius:99px;background:var(--well);padding:3px;gap:2px}html[data-design="18"] .ab button{border-radius:99px;background:transparent;color:var(--text-2)}html[data-design="18"] .ab button+button{border-left:0}html[data-design="18"] .ab button.on{background:#fff;color:var(--text);box-shadow:0 1px 2px rgba(15,15,20,.1),0 3px 8px -3px rgba(15,15,20,.18)}html[data-design="18"] .swatch.on{border-color:var(--violet)}html[data-design="18"] .card,html[data-design="18"] .pane{border-color:var(--line)}html[data-design="18"] .chip{background:var(--chip);color:var(--text-2)}html[data-design="18"] .demo-band,html[data-design="18"] .notice-warn{background:var(--violet-bg);color:#3326C4}html[data-design="18"] .empty{border-color:var(--line-strong);background:var(--paper-2)}html[data-design="18"] .drop{border-color:#C3C3CF;background:var(--paper-2)}html[data-design="18"] .drop:hover{border-color:var(--violet)}html[data-design="18"] .drop.is-over{border-color:var(--violet);background:var(--violet-bg)}html[data-design="18"] .bar>span{background:var(--violet)}html[data-design="18"] .bar-ink>span{background:#0F0F14}html[data-design="18"] .tracklist{margin:0;display:grid;grid-gap:6px;gap:6px}html[data-design="18"] .tracklist li{border:1px solid var(--line);border-radius:12px;padding:10px 12px;background:var(--pane)}html[data-design="18"] .tracklist li:hover{background:var(--pane);border-color:var(--violet-line);box-shadow:0 0 0 3px var(--violet-bg)}html[data-design="18"] .play{border-color:var(--line-strong);background:var(--paper-2);color:var(--text)}html[data-design="18"] .play:hover{border-color:var(--violet);color:var(--violet)}html[data-design="18"] .play.on{background:var(--violet);color:#fff;border-color:var(--violet)}html[data-design="18"] .flow2 li:hover{background:var(--paper-2)}html[data-design="18"] .flow2 .grip{color:#A6A6B4}html[data-design="18"] .flow2 .grip:hover:not(:disabled){color:var(--violet);background:var(--violet-bg)}html[data-design="18"] .flow2 li.dragging{box-shadow:0 14px 30px -12px rgba(15,15,20,.3),0 0 0 1.5px var(--violet);background:#fff}html[data-design="18"] .flow2 li.moved{animation-name:flowMoved18}@keyframes flowMoved18{0%{background:rgba(91,76,240,.18)}to{background:var(--pane)}}html[data-design="18"] .flow-no{color:var(--muted);font-weight:600}html[data-design="18"] .flow2 li.locked .flow-no{color:var(--violet)}html[data-design="18"] .flow-j.fixed{color:var(--violet-2)}html[data-design="18"] .drag-badge{background:var(--violet);color:#fff}html[data-design="18"] .grip-mini{color:var(--violet)}html[data-design="18"] .energy{height:124px;align-items:center;justify-content:space-around;gap:3px;padding:26px 8px 8px;background:var(--paper-2);border:1px solid var(--line-soft)}html[data-design="18"] .energy span{flex:1 1;max-width:7px;border-radius:99px;background:#0F0F14}html[data-design="18"] .energy span.first{background:var(--violet)}html[data-design="18"] .energy span.energy-empty{max-width:none;background:none}html[data-design="18"] .mini-bars .mb>span{border-radius:99px;background:#C9C9D4}html[data-design="18"] .mini-bars .mb.hi>span{background:var(--violet)}html[data-design="18"] .preview{background:radial-gradient(ellipse at 82% 18%,rgba(91,76,240,.45),transparent 58%),#0F0F14;background-size:cover;background-position:50%}html[data-design="18"] .preview-h{color:rgba(201,196,251,.14);font-family:var(--f-sans);font-weight:900}html[data-design="18"] .preview-title{font-family:var(--f-sans);font-style:normal;font-weight:800;color:#fff;letter-spacing:-.035em}html[data-design="18"] .preview-sub{color:#C9C9D4}html[data-design="18"] .preview-spec{align-items:center}html[data-design="18"] .preview-spec span{border-radius:99px;background:linear-gradient(180deg,#A79EFA,var(--violet))}html[data-design="18"] .stamps{background:var(--paper-2);border:1px solid var(--line-soft)}html[data-design="18"] .stamp .num{color:var(--violet-2)}html[data-design="18"] .genre-list button{border-color:var(--line)}html[data-design="18"] .genre-list button:hover{border-color:var(--violet-line);box-shadow:0 0 0 3px var(--violet-bg)}html[data-design="18"] .genre-list button.on{background:var(--violet-bg);border-color:var(--violet);box-shadow:inset 0 0 0 1px var(--violet)}html[data-design="18"] .genre-list button.on .g-no{color:var(--violet-2)}html[data-design="18"] .g-no{color:var(--muted);font-weight:700}html[data-design="18"] .g-code{font-family:var(--f-sans);font-weight:600;letter-spacing:.04em;color:var(--muted)}html[data-design="18"] .picked.on{background:var(--violet-bg);border-color:var(--violet-line)}html[data-design="18"] .ig-tag{color:#C9C4FB}html[data-design="18"] .ref-drop.over,html[data-design="18"] .tray-row button.on{border-color:var(--violet)}html[data-design="18"] .ref-empty svg,html[data-design="18"] .ref-make-h svg{color:var(--violet)}html[data-design="18"] .chip-btn:hover{background:var(--violet-bg);color:#3326C4}html[data-design="18"] .ref-list button:hover{border-color:var(--violet-line)}html[data-design="18"] .ref-list button.on{border-color:var(--violet);background:var(--violet-bg);box-shadow:none}html[data-design="18"] .rep-hero{background:#0F0F14;border-color:#0F0F14}html[data-design="18"] .rep-hero .chip{background:rgba(91,76,240,.25);color:#C9C4FB}html[data-design="18"] .rep-hero .metric{background:#1A1A22;border-color:#2A2A35}html[data-design="18"] .rep-hero .metric-v{color:#C9C4FB}html[data-design="18"] .dna-title,html[data-design="18"] .formula,html[data-design="18"] .idea>b,html[data-design="18"] .rep-title{font-family:var(--f-sans);font-weight:800;letter-spacing:-.03em}html[data-design="18"] .dna-master,html[data-design="18"] .formula,html[data-design="18"] .playbook li{border-left-color:var(--violet)}html[data-design="18"] .copy-chip{background:#0F0F14;color:#fff;font-family:var(--f-sans);font-weight:750}html[data-design="18"] .copy-chip:hover{background:var(--violet)}html[data-design="18"] .bench-gets i{font-family:var(--f-sans);font-weight:800;color:var(--violet)}html[data-design="18"] .lib-tabs button[aria-selected=true]{border-bottom-color:var(--violet)}html[data-design="18"] .asset:hover,html[data-design="18"] .job-row:hover{background:var(--paper-2)}html[data-design="18"] .asset-ico{background:var(--violet-bg);color:var(--violet-2)}html[data-design="18"] .star.on{color:var(--violet)}html[data-design="18"] .mt-card{border-radius:14px}html[data-design="18"] .mt-card:hover{border-color:var(--violet-line)}html[data-design="18"] .mt-metrics span{border-radius:10px;background:var(--paper-2)}html[data-design="18"] .mt-metrics b{font-family:var(--f-sans);font-weight:700}html[data-design="18"] .cover-plus{color:var(--violet);background:var(--violet-bg)}html[data-design="18"] .cover-empty:hover{border-color:var(--violet)}html[data-design="18"] .toast{background:#0F0F14;color:#fff}html[data-design="18"] .toast-ok{background:#0F5F40}html[data-design="18"] .toast-bad{background:#8E1F19}@media (max-width:959px){html[data-design="18"] .page-head h1,html[data-design="18"] .studio-title h1{font-size:26px}}html[data-design="26"]{--design-fonts:"family=Noto+Sans+KR:wght@300;400;500;700&family=Nunito+Sans:opsz,wght@6..12,300;6..12,600";--navy:#22314A;--navy-2:#2D3F5E;--frost:#E9EEF4;--paper:#F5F7FA;--paper-2:#F7F9FC;--pane:#FFFFFF;--well:#ECF0F5;--chip:#EEF2F7;--line:#E2E8F0;--line-soft:#EDF1F6;--line-strong:#CDD6E2;--text:#1C2A3E;--text-2:#475569;--muted:#64748B;--gold:#3B6A9E;--gold-deep:#2C5282;--link:#2C5A8C;--link-hover:#1E3F66;--accent:#9DB4CF;--focus:rgba(59,106,158,.2);--ok:#2E7D6B;--ok-bg:#E7F4F0;--primary-bg:#22314A;--primary-bg-hover:#2D3F5E;--primary-text:#FFFFFF;--primary-border:#22314A;--primary-shadow:0 10px 24px -12px rgba(34,49,74,.55);--sel-bg:#22314A;--sel-text:#FFFFFF;--sel-check:#BFD3EA;--step-bg:#FFFFFF;--step-text:#22314A;--step-ring:#B9C6D6;--disabled-bg:#E9EDF2;--disabled-text:#94A0B2;--nav-bg:linear-gradient(180deg,#E4EAF1,#F4F6F9 46%,#FAFBFC);--nav-line:#E0E6EE;--nav-text:#4A5870;--nav-strong:#1C2A3E;--nav-muted:#8592A6;--nav-hover:rgba(255,255,255,.7);--nav-active-bg:#FFFFFF;--nav-active-text:#1C2A3E;--nav-indicator:#22314A;--nav-chip-bg:rgba(255,255,255,.75);--nav-m-active-bg:#22314A;--nav-m-active-text:#FFFFFF;--meter-track:#DCE3EC;--f-sans:"Pretendard Variable",Pretendard,"Noto Sans KR",-apple-system,system-ui,sans-serif;--f-head:"Noto Sans KR","Pretendard Variable",Pretendard,sans-serif;--f-display:"Nunito Sans","Noto Sans KR",sans-serif;--head-w:400;--btn-w:600;--r-lg:16px;--r:14px;--r-sm:12px;--shadow:0 1px 2px rgba(28,42,62,.06),0 20px 44px -16px rgba(28,42,62,.22);--sh-card:0 1px 2px rgba(28,42,62,.03),0 10px 30px -18px rgba(28,42,62,.16)}html[data-design="26"] body{background:radial-gradient(circle at 12% 40px,rgba(255,255,255,.95) 0 1.6px,transparent 2.4px),radial-gradient(circle at 37% 120px,rgba(255,255,255,.9) 0 2px,transparent 2.8px),radial-gradient(circle at 63% 70px,rgba(255,255,255,.85) 0 1.4px,transparent 2.2px),radial-gradient(circle at 81% 160px,rgba(255,255,255,.9) 0 2.2px,transparent 3px),radial-gradient(circle at 92% 30px,rgba(255,255,255,.8) 0 1.2px,transparent 2px),radial-gradient(circle at 48% 210px,rgba(255,255,255,.75) 0 1.6px,transparent 2.4px),radial-gradient(circle at 25% 260px,rgba(255,255,255,.7) 0 1.2px,transparent 2px),linear-gradient(180deg,#DDE4ED,#EBF0F5 220px,#F5F7FA 460px) no-repeat,#F5F7FA;background-size:100% 320px,100% 320px,100% 320px,100% 320px,100% 320px,100% 320px,100% 320px,100% 520px,auto;background-repeat:no-repeat}html[data-design="26"] .appnav .brand-mark{box-shadow:inset 0 0 0 1px #9FB0C6;color:#22314A;font-family:var(--f-display);font-weight:300}html[data-design="26"] .appnav .brand-name{font-family:var(--f-head);font-weight:400;font-size:17px;letter-spacing:-.02em}html[data-design="26"] .appnav-menu a{font-weight:400}html[data-design="26"] .appnav-menu a[aria-current=page]{font-weight:600;box-shadow:0 1px 2px rgba(28,42,62,.06),0 6px 16px -10px rgba(28,42,62,.3)}html[data-design="26"] .appnav-menu a[aria-current=page]:before{left:-14px;width:2px}html[data-design="26"] .meter b{font-family:var(--f-display);font-weight:600}html[data-design="26"] .meter i:after{background:#3B6A9E}html[data-design="26"] .avatar{background:#22314A;color:#FFFFFF;font-weight:500}html[data-design="26"] .account-who span{color:#3B6A9E}html[data-design="26"] .page-head h1{font-size:32px;font-weight:300;letter-spacing:-.03em}html[data-design="26"] .h2{font-family:var(--f-head);font-weight:500;letter-spacing:-.02em}html[data-design="26"] .num{font-family:var(--f-display);font-weight:300}html[data-design="26"] .h-step{font-family:var(--f-display);font-weight:600;font-size:14px}html[data-design="26"] .btn{border-radius:999px;padding:0 22px}html[data-design="26"] .btn-sm{padding:0 16px}html[data-design="26"] .btn-ghost{background:rgba(255,255,255,.8);border-color:#D6DEE8}html[data-design="26"] .cta{background:#22314A;color:#FFFFFF;border-radius:999px;box-shadow:0 12px 26px -14px rgba(34,49,74,.6)}html[data-design="26"] .cta:hover:not(:disabled){background:#2D3F5E}html[data-design="26"] .cta:disabled{opacity:1;background:var(--disabled-bg);color:var(--disabled-text);box-shadow:none}html[data-design="26"] .cta-gold{background:#FFFFFF;color:#22314A;box-shadow:inset 0 0 0 1px #CDD6E2}html[data-design="26"] .input,html[data-design="26"] .select,html[data-design="26"] .textarea{border-color:#D6DEE8;border-radius:12px}html[data-design="26"] .seg{background:#EEF2F7;border-radius:14px}html[data-design="26"] .seg label{font-weight:500}html[data-design="26"] .seg label:has(input:checked){background:#FFFFFF;color:#1C2A3E;font-weight:700;box-shadow:inset 0 0 0 1.5px #22314A,0 6px 14px -8px rgba(28,42,62,.35)}html[data-design="26"] .pills label{font-weight:500}html[data-design="26"] .pills label:has(input:checked){font-weight:650}html[data-design="26"] .toggle{background:#F1F4F8}html[data-design="26"] .toggle input[type=checkbox],html[data-design="26"] input[type=checkbox],html[data-design="26"] input[type=range]{accent-color:#22314A}html[data-design="26"] .drop,html[data-design="26"] .empty{border:1.5px dashed #c3cedb;background:linear-gradient(180deg,#F7F9FC,#FFFFFF)}html[data-design="26"] .drop.is-over{border-color:#3B6A9E;background:#EEF3F9}html[data-design="26"] .tl-note{color:#3B6A9E}html[data-design="26"] .tl-note.warn{color:#B45309}html[data-design="26"] .preview{border-radius:14px;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.5) 0 1.5px,transparent 2.2px) 0 0 /46px 38px,radial-gradient(circle at 70% 60%,rgba(255,255,255,.4) 0 1.2px,transparent 2px) 0 0 /60px 52px,linear-gradient(180deg,#9AA8BB,#6D7C92 55%,#3F4D62)}html[data-design="26"] .preview-h{font-family:var(--f-display);font-weight:300;color:rgba(255,255,255,.14)}html[data-design="26"] .preview-title{font-family:var(--f-head);font-style:normal;font-weight:300;color:#FFFFFF;letter-spacing:-.02em}html[data-design="26"] .preview-sub{color:#E3E9F1}html[data-design="26"] .preview-spec span{background:rgba(255,255,255,.7)}html[data-design="26"] .play{border-color:#D6DEE8}html[data-design="26"] .play.on{background:#22314A;border-color:#22314A;color:#FFFFFF}html[data-design="26"] .energy span{background:linear-gradient(180deg,#B7C4D4,#D5DDE7);border-radius:6px 6px 2px 2px}html[data-design="26"] .energy span.first{background:#22314A}html[data-design="26"] .modes label{border-color:#D6DEE8;border-radius:12px}html[data-design="26"] .modes label:has(input:checked){border:1.5px solid #22314a;padding:9.5px;background:#FFFFFF;box-shadow:0 8px 18px -12px rgba(28,42,62,.45)}html[data-design="26"] .stamps{background:#F1F4F8}html[data-design="26"] .stamp .num{color:#3B6A9E}html[data-design="26"] .flow-no{color:#8FA0B6}html[data-design="26"] .flow2 li.moved{background:#EEF3F9}html[data-design="26"] .chip{background:#EEF2F7;color:#334155}html[data-design="26"] .toast{background:#22314A;border-radius:999px}html[data-design="26"] .bar>span{background:linear-gradient(90deg,#22314A,#6F8BAE)}html[data-design="26"] .ab button.on,html[data-design="26"] .drag-badge{background:#22314A;color:#FFFFFF}html[data-design="26"] .cat-tabs button{border-color:#D6DEE8;background:rgba(255,255,255,.8)}html[data-design="26"] .cat-tabs button[aria-selected=true]{background:#22314A;color:#FFFFFF;border-color:#22314A}html[data-design="26"] .genre-list button.on{background:#EEF3F9;box-shadow:inset 0 0 0 1.5px #22314A}html[data-design="26"] .g-no{font-family:var(--f-display);font-weight:300;color:#8FA0B6}html[data-design="26"] .genre-list button.on .g-no{color:#22314A;font-weight:600}html[data-design="26"] .g-code{font-family:var(--f-display);font-weight:600;letter-spacing:.12em;color:#7A8AA0}html[data-design="26"] .picked{background:#EEF3F9}html[data-design="26"] .preset-cards label{border-color:#D6DEE8}html[data-design="26"] .preset-cards label.on{border:1.5px solid #22314a;background:#FFFFFF;box-shadow:0 8px 18px -12px rgba(28,42,62,.45)}html[data-design="26"] .mt-metrics span{background:#F1F4F8}html[data-design="26"] .attack,html[data-design="26"] .beat-grade,html[data-design="26"] .rep-hero{background:linear-gradient(180deg,#2D3F5E,#1C2A3E)}html[data-design="26"] .rep-hero .metric{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14)}html[data-design="26"] .attack-tag,html[data-design="26"] .beat-grade b,html[data-design="26"] .rep-hero .chip,html[data-design="26"] .rep-hero .metric-v{color:#CFE0F3}html[data-design="26"] .attack .btn-ink{background:#FFFFFF;color:#22314A;border-color:#FFFFFF}html[data-design="26"] .copy-chip{background:#22314A;color:#FFFFFF;font-family:var(--f-head)}html[data-design="26"] .ig-tag{color:#FFFFFF}@media (max-width:1099px){html[data-design="26"] .appnav{background:rgba(244,247,250,.92);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}html[data-design="26"] .appnav .brand-name{display:inline;font-size:16px}}@media (max-width:959px){html[data-design="26"] .page-head h1{font-size:27px}}html[data-design="39"]{--design-fonts:"family=Space+Grotesk:wght@500;700";--o:#FF5A1F;--o-deep:#E2440C;--o-text:#C2410C;--paper:#EFEEEB;--paper-2:#F7F6F4;--pane:#FFFFFF;--well:#E9E7E3;--chip:#F1EFEC;--line:#E6E3DE;--line-soft:#EFEDE9;--line-strong:#D6D2CC;--text:#151515;--text-2:#4A4743;--muted:#6E6A64;--gold:#FF5A1F;--gold-deep:#C2410C;--link:#C2410C;--link-hover:#9A3412;--accent:#FF5A1F;--focus:rgba(255,90,31,.22);--primary-bg:linear-gradient(180deg,#FF6A2E,#FF5A1F);--primary-bg-hover:linear-gradient(180deg,#FF7A42,#FF6224);--primary-text:#FFFFFF;--primary-border:#F0531A;--primary-shadow:inset 0 -3px 0 rgba(130,35,0,.28),inset 0 1px 0 rgba(255,255,255,.28),0 12px 22px -12px rgba(255,90,31,.75);--sel-bg:#151515;--sel-text:#FFFFFF;--sel-check:#FF5A1F;--step-bg:#1A1A1A;--step-text:#FF6A2E;--step-ring:rgba(0,0,0,0);--disabled-bg:#E6E4E0;--disabled-text:#9A958E;--nav-bg:#E9E7E3;--nav-line:#DEDBD6;--nav-text:#4A4743;--nav-strong:#151515;--nav-muted:#8A857E;--nav-hover:rgba(255,255,255,.6);--nav-active-bg:#FFFFFF;--nav-active-text:#151515;--nav-indicator:#FF5A1F;--nav-chip-bg:rgba(255,255,255,.7);--nav-m-active-bg:#151515;--nav-m-active-text:#FFFFFF;--meter-track:#DAD7D1;--f-display:"Space Grotesk","Pretendard Variable",Pretendard,system-ui,sans-serif;--head-w:800;--btn-w:700;--r-lg:26px;--r:20px;--r-sm:14px;--shadow:0 1px 2px rgba(30,25,20,.08),0 24px 48px -18px rgba(30,25,20,.3);--sh-card:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(30,25,20,.05),0 22px 44px -28px rgba(30,25,20,.32)}html[data-design="39"] body{background:radial-gradient(120% 70% at 70% 0,#F6F5F2 0,transparent 60%),#EFEEEB}html[data-design="39"] .appnav{box-shadow:inset -1px 0 0 #DEDBD6}html[data-design="39"] .appnav .brand-mark{width:12px;height:12px;margin:0 2px 0 4px;font-size:0;background:var(--o);box-shadow:0 0 0 4px rgba(255,90,31,.16)}html[data-design="39"] .appnav .brand-name{font-family:var(--f-sans);font-weight:800;font-size:17px;letter-spacing:-.03em}html[data-design="39"] .appnav-menu a[aria-current=page]{box-shadow:0 1px 2px rgba(30,25,20,.08),0 6px 14px -8px rgba(30,25,20,.25)}html[data-design="39"] .appnav-menu a[aria-current=page]:before{left:auto;right:14px;top:50%;bottom:auto;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,90,31,.18)}html[data-design="39"] .appnav-group{font-weight:700;color:#8A857E}html[data-design="39"] .meter i:after{background:#2B2B2B}html[data-design="39"] .meter.low i:after{background:var(--o)}html[data-design="39"] .meter b{font-family:var(--f-display);font-weight:700}html[data-design="39"] .avatar{background:#151515;color:#FFFFFF}html[data-design="39"] .account-who span{color:var(--o-text)}html[data-design="39"] .page-head h1{font-size:34px;letter-spacing:-.045em}html[data-design="39"] .h2{font-weight:800;letter-spacing:-.035em}html[data-design="39"] .num{font-family:var(--f-display);font-weight:500}html[data-design="39"] .h-step{font-family:var(--f-display);font-weight:700;font-size:15px;border-radius:9px}html[data-design="39"] .card,html[data-design="39"] .pane{border:0}html[data-design="39"] .btn{border-radius:14px}html[data-design="39"] .btn-sm{border-radius:12px}html[data-design="39"] .btn-ghost{background:#FFFFFF;border-color:transparent;box-shadow:0 1px 2px rgba(30,25,20,.08),0 4px 12px -6px rgba(30,25,20,.18)}html[data-design="39"] .btn-ghost:hover{background:#FBFAF8}html[data-design="39"] .btn-ink:active,html[data-design="39"] .cta:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -1px 0 rgba(130,35,0,.28),0 4px 10px -6px rgba(255,90,31,.6)}html[data-design="39"] .cta{background:var(--primary-bg);color:#fff;border-radius:16px;box-shadow:var(--primary-shadow)}html[data-design="39"] .cta:hover:not(:disabled){background:var(--primary-bg-hover);box-shadow:var(--primary-shadow)}html[data-design="39"] .cta:disabled{opacity:1;background:var(--disabled-bg);color:var(--disabled-text);box-shadow:none;transform:none}html[data-design="39"] .btn-ink.btn-sm,html[data-design="39"] .btn-ink.btn-xs{background:#151515;color:#FFFFFF;border-color:#151515;box-shadow:0 6px 14px -8px rgba(0,0,0,.55)}html[data-design="39"] .btn-ink.btn-sm:hover,html[data-design="39"] .btn-ink.btn-xs:hover{background:#2A2A2A}html[data-design="39"] .btn-ink.btn-sm:disabled,html[data-design="39"] .btn-ink.btn-xs:disabled{background:var(--disabled-bg);color:var(--disabled-text);box-shadow:none}html[data-design="39"] .cta-gold{background:#151515;color:#fff;box-shadow:0 10px 20px -12px rgba(0,0,0,.6)}html[data-design="39"] .input,html[data-design="39"] .select,html[data-design="39"] .textarea{border-color:transparent;background-color:#F4F3F0;border-radius:14px}html[data-design="39"] .input:hover,html[data-design="39"] .select:hover,html[data-design="39"] .textarea:hover{border-color:#DAD6D0}html[data-design="39"] .input:focus,html[data-design="39"] .select:focus,html[data-design="39"] .textarea:focus{background-color:#FFFFFF;border-color:var(--o)}html[data-design="39"] .seg{background:#ECEAE6;border-radius:16px}html[data-design="39"] .seg label{border-radius:12px}html[data-design="39"] .seg label:has(input:checked){background:#FFFFFF;color:#151515;font-weight:800;box-shadow:0 1px 2px rgba(30,25,20,.1),0 6px 14px -8px rgba(30,25,20,.35)}html[data-design="39"] .seg label:has(input:checked):after{content:"";position:absolute;top:9px;right:10px;width:6px;height:6px;border-radius:50%;background:var(--o)}html[data-design="39"] .pills label{justify-content:flex-start;border-color:transparent;background:#F4F3F0;border-radius:12px;color:#4A4743}html[data-design="39"] .pills label:before{content:"";width:8px;height:8px;flex:none;border-radius:50%;background:#CFCBC5}html[data-design="39"] .pills label:hover{background:#EEECE8;border-color:transparent}html[data-design="39"] .pills label:has(input:checked){background:#FFFFFF;color:#151515;border-color:transparent;font-weight:800;box-shadow:0 0 0 1.5px #151515,0 6px 14px -8px rgba(30,25,20,.35)}html[data-design="39"] .pills label:has(input:checked):before{width:8px;height:8px;border-radius:50%;background:var(--o);-webkit-mask:none;mask:none;box-shadow:0 0 0 3px rgba(255,90,31,.18)}html[data-design="39"] .toggle{background:#F4F3F0;border-radius:14px}html[data-design="39"] .toggle input[type=checkbox],html[data-design="39"] input[type=checkbox],html[data-design="39"] input[type=range]{accent-color:var(--o)}html[data-design="39"] .drop,html[data-design="39"] .empty{border:1.5px dashed #d3cfc9;border-radius:22px;background:radial-gradient(circle,#DAD6D0 1.3px,transparent 1.6px) 0 0 /14px 14px,#FFFFFF}html[data-design="39"] .drop>*,html[data-design="39"] .empty>*{position:relative}html[data-design="39"] .drop.is-over{border-color:var(--o);background:radial-gradient(circle,rgba(255,90,31,.35) 1.3px,transparent 1.6px) 0 0 /14px 14px,#FFF8F4}html[data-design="39"] .drop>span:first-child{padding:2px 10px;border-radius:8px;background:#FFFFFF;font-weight:700}html[data-design="39"] .empty{color:#4A4743}html[data-design="39"] .preview{border-radius:18px;background:radial-gradient(ellipse at 85% 10%,rgba(255,90,31,.18),transparent 55%),#161616}html[data-design="39"] .preview-h{font-family:var(--f-display);font-weight:700;color:rgba(255,106,46,.14)}html[data-design="39"] .preview-title{font-family:var(--f-display);font-style:normal;font-weight:700;letter-spacing:-.02em;color:#FF6A2E}html[data-design="39"] .preview-spec span{background:rgba(255,106,46,.75)}html[data-design="39"] .play.on{background:var(--o);border-color:var(--o);color:#fff}html[data-design="39"] .play{border-color:transparent;background:#F1EFEC}html[data-design="39"] .energy span{background:#D9D5CF;border-radius:4px 4px 1px 1px}html[data-design="39"] .energy span.first{background:var(--o)}html[data-design="39"] .modes label{border:0;background:#F4F3F0;border-radius:16px}html[data-design="39"] .modes label:has(input:checked){border:0;padding:10px;background:#FFFFFF;box-shadow:0 0 0 1.5px #151515,0 8px 18px -10px rgba(30,25,20,.4)}html[data-design="39"] .modes label:has(input:checked) b:before{content:"";display:inline-block;width:7px;height:7px;margin:0 7px 1px 0;border-radius:50%;background:var(--o);vertical-align:middle}html[data-design="39"] .stamps{background:#F4F3F0;border-radius:16px}html[data-design="39"] .flow-no{color:#A39E97;font-weight:500}html[data-design="39"] .flow2 li.moved{background:#FFF3EC}html[data-design="39"] .chip{background:#F1EFEC}html[data-design="39"] .toast{background:#151515;border-radius:16px}html[data-design="39"] .notice{border-radius:14px}html[data-design="39"] .bar>span{background:var(--o)}html[data-design="39"] .bar-ink>span{background:#151515}html[data-design="39"] .ab button.on,html[data-design="39"] .drag-badge{background:var(--o);color:#fff}html[data-design="39"] .cat-tabs button{border-color:transparent;background:#F1EFEC;border-radius:12px}html[data-design="39"] .cat-tabs button[aria-selected=true]{background:#151515;color:#FFFFFF}html[data-design="39"] .genre-list button{border-radius:14px}html[data-design="39"] .genre-list button.on{background:#FFF4EE;box-shadow:inset 0 0 0 1.5px var(--o)}html[data-design="39"] .g-no{font-family:var(--f-display);color:#B5AFA7;font-weight:500}html[data-design="39"] .genre-list button.on .g-no{color:var(--o)}html[data-design="39"] .g-code{font-family:var(--f-display);letter-spacing:.04em}html[data-design="39"] .picked{background:#F4F3F0;border-radius:16px}html[data-design="39"] .picked b:before{content:"";display:inline-block;width:8px;height:8px;margin:0 8px 1px 0;border-radius:50%;background:var(--o);vertical-align:middle;box-shadow:0 0 0 3px rgba(255,90,31,.18)}html[data-design="39"] .preset-cards label{border-color:transparent;background:#F4F3F0;border-radius:14px}html[data-design="39"] .preset-cards label.on{border:0;background:#FFFFFF;box-shadow:0 0 0 1.5px #151515,0 8px 18px -10px rgba(30,25,20,.4)}html[data-design="39"] .preset-cards label.on b:before{content:"";display:inline-block;width:7px;height:7px;margin:0 7px 1px 0;border-radius:50%;background:var(--o);vertical-align:middle}html[data-design="39"] .ig-card,html[data-design="39"] .mt-card,html[data-design="39"] .ref-drop{border-radius:18px}html[data-design="39"] .mt-metrics span{background:#F4F3F0}html[data-design="39"] .attack,html[data-design="39"] .beat-grade,html[data-design="39"] .rep-hero{background:#161616}html[data-design="39"] .attack-tag,html[data-design="39"] .beat-grade b,html[data-design="39"] .rep-hero .chip,html[data-design="39"] .rep-hero .metric-v{color:#FF6A2E}html[data-design="39"] .attack .btn-ink{background:var(--o);color:#fff;border-color:var(--o)}html[data-design="39"] .copy-chip{background:#161616;color:#FF6A2E}html[data-design="39"] .lib-tabs{border-bottom-color:#DEDBD6}@media (max-width:1099px){html[data-design="39"] .appnav{box-shadow:inset 0 -1px 0 #DEDBD6}html[data-design="39"] .appnav .brand-name{display:inline;font-size:16px}}@media (max-width:959px){html[data-design="39"] .page-head h1{font-size:27px}}html[data-design="40"]{--design-fonts:"family=Plus+Jakarta+Sans:wght@500;700;800";--au-1:#6FE3CF;--au-2:#8EA2FF;--au-3:#B78CFF;--au-4:#FF9A8B;--au-grad:linear-gradient(90deg,#6FE3CF,#8EA2FF 52%,#B78CFF);--night:#141826;--paper:#F7F6FB;--paper-2:rgba(248,247,252,.8);--pane:rgba(255,255,255,.78);--well:rgba(236,234,246,.85);--chip:#F0EFF6;--line:rgba(222,219,236,.9);--line-soft:#EFEEF5;--line-strong:#D6D3E6;--text:#141826;--text-2:#464A5C;--muted:#696E82;--gold:#6A5AE0;--gold-deep:#5546C9;--link:#5546C9;--link-hover:#3E31A8;--accent:#8EA2FF;--focus:rgba(142,162,255,.3);--ok:#138A72;--ok-bg:#E2F7F1;--primary-bg:var(--au-grad);--primary-bg-hover:linear-gradient(90deg,#5FDCC6,#7F95FF 52%,#AC7BFF);--primary-text:#10131C;--primary-border:transparent;--primary-shadow:inset 0 1px 0 rgba(255,255,255,.5),0 12px 26px -12px rgba(120,110,255,.65);--sel-bg:#141826;--sel-text:#FFFFFF;--sel-check:#6FE3CF;--step-bg:#141826;--step-text:#7EE8D5;--step-ring:rgba(0,0,0,0);--disabled-bg:rgba(229,227,240,.9);--disabled-text:#9A9DAE;--nav-bg:rgba(255,255,255,.5);--nav-line:rgba(214,211,230,.8);--nav-text:#464A5C;--nav-strong:#141826;--nav-muted:#858A9D;--nav-hover:rgba(255,255,255,.7);--nav-active-bg:#FFFFFF;--nav-active-text:#141826;--nav-indicator:#8EA2FF;--nav-chip-bg:rgba(255,255,255,.7);--nav-m-active-bg:#141826;--nav-m-active-text:#FFFFFF;--meter-track:rgba(20,24,38,.08);--f-display:"Plus Jakarta Sans","Pretendard Variable",Pretendard,system-ui,sans-serif;--head-w:800;--btn-w:700;--r-lg:22px;--r:18px;--r-sm:14px;--shadow:0 1px 2px rgba(60,50,120,.08),0 24px 50px -18px rgba(60,50,120,.3);--sh-card:inset 0 1px 0 rgba(255,255,255,.9),0 1px 2px rgba(60,50,120,.05),0 22px 44px -26px rgba(80,70,150,.32)}html[data-design="40"] body{background:radial-gradient(42% 38% at 4% 6%,rgba(158,240,220,.75) 0,transparent 70%),radial-gradient(40% 40% at 96% 4%,rgba(214,196,255,.8) 0,transparent 70%),radial-gradient(44% 42% at 94% 96%,rgba(255,214,196,.75) 0,transparent 70%),radial-gradient(40% 42% at 6% 96%,rgba(196,220,255,.75) 0,transparent 70%),#F7F6FB;background-attachment:fixed}html[data-design="40"] .card,html[data-design="40"] .pane{border-color:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2)}html[data-design="40"] .card:not(.dp-card),html[data-design="40"] .pane{background-image:linear-gradient(90deg,#6FE3CF,#9DCBFF);background-size:calc(100% - 40px) 4px;background-position:20px 12px;background-repeat:no-repeat}html[data-design="40"] .image-grid>.card:nth-child(2),html[data-design="40"] .music-side>.card:first-child,html[data-design="40"] .panes>.pane:nth-child(2){background-image:linear-gradient(90deg,#9DB8FF,#8E7CF6)}html[data-design="40"] .music-side>.card:nth-child(n+2),html[data-design="40"] .panes>.pane:nth-child(3){background-image:linear-gradient(90deg,#FF9A8B,#FF7EB6)}html[data-design="40"] .appnav{-webkit-backdrop-filter:blur(20px) saturate(1.3);backdrop-filter:blur(20px) saturate(1.3)}html[data-design="40"] .appnav .brand-mark{width:30px;height:30px;font-size:0;background:conic-gradient(from 210deg,#6FE3CF,#8EA2FF,#B78CFF,#FF9A8B,#6FE3CF);box-shadow:inset 0 0 0 6px rgba(255,255,255,.7)}html[data-design="40"] .appnav .brand-name{font-family:var(--f-sans);font-weight:800;font-size:17px;letter-spacing:-.035em}html[data-design="40"] .appnav-menu a[aria-current=page]{box-shadow:0 1px 2px rgba(60,50,120,.08),0 8px 18px -10px rgba(80,70,150,.35)}html[data-design="40"] .appnav-menu a[aria-current=page]:before{left:-14px;width:4px;background:var(--au-grad);background:linear-gradient(180deg,#6FE3CF,#B78CFF)}html[data-design="40"] .appnav-group{font-weight:700}html[data-design="40"] .meter b{font-family:var(--f-display);font-weight:700;font-size:13px}html[data-design="40"] .meter i:after{background:var(--au-grad);opacity:1}html[data-design="40"] .avatar{background:#141826;color:#FFFFFF}html[data-design="40"] .account-who span{color:#5546C9}html[data-design="40"] .page-head h1{font-size:34px;letter-spacing:-.045em}html[data-design="40"] .h2{font-weight:800;letter-spacing:-.035em}html[data-design="40"] .num{font-family:var(--f-display);font-weight:700;letter-spacing:-.01em}html[data-design="40"] .h-step{font-family:var(--f-display);font-weight:800;font-size:14px}html[data-design="40"] .btn{border-radius:999px}html[data-design="40"] .btn-ink{border:0}html[data-design="40"] .btn-ghost{background:rgba(255,255,255,.75);border-color:rgba(214,211,230,.9)}html[data-design="40"] .btn-ghost:hover{background:#FFFFFF}html[data-design="40"] .btn-ink.btn-sm,html[data-design="40"] .btn-ink.btn-xs{background:#141826;color:#FFFFFF;box-shadow:0 8px 16px -10px rgba(20,24,38,.7)}html[data-design="40"] .btn-ink.btn-sm:hover,html[data-design="40"] .btn-ink.btn-xs:hover{background:#262B3D}html[data-design="40"] .btn-ink.btn-sm:disabled,html[data-design="40"] .btn-ink.btn-xs:disabled{background:var(--disabled-bg);color:var(--disabled-text);box-shadow:none}html[data-design="40"] .cta{background:var(--au-grad);color:#10131C;border-radius:999px;box-shadow:var(--primary-shadow)}html[data-design="40"] .cta:hover:not(:disabled){background:var(--primary-bg-hover)}html[data-design="40"] .cta:disabled{opacity:1;background:var(--disabled-bg);color:var(--disabled-text);box-shadow:none}html[data-design="40"] .cta-gold{background:#141826;color:#FFFFFF;box-shadow:0 10px 22px -12px rgba(20,24,38,.7)}html[data-design="40"] .input,html[data-design="40"] .select,html[data-design="40"] .textarea{background-color:rgba(255,255,255,.85);border-color:rgba(214,211,230,.9);border-radius:14px}html[data-design="40"] .input:focus,html[data-design="40"] .select:focus,html[data-design="40"] .textarea:focus{border-color:#8EA2FF;background-color:#FFFFFF}html[data-design="40"] .seg,html[data-design="40"] .seg label{border-radius:999px}html[data-design="40"] .seg label:has(input:checked){box-shadow:0 8px 16px -10px rgba(20,24,38,.7)}html[data-design="40"] .pills label{background:rgba(255,255,255,.7);border-color:rgba(214,211,230,.9)}html[data-design="40"] .pills label:has(input:checked){background:var(--sel-bg);border-color:var(--sel-bg);color:var(--sel-text)}html[data-design="40"] .toggle{background:rgba(240,239,246,.8)}html[data-design="40"] .toggle input[type=checkbox],html[data-design="40"] input[type=checkbox],html[data-design="40"] input[type=range]{accent-color:#6A5AE0}html[data-design="40"] .drop,html[data-design="40"] .empty{border:1.5px dashed #c9c3e8;background:linear-gradient(135deg,rgba(225,250,244,.7),rgba(236,230,255,.7) 55%,rgba(255,236,228,.7))}html[data-design="40"] .drop.is-over{border-color:#8EA2FF}html[data-design="40"] .preview{border-radius:18px;background:radial-gradient(60% 70% at 15% 20%,rgba(111,227,207,.45),transparent 70%),radial-gradient(60% 70% at 85% 30%,rgba(183,140,255,.5),transparent 70%),radial-gradient(50% 60% at 60% 100%,rgba(255,154,139,.35),transparent 70%),#141826}html[data-design="40"] .preview-h{font-family:var(--f-display);font-weight:800;color:rgba(255,255,255,.1)}html[data-design="40"] .preview-title{font-family:var(--f-sans);font-style:normal;font-weight:800;color:#FFFFFF;letter-spacing:-.03em}html[data-design="40"] .preview-sub{color:#D9DCEA}html[data-design="40"] .preview-spec span{background:linear-gradient(180deg,#B78CFF,#6FE3CF)}html[data-design="40"] .play{background:rgba(255,255,255,.85);border-color:rgba(214,211,230,.9)}html[data-design="40"] .play.on{background:#141826;border-color:#141826;color:#7EE8D5}html[data-design="40"] .energy span{background:linear-gradient(180deg,#A9B8FF,#9EEBDD);border-radius:6px 6px 2px 2px;opacity:.85}html[data-design="40"] .energy span.first{background:#141826;opacity:1}html[data-design="40"] .modes label{background:rgba(255,255,255,.7);border-color:rgba(214,211,230,.9);border-radius:14px}html[data-design="40"] .modes label:has(input:checked){border:2px solid #141826;padding:9px;background:#FFFFFF}html[data-design="40"] .stamps{background:rgba(240,239,246,.8)}html[data-design="40"] .stamp .num{color:#5546C9}html[data-design="40"] .flow-no{color:#9A9DAE}html[data-design="40"] .flow2 li{background:transparent}html[data-design="40"] .flow2 li.moved{background:rgba(142,162,255,.14)}html[data-design="40"] .chip{background:#EEEDF5;color:#3A3E50}html[data-design="40"] .toast{background:#141826;border-radius:999px}html[data-design="40"] .bar>span{background:var(--au-grad)}html[data-design="40"] .bar-ink>span{background:#141826}html[data-design="40"] .ab button.on,html[data-design="40"] .drag-badge{background:#141826;color:#7EE8D5}html[data-design="40"] .cat-tabs button{background:rgba(255,255,255,.7);border-color:rgba(214,211,230,.9)}html[data-design="40"] .cat-tabs button[aria-selected=true]{background:#141826;color:#FFFFFF;border-color:#141826}html[data-design="40"] .genre-list button{background:rgba(255,255,255,.55)}html[data-design="40"] .genre-list button:hover{background:#FFFFFF}html[data-design="40"] .genre-list button.on{background:#FFFFFF;box-shadow:inset 0 0 0 2px #141826,0 10px 22px -14px rgba(80,70,150,.5)}html[data-design="40"] .g-no{font-family:var(--f-display);font-weight:800;color:#B5B3C9}html[data-design="40"] .genre-list button.on .g-no{color:#6A5AE0}html[data-design="40"] .g-code{font-family:var(--f-display);font-weight:700;letter-spacing:.06em;color:#7A7F94}html[data-design="40"] .picked{background:rgba(240,239,246,.85)}html[data-design="40"] .preset-cards label{background:rgba(255,255,255,.7);border-color:rgba(214,211,230,.9);border-radius:14px}html[data-design="40"] .preset-cards label.on{border:2px solid #141826;background:#FFFFFF;box-shadow:0 10px 22px -14px rgba(80,70,150,.5)}html[data-design="40"] .mt-card{background:rgba(255,255,255,.7);border-color:rgba(214,211,230,.9);border-radius:16px}html[data-design="40"] .mt-metrics span{background:rgba(240,239,246,.8)}html[data-design="40"] .attack,html[data-design="40"] .beat-grade,html[data-design="40"] .rep-hero{background:radial-gradient(70% 80% at 10% 0,rgba(111,227,207,.25),transparent 70%),radial-gradient(70% 80% at 100% 0,rgba(183,140,255,.3),transparent 70%),#141826}html[data-design="40"] .rep-hero .metric{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.12)}html[data-design="40"] .attack-tag,html[data-design="40"] .beat-grade b,html[data-design="40"] .rep-hero .chip,html[data-design="40"] .rep-hero .metric-v{color:#9EEBDD}html[data-design="40"] .attack .btn-ink{background:var(--au-grad);color:#10131C}html[data-design="40"] .copy-chip{background:#141826;color:#9EEBDD}html[data-design="40"] .ig-tag{color:#9EEBDD}@media (max-width:1099px){html[data-design="40"] .appnav{background:rgba(250,249,253,.82)}html[data-design="40"] .appnav .brand-name{display:inline;font-size:16px}}@media (max-width:959px){html[data-design="40"] .page-head h1{font-size:27px}html[data-design="40"] body{background-attachment:scroll}}