.mediaObject{position:relative;width:100%;max-width:480px;margin:0 auto;padding:14px;border-radius:16px;background:linear-gradient(145deg,#d8d9d4,#b8bab4);box-shadow:0 12px 28px rgba(36,34,31,.12)}.mediaObjectInner{border-radius:10px;overflow:hidden;background:#ece5da}.mediaObject.mediaObjectCd{padding:10px;max-width:100%;box-sizing:border-box}.mediaObjectCd{border-radius:50%;padding:10%;overflow:hidden;aspect-ratio:1/1;box-sizing:border-box;width:100%;max-width:100%;display:flex;align-items:center;justify-content:center}.mediaObjectCd .mediaObjectInner{border-radius:10px;overflow:hidden;width:72%;max-width:72%;margin:0;aspect-ratio:1;flex:0 0 auto}.mediaObjectCassette{border-radius:8px;padding:18px 12px 28px}.mediaObjectCassette:after,.mediaObjectCassette:before{content:"";position:absolute;top:38%;width:28px;height:28px;border-radius:50%;border:3px solid rgba(36,34,31,.35);background:radial-gradient(circle at 30% 30%,#f1ece3,#a4a7a2)}.mediaObjectCassette:before{left:16%}.mediaObjectCassette:after{right:16%}.mediaObjectVinyl{border-radius:999px;padding:10px;background:radial-gradient(circle at 50% 50%,#3a3835 0,#3a3835 42%,#b8bab4 43%,#b8bab4 100%)}.mediaObjectVinyl .mediaObjectInner{border-radius:999px;max-width:72%;margin:0 auto}.mediaObjectMp3{border-radius:12px;padding:16px 12px 20px}.mediaObjectMp3:after{content:"";display:block;height:6px;margin:10px auto 0;width:40%;border-radius:999px;background:rgba(36,34,31,.2)}:root{--round5-top-chrome:88px;--round5-bottom-chrome:100px;--making-stage-size:clamp(200px,19vw,280px)}.stylePickGrid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;width:min(420px,100%)}.stylePickBtn.stylePickDefault{box-shadow:0 0 0 2px rgba(36,34,31,.35)}@media (max-width:420px){.stylePickGrid{grid-template-columns:1fr}}[data-screen=saving] #s-prompt.objectSaving{position:relative}[data-screen=saving] #s-prompt.objectSaving .lockline{display:none}[data-screen=saving] #s-prompt.objectSaving .makingAnim{position:fixed;z-index:3;left:50%;top:calc(var(--round5-top-chrome) + (100vh - var(--round5-top-chrome) - var(--round5-bottom-chrome)) / 2);transform:translate(-50%,-50%);margin:0;width:min(420px,92vw);max-width:none;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0 24px;text-align:center;pointer-events:none}@keyframes makingSpin{to{transform:rotate(1turn)}}.makingAnimSpin{animation:makingSpin 2.6s linear infinite}.makingAnim{width:100%;text-align:center}.makingAnimStage{position:relative;width:var(--making-stage-size);height:var(--making-stage-size);margin:0 auto 14px;display:flex;align-items:center;justify-content:center}.makingAnimReduced .makingAnimCdBurn,.makingAnimReduced .makingAnimMp3ScreenFill,.makingAnimReduced .makingAnimTapeRibbon,.makingAnimReduced .makingAnimVinylGrooves{transition:transform .35s ease,opacity .35s ease}.makingAnimLabel{font-size:15px;letter-spacing:.04em;color:var(--ink,#24221f)}.makingAnimSlow{margin-top:8px;font-size:13px;color:var(--dim,#6d6b65)}.makingAnimStageMp3{height:calc(var(--making-stage-size) * .72)}.makingAnimMp3Body{width:calc(var(--making-stage-size) * .78);max-width:220px;padding:12px 14px 14px;border-radius:16px;background:linear-gradient(160deg,#ece5da,#c8c4bc);box-shadow:0 10px 24px rgba(36,34,31,.18);border:1px solid rgba(36,34,31,.12)}.makingAnimMp3Screen{position:relative;height:calc(var(--making-stage-size) * .34);min-height:72px;border-radius:6px;overflow:hidden;background:#1a1917;border:2px solid rgba(36,34,31,.35)}.makingAnimMp3ScreenFill{position:absolute;left:0;right:0;bottom:0;height:100%;transform-origin:bottom center;background:linear-gradient(180deg,#6d6b65,#c3c6c1 55%,#ece5da)}.makingAnimMp3Face{display:flex;align-items:center;justify-content:space-between;margin-top:8px;padding:0 2px}.makingAnimMp3Led{width:7px;height:7px;border-radius:50%;background:#d8452b;box-shadow:0 0 6px rgba(216,69,43,.65)}.makingAnimMp3Grille{flex:1 1;height:8px;margin-left:10px;border-radius:999px;background:repeating-linear-gradient(90deg,rgba(36,34,31,.25) 0 3px,transparent 3px 6px)}.makingAnimStageCd{height:var(--making-stage-size)}.makingAnimCdTray{position:absolute;width:88%;height:18px;bottom:8%;border-radius:6px;background:linear-gradient(180deg,#b8bab4,#8f918c);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}.makingAnimCdDisc{position:relative;width:calc(var(--making-stage-size) * .72);max-width:200px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#f1ece3 0,#f1ece3 28%,#d0ccc4 29%,#c3c6c1 100%);box-shadow:0 8px 20px rgba(36,34,31,.2);z-index:2}.makingAnimCdLabel{position:absolute;inset:22%;border-radius:50%;background:linear-gradient(145deg,#ece5da,#c3c6c1)}.makingAnimCdHub{left:50%;top:50%;width:16%;height:16%;transform:translate(-50%,-50%);background:#24221f;box-shadow:inset 0 0 0 3px rgba(241,236,227,.35)}.makingAnimCdBurn,.makingAnimCdHub{position:absolute;border-radius:50%}.makingAnimCdBurn{width:calc(var(--making-stage-size) * .88);max-width:248px;aspect-ratio:1;z-index:1;background:conic-gradient(rgba(216,69,43,.85) 0deg,rgba(216,69,43,.85) calc(var(--making-progress, 0) * 1turn),transparent calc(var(--making-progress, 0) * 1turn));mask:radial-gradient(circle,transparent 52%,black 53%,black 68%,transparent 69%);-webkit-mask:radial-gradient(circle,transparent 52%,black 53%,black 68%,transparent 69%)}.makingAnimTapeShell{width:calc(var(--making-stage-size) * .92);max-width:260px;height:calc(var(--making-stage-size) * .38);min-height:96px;border-radius:10px;background:linear-gradient(180deg,#3a3835,#24221f);box-shadow:0 10px 22px rgba(36,34,31,.22);display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;padding:10px 12px;grid-gap:8px;gap:8px}.makingAnimTapeReel{width:52px;height:52px;margin:0 auto;border-radius:50%;background:radial-gradient(circle,#24221f 0 18%,#f1ece3 calc(18% + 1px) calc(var(--tape-fill, .5) * 100%),#6d6b65 calc(var(--tape-fill, .5) * 100% + 1px) 100%);border:3px solid rgba(241,236,227,.35)}.makingAnimTapeWindow{height:36px;border-radius:4px;background:#1a1917;border:2px solid rgba(241,236,227,.2);display:flex;align-items:center;padding:0 6px}.makingAnimTapeRibbon{height:8px;width:100%;transform-origin:left center;border-radius:999px;background:linear-gradient(90deg,#6d6b65,#c3c6c1)}.makingAnimStageVinyl{height:var(--making-stage-size)}.makingAnimVinylPlatter{position:relative;width:calc(var(--making-stage-size) * .82);max-width:230px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#24221f 0,#1a1917 100%);box-shadow:0 10px 24px rgba(36,34,31,.28)}.makingAnimVinylGrooves{position:absolute;inset:6%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#2b2925 0 2px,#1a1917 2px 3px);mask:radial-gradient(circle,transparent calc(100% - var(--making-progress, 0) * 46%),black calc(100% - var(--making-progress, 0) * 46% + 1px));-webkit-mask:radial-gradient(circle,transparent calc(100% - var(--making-progress, 0) * 46%),black calc(100% - var(--making-progress, 0) * 46% + 1px))}.makingAnimVinylLabel{position:absolute;inset:34%;border-radius:50%;background:linear-gradient(145deg,#d8452b,#a8321f)}.makingAnimVinylSpindle{position:absolute;left:50%;top:50%;width:10%;height:10%;transform:translate(-50%,-50%);border-radius:50%;background:#f1ece3}