.ak-compose-box{max-width:760px;margin:0 auto 28px;background:#fff;border-radius:30px;padding:16px;text-align:center;box-shadow:0 18px 42px rgb(50 35 90 / .14);position:relative}.ak-compose-wrap{position:relative;background:radial-gradient(circle at top left,rgb(255 230 130 / .55),transparent 34%),radial-gradient(circle at bottom right,rgb(124 92 255 / .22),transparent 34%),linear-gradient(135deg,#fff8ef,#f3eeff);border:4px solid #eadfff;border-radius:28px;padding:14px;overflow:hidden}.ak-compose-head{background:#fff;border:2px solid #eadfff;border-radius:26px;padding:18px 14px;box-shadow:0 8px 18px rgb(50 35 90 / .08);margin-bottom:14px}.ak-compose-icon{width:82px;height:82px;margin:0 auto 12px;display:flex;align-items:center;justify-content:center;border-radius:28px;background:linear-gradient(135deg,#fff4c7,#ffffff);border:2px solid #eadfff;font-size:42px;box-shadow:0 8px 18px rgb(50 35 90 / .08)}.ak-compose-head h3{margin:0 0 6px;color:#20205f;font-size:clamp(28px, 4vw, 40px);font-weight:950;line-height:1.1}.ak-compose-head p{margin:0;color:#6b6485;font-size:17px;font-weight:850}.ak-compose-instruments{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}.ak-compose-instrument{border:2px solid #eadfff;background:#fff;color:#20205f;border-radius:20px;padding:14px 10px;font-size:16px;font-weight:950;cursor:pointer;box-shadow:0 8px 18px rgb(50 35 90 / .08);transition:transform .12s ease,background .12s ease,color .12s ease}.ak-compose-instrument:hover{transform:scale(1.02)}.ak-compose-instrument.ak-active{background:linear-gradient(135deg,#8b5cff,#b970ff);border-color:#8b5cff;color:#fff;box-shadow:0 12px 24px rgb(124 92 255 / .24);transform:scale(1.03)}.ak-compose-panel{background:#fff;border:2px solid #eadfff;border-radius:26px;padding:18px;box-shadow:0 8px 18px rgb(50 35 90 / .08)}.ak-compose-status{margin:0 auto 14px;color:#20205f;font-size:18px;font-weight:950;line-height:1.35;background:#fbf8ff;border:2px solid #eadfff;border-radius:20px;padding:14px}.ak-compose-notes{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.ak-compose-note{border:none;border-radius:20px;background:linear-gradient(135deg,#ff9f1c,#ffc04d);color:#fff;font-size:20px;font-weight:950;padding:18px 8px;cursor:pointer;box-shadow:0 10px 20px rgb(255 159 28 / .22);transition:transform .12s ease,filter .12s ease}.ak-compose-note:hover{transform:scale(1.04)}.ak-compose-note:active{transform:scale(.96)}.ak-compose-note-high{background:linear-gradient(135deg,#20c768,#5ee08c);box-shadow:0 10px 20px rgb(32 199 104 / .22)}.ak-compose-melody-box{background:radial-gradient(circle at 20% 30%,rgb(255 193 7 / .18),transparent 28%),radial-gradient(circle at 80% 70%,rgb(139 92 255 / .16),transparent 30%),linear-gradient(135deg,#fffaf0,#f6f1ff);border:2px dashed #e1d4ff;border-radius:24px;padding:14px;margin-bottom:14px;text-align:left}.ak-compose-melody-box strong{display:block;color:#20205f;font-size:16px;font-weight:950;margin-bottom:10px;text-align:center}.ak-compose-melody-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;min-height:42px}.ak-compose-note-chip{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:#fff;border:2px solid #eadfff;color:#20205f;font-size:15px;font-weight:950;padding:9px 12px;box-shadow:0 6px 14px rgb(50 35 90 / .08);animation:akComposePop .18s ease}.ak-compose-empty-note{color:#8b83a5;font-size:15px;font-weight:900;padding:10px 0}.ak-compose-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ak-compose-main-btn,.ak-compose-btn{width:100%;border:none;border-radius:20px;color:#fff;font-size:16px;font-weight:950;padding:15px 10px;cursor:pointer;box-shadow:0 10px 20px rgb(124 92 255 / .22)}.ak-compose-main-btn{background:linear-gradient(135deg,#8b5cff,#b970ff);grid-column:span 2}.ak-compose-btn{background:linear-gradient(135deg,#7c5cff,#a987ff)}.ak-compose-btn:disabled,.ak-compose-main-btn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.ak-compose-instrument,.ak-compose-instrument:focus,.ak-compose-instrument:active,.ak-compose-instrument:focus-visible,.ak-compose-note,.ak-compose-note:focus,.ak-compose-note:active,.ak-compose-note:focus-visible,.ak-compose-main-btn,.ak-compose-main-btn:focus,.ak-compose-main-btn:active,.ak-compose-main-btn:focus-visible,.ak-compose-btn,.ak-compose-btn:focus,.ak-compose-btn:active,.ak-compose-btn:focus-visible{outline:none!important;-webkit-tap-highlight-color:transparent!important}.ak-compose-playing{animation:akComposePulse .5s ease infinite alternate}@keyframes akComposePop{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes akComposePulse{from{transform:scale(1)}to{transform:scale(1.018)}}@media (max-width:760px){.ak-compose-box{padding:8px;border-radius:22px}.ak-compose-wrap{padding:9px;border-radius:22px}.ak-compose-head{border-radius:22px;padding:16px 12px}.ak-compose-icon{width:70px;height:70px;font-size:36px;border-radius:22px}.ak-compose-head h3{font-size:28px}.ak-compose-head p{font-size:15px}.ak-compose-instruments{grid-template-columns:1fr 1fr;gap:8px}.ak-compose-instrument{font-size:15px;padding:13px 8px;border-radius:17px}.ak-compose-panel{padding:14px;border-radius:22px}.ak-compose-status{font-size:15px;padding:12px;border-radius:17px}.ak-compose-notes{grid-template-columns:repeat(2,1fr);gap:8px}.ak-compose-note{font-size:20px;padding:17px 8px;border-radius:17px}.ak-compose-actions{grid-template-columns:1fr}.ak-compose-main-btn{grid-column:span 1}.ak-compose-main-btn,.ak-compose-btn{font-size:16px;padding:14px;border-radius:18px}}@media (max-width:760px){.ak-compose-notes{grid-template-columns:repeat(4,1fr)!important;gap:6px!important}.ak-compose-note{font-size:14px!important;padding:10px 4px!important;min-height:42px!important;border-radius:14px!important}}