.studio-sidebar{position:fixed;inset:0 auto 0 0;width:235px;padding:24px 12px;background:linear-gradient(165deg,#101a38,#071126);color:#fff}.side-brand{display:flex;align-items:center;gap:11px;padding:0 12px 26px;color:#fff;text-decoration:none;font-size:22px}.side-brand>span{display:grid;place-items:center;width:43px;height:43px;border-radius:14px;background:linear-gradient(135deg,#3e8dff,#bf26ed);font-weight:900;font-size:25px}.side-brand small{display:block;margin-top:2px;color:#b8c1dd;font-size:12px}.studio-sidebar nav{display:grid;gap:6px}.studio-sidebar nav a{padding:13px 15px;border-radius:10px;color:#d8def4;text-decoration:none;font-weight:700}.studio-sidebar nav a.active{background:linear-gradient(100deg,#5933e9,#8439fa);color:#fff}.side-note{position:absolute;right:14px;bottom:18px;left:14px;padding:17px;border:1px solid #3f4b78;border-radius:14px;background:linear-gradient(145deg,#17264d,#251c63)}.side-note b,.side-note span{display:block}.side-note span{margin-top:7px;color:#c6cef0;font-size:13px}.studio-main{max-width:1320px;margin-left:235px}.studio-main .panel{border-radius:20px}.studio-main .intro{margin-top:30px}@media(max-width:900px){.studio-sidebar{display:none}.studio-main{margin-left:auto}}