.safe-creative-page .creative-toolbar{gap:16px;padding:16px 24px;position:static}.safe-creative-page .creative-toolbar>div:last-child{flex-wrap:wrap}.safe-creative-page .creative-toolbar>div:last-child .studio-clear{display:inline-flex}.safe-creative-page button:disabled{opacity:.5;cursor:default}.creative-history-bar{background:#fffdf8;border:1px solid #c7d9d1;border-radius:22px;align-items:center;gap:18px;width:min(1320px,100% - 48px);margin:16px auto 0;padding:16px 20px;display:flex}.creative-history-bar>div{flex-shrink:0;gap:10px;display:flex}.creative-history-bar button{color:#16483e;background:#fff;border:1px solid #b8cfc5;border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 18px;font-size:16px;font-weight:750;display:flex}.creative-history-bar svg{width:20px;height:20px}.creative-history-bar output{color:#315b51;margin:0;font-size:16px;line-height:1.5}.studio-clear-dialog{color:#16483e;background:#fffdf8;border-radius:24px;width:calc(100% - 32px);max-width:450px;padding:24px}.studio-clear-dialog [data-slot=alert-dialog-title]{font-size:24px;font-weight:800}.studio-clear-dialog [data-slot=alert-dialog-description]{font-size:16px;line-height:1.5}.studio-clear-dialog>div{flex-wrap:wrap;gap:12px;display:flex}.studio-clear-dialog button{min-height:48px;padding:10px 16px;font-size:16px}.safe-creative-page .creative-palette button{min-width:44px;min-height:44px}.rhythm-cell-number{display:none}.safe-creative-page .rhythm-row button[aria-pressed=true]{color:#fff}.safe-creative-page .kajo-helper{margin-top:12px;position:relative;inset:auto}.safe-creative-page .kajo-trigger{width:190px;max-width:100%}.safe-creative-page .kajo-bubble{z-index:1}.safe-creative-page .kajo-trigger img{left:0;right:auto}.safe-creative-page .kajo-trigger span{color:#16483e;width:auto;height:auto;box-shadow:none;background:0 0;border:0;font-size:15px;bottom:20px;left:66px;right:auto}.safe-creative-page .kajo-trigger span svg{display:none}.safe-creative-page .rhythm-row button.is-playing-step{outline-offset:1px;outline:3px solid #94712a}.rhythm-tempo{border:0;flex-wrap:wrap;gap:10px;margin:0 0 24px;padding:0;display:flex}.rhythm-tempo legend{margin-bottom:12px;font-size:17px;font-weight:750}.rhythm-tempo button{color:#403054;background:#fffdf8;border:1px solid #c9bada;border-radius:16px;flex:1;min-height:56px;padding:10px 14px;font-size:16px;font-weight:750}.rhythm-tempo button[aria-pressed=true]{color:#fff;background:#715294}.rhythm-tempo small{margin-top:4px;font-size:14px;font-weight:400;display:block}.safe-creative-page .rhythm-count .is-playing-step{color:#173f37;background:#f3c84d;border-radius:8px;outline:3px solid #94712a}@media (max-width:700px){.safe-creative-page .creative-toolbar{flex-wrap:wrap;padding:14px;display:flex}.safe-creative-page .creative-toolbar>div:last-child{justify-content:flex-start;width:100%}.safe-creative-page .creative-toolbar>div:last-child>*{gap:6px;width:auto;min-height:44px;padding:8px 10px;font-size:14px;display:inline-flex}.safe-creative-page .creative-toolbar p{display:none}.creative-history-bar{flex-direction:column;align-items:stretch;gap:12px;width:calc(100% - 28px);padding:14px}.creative-history-bar>div{flex-wrap:wrap}.creative-history-bar button{flex:1}.safe-creative-page .creative-workspace{padding-top:20px}.safe-creative-page .creative-canvas{min-width:0}.safe-creative-page .rhythm-maker{grid-template-columns:minmax(0,1fr);padding:16px 8px}.safe-creative-page .rhythm-count,.safe-creative-page .rhythm-row{width:100%;min-width:0}.safe-creative-page .rhythm-row{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px}.safe-creative-page .rhythm-row>strong{text-align:left;grid-column:1/-1;padding:4px 0;font-size:16px}.safe-creative-page .rhythm-row button{aspect-ratio:auto;border-radius:8px;width:100%;min-width:0;min-height:44px}.safe-creative-page .rhythm-count{grid-template-columns:repeat(8,minmax(0,1fr));gap:4px;padding:0}.safe-creative-page .rhythm-count span{padding:8px 0;font-size:16px}.safe-creative-page .rhythm-count:before{display:none}.rhythm-tempo{gap:8px}.rhythm-tempo button{padding:10px 6px}.safe-creative-page .pattern-seeds,.safe-creative-page .kaleido-seeds{flex-wrap:wrap}}@media (max-width:420px){.safe-creative-page .rhythm-count{display:none}.safe-creative-page .rhythm-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.safe-creative-page .rhythm-row button{flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:52px;display:flex}.safe-creative-page .rhythm-row .rhythm-cell-number{font-size:14px;line-height:1;display:block}.safe-creative-page .rhythm-row button i{width:8px;height:8px}}