.audiokit *,.audiokit :before,.audiokit :after{box-sizing:border-box}.audiokit{background:var(--sonew-gray-bg);color:var(--sonew-ink);min-height:100vh;padding-top:60px;font-family:Apple SD Gothic Neo,Pretendard,Malgun Gothic,sans-serif}@media (min-width:768px){.audiokit{padding-top:68px}}.audiokit .serif{font-family:Noto Serif KR,Nanum Myeongjo,Batang,Georgia,serif}.audiokit .wrap{max-width:560px;margin:0 auto;padding:44px 18px 72px}.audiokit .eyebrow{letter-spacing:.32em;color:var(--sonew-gold-dark);text-align:center;font-size:10.5px;font-weight:700}.audiokit h1{color:var(--sonew-brown);text-align:center;letter-spacing:-.01em;margin:10px 0;font-size:27px;font-weight:600;line-height:1.35}.audiokit .headrule{background:var(--sonew-gold);width:36px;height:2px;margin:0 auto 14px}.audiokit .sub{color:var(--sonew-text-sec);text-align:center;margin:0 0 4px;font-size:13px;line-height:1.7}.audiokit .trust{color:var(--sonew-gold-dark);text-align:center;margin:0 0 30px;font-size:11px}.audiokit .card{background:var(--sonew-white);border:1px solid var(--sonew-border);border-radius:18px;margin-bottom:16px;padding:22px 20px;box-shadow:0 1px 2px #1d1d1f08,0 12px 32px #6d4f4b0d}.audiokit .step{color:var(--sonew-gold-dark);letter-spacing:.14em;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;font-weight:700;display:flex}.audiokit .step:after{content:"";background:var(--sonew-border);flex:1;height:1px}.audiokit #drop{border:1.5px dashed var(--sonew-gold);text-align:center;cursor:pointer;background:var(--sonew-cream);border-radius:14px;padding:30px 14px;transition:background .2s}.audiokit #drop.over{background:var(--sonew-cream)}.audiokit #drop p{color:var(--sonew-ink);margin:0 0 5px;font-size:14.5px;font-weight:700}.audiokit #drop small{color:var(--sonew-text-sec);font-size:11.5px}.audiokit .btnrow{gap:8px;margin-top:12px;display:flex}.audiokit button{cursor:pointer;border:none;border-radius:12px;font-family:inherit;font-weight:700;transition:transform 80ms,opacity .2s}.audiokit button:active{transform:translateY(1px)}.audiokit .gold{background:var(--sonew-gold);color:var(--sonew-ink);min-height:48px;box-shadow:0 6px 16px color-mix(in srgb, var(--sonew-gold) 28%, transparent);flex:1;padding:13px 0;font-size:13.5px}.audiokit .ghost{background:var(--sonew-white);color:var(--sonew-brown);border:1.5px solid var(--sonew-border);flex:1;min-height:48px;padding:12px 0;font-size:13px}.audiokit .gold:disabled,.audiokit .ghost:disabled{opacity:.35;cursor:default;box-shadow:none}.audiokit .deck{background:var(--sonew-ink);color:var(--sonew-gray-bg);border:none}.audiokit .deck .step{color:var(--sonew-gold-light)}.audiokit .deck .step:after{background:#e3c8892e}.audiokit .deck .ghost{color:var(--sonew-gold-light);background:0 0;border:1px solid #e3c88966}.audiokit .deck .hint{color:var(--sonew-text-sec)}.audiokit #waveWrap{-webkit-user-select:none;user-select:none;touch-action:none;display:none;position:relative}.audiokit #wave{background:#ffffff0b;border-radius:10px;width:100%;height:132px;display:block}.audiokit .handle{cursor:ew-resize;width:24px;height:132px;position:absolute;top:0}.audiokit .handle:before{content:"";background:var(--sonew-gold-light);width:2px;position:absolute;top:0;bottom:0;left:11px}.audiokit .handle:after{content:"";background:var(--sonew-gold-light);border-radius:8px;width:16px;height:28px;position:absolute;top:52px;left:4px}.audiokit #shade1,.audiokit #shade2{pointer-events:none;background:#0000008c;height:132px;position:absolute;top:0}.audiokit #shade1{border-radius:10px 0 0 10px}.audiokit #shade2{border-radius:0 10px 10px 0}.audiokit #selInfo{color:var(--sonew-text-sec);justify-content:space-between;margin-top:10px;font-size:12px;display:flex}.audiokit #selInfo b{color:var(--sonew-gray-bg);font-variant-numeric:tabular-nums}.audiokit .hint{color:var(--sonew-text-sec);text-align:center;margin-top:9px;font-size:11px;line-height:1.7}.audiokit .tlLabel{color:var(--sonew-gold-light);letter-spacing:.14em;align-items:center;gap:8px;margin:20px 0 0;font-size:11px;font-weight:700;display:flex}.audiokit .tlLabel:after{content:"";background:#e3c8892e;flex:1;height:1px}.audiokit #tl{background:#ffffff0b;border-radius:12px;flex-wrap:wrap;align-items:center;gap:5px;min-height:90px;margin-top:10px;padding:12px 10px;display:flex}.audiokit #tlEmpty{color:var(--sonew-text-sec);text-align:center;width:100%;font-size:11.5px;line-height:1.7}.audiokit .piece{background:var(--sonew-ink);border:1px solid #e3c88973;border-radius:9px;position:relative;overflow:hidden}.audiokit .piece canvas{height:52px;display:block}.audiokit .piece .plabel{color:var(--sonew-gold-light);text-align:center;font-variant-numeric:tabular-nums;background:#e3c8891a;padding:2px 0 3px;font-size:9.5px;font-weight:700}.audiokit .piece .prow{background:#e3c8891a;align-items:center;padding:3px 2px;display:flex}.audiokit .piece .prow .plabel{background:0 0;flex:1}.audiokit .mv{width:34px;height:30px;color:var(--sonew-gold-light);background:#e3c88929;border-radius:7px;flex:none;margin:0 2px;padding:0 0 2px;font-size:19px;font-weight:700;line-height:1}.audiokit .mv:active{background:#e3c88952}.audiokit .mv:disabled{opacity:.2}.audiokit .piece,.audiokit .silence{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.audiokit .piece.dragging,.audiokit .silence.dragging{cursor:grabbing;opacity:.92;z-index:5;box-shadow:0 10px 26px #00000073, 0 0 0 2px var(--sonew-gold);transition:none;position:relative}.audiokit .drop-before{box-shadow:-4px 0 0 0 var(--sonew-gold)}.audiokit .drop-after{box-shadow:4px 0 0 0 var(--sonew-gold)}.audiokit .silence .sctl .mv{color:var(--sonew-gold-light);background:#e3c88924}.audiokit .piece .del{width:16px;height:16px;color:var(--sonew-gold-light);background:#000000a6;border-radius:50%;padding:0;font-size:10px;line-height:1;position:absolute;top:3px;right:3px}.audiokit .silence{background:#ffffff08;border:1px dashed #f5f5f759;border-radius:9px;width:84px}.audiokit .silence .sbody{height:52px;color:var(--sonew-text-sec);justify-content:center;align-items:center;font-size:10px;display:flex}.audiokit .silence .sctl{justify-content:center;gap:4px;padding:2px 0 3px;display:flex}.audiokit .silence .smv{justify-content:space-between;padding:0 3px 4px}.audiokit .silence .sctl button{width:16px;height:16px;color:var(--sonew-gray-bg);background:#ffffff14;border-radius:4px;padding:0;font-size:10px}.audiokit .silence .sctl span{color:var(--sonew-text-sec);font-size:9.5px;font-weight:700}.audiokit .joint{flex-direction:column;align-items:center;gap:1px;display:flex}.audiokit .joint small{color:var(--sonew-gold-light);font-size:8.5px;font-weight:700}.audiokit .joint .jval{color:var(--sonew-gray-bg);font-variant-numeric:tabular-nums;font-size:10px;font-weight:800}.audiokit .joint button{width:17px;height:15px;color:var(--sonew-gold-light);background:#e3c8891f;border-radius:4px;padding:0;font-size:10px}.audiokit .ctlrow{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.audiokit .ctl{background:#ffffff0b;border-radius:12px;flex:1;justify-content:space-between;align-items:center;min-width:150px;padding:9px 12px;display:flex}.audiokit .ctl span{color:var(--sonew-text-sec);font-size:11.5px;font-weight:700}.audiokit .ctl .cbtns{align-items:center;gap:6px;display:flex}.audiokit .ctl .cbtns button{width:26px;height:26px;color:var(--sonew-gold-light);background:#e3c8891f;border-radius:7px;padding:0;font-size:13px}.audiokit .ctl .cval{color:var(--sonew-gray-bg);text-align:center;font-variant-numeric:tabular-nums;min-width:36px;font-size:12.5px;font-weight:800}.audiokit .keyrow{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.audiokit .keybtn{width:46px;height:46px;color:var(--sonew-gold-light);background:0 0;border:1px solid #e3c88966;border-radius:50%;font-size:20px}.audiokit #keyVal{color:var(--sonew-gray-bg);text-align:center;min-width:76px;font-size:15px;font-weight:800}.audiokit .foot{color:var(--sonew-text-sec);text-align:center;margin-top:20px;font-size:10.5px;line-height:1.8}.audiokit #toast{background:var(--sonew-ink);color:var(--sonew-gray-bg);opacity:0;pointer-events:none;z-index:90;border-radius:20px;padding:10px 18px;font-size:12.5px;transition:opacity .3s;position:fixed;bottom:26px;left:50%;transform:translate(-50%)}.audiokit #coach{z-index:60;display:none;position:fixed;inset:0}.audiokit #coachHole{pointer-events:none;border-radius:14px;transition:all .25s;position:absolute;box-shadow:0 0 0 9999px #1d1d1f9e}.audiokit #coachTip{background:var(--sonew-white);border-radius:14px;max-width:290px;padding:15px 16px 13px;position:absolute;box-shadow:0 12px 36px #00000047}.audiokit #coachTip .ct{color:var(--sonew-brown);margin:0 0 5px;font-size:14px;font-weight:800}.audiokit #coachTip .cb{color:var(--sonew-ink);margin:0 0 11px;font-size:12.5px;line-height:1.65}.audiokit #coachTip button{background:var(--sonew-gold);color:var(--sonew-ink);border-radius:9px;min-height:38px;padding:9px 16px;font-size:12.5px}.audiokit #coachStep{color:var(--sonew-gold-dark);letter-spacing:.1em;float:right;margin-top:12px;font-size:10px;font-weight:700}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.audiokit #mrBox{border:1px dashed color-mix(in srgb, var(--sonew-gold) 55%, transparent);background:var(--sonew-cream);border-radius:12px;margin:12px 0 14px;padding:12px 14px}.audiokit .mrrow{flex-wrap:wrap;gap:8px;display:flex}.audiokit .mrbtn{flex:1;min-width:180px}.audiokit .mrhint{color:var(--sonew-text-sec);word-break:keep-all;margin-top:8px;font-size:11.5px;line-height:1.6}.audiokit .mrbar{background:var(--sonew-border);border-radius:999px;height:8px;margin-top:10px;overflow:hidden}.audiokit .mrbar i{background:linear-gradient(90deg, var(--sonew-gold-light), var(--sonew-gold));width:0;height:100%;transition:width .3s;display:block}.audiokit .mrtxt{color:var(--sonew-gold-dark);font-variant-numeric:tabular-nums;margin-top:6px;font-size:12px;font-weight:700}.audiokit #tlPlay{cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:10px}.audiokit .tpbar{background:#ffffff14;border-radius:999px;height:14px;position:relative;overflow:hidden}.audiokit .tpbar i{background:linear-gradient(90deg, var(--sonew-gold-light), var(--sonew-gold));width:0;height:100%;display:block}.audiokit .tpbar b{background:var(--sonew-white);border-radius:2px;width:4px;height:20px;margin-left:-2px;position:absolute;top:-3px;left:0;box-shadow:0 0 6px #00000080}.audiokit .tptime{color:var(--sonew-text-sec);font-variant-numeric:tabular-nums;justify-content:space-between;margin-top:5px;font-size:10.5px;display:flex}.audiokit .tptime span:nth-child(2){color:var(--sonew-gold-light)}.audiokit #resumeBox{background:var(--sonew-cream);border:1px solid color-mix(in srgb, var(--sonew-gold) 45%, transparent);border-radius:12px;margin:12px 0 0;padding:12px 14px}.audiokit .rsrow{color:var(--sonew-ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;font-size:13px;display:flex}.audiokit .rsinfo{color:var(--sonew-text-sec);margin-top:2px;font-size:11.5px}.audiokit .rsbtns{gap:6px;display:flex}.audiokit .rsbtns .ghost{padding:8px 12px;font-size:12.5px}.audiokit .savestate{letter-spacing:0;color:var(--sonew-text-sec);margin-left:auto;font-size:10px;font-weight:500}