:root{--ink:#20201e;--muted:#7d7a73;--paper:#f4f2ed;--line:#dedbd3;--accent:#ef665d}*{box-sizing:border-box}html,body{background:var(--paper);min-height:100%;color:var(--ink);-webkit-tap-highlight-color:transparent;margin:0}body{font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.app-shell{min-height:100vh;min-height:var(--app-height,100dvh);background:radial-gradient(circle at 15% 12%,#fff 0,transparent 26%),var(--paper)}.topbar{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:20;background:#faf9f6db;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:relative}.brand{align-items:center;gap:11px;display:flex}.brand-mark{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:34px;height:34px;font:italic 20px Georgia,serif;display:grid}.brand div{flex-direction:column;display:flex}.brand strong{letter-spacing:-.02em;font:16px Georgia,serif}.brand small{color:var(--muted);letter-spacing:.16em;margin-top:1px;font-size:9px}.top-actions{align-items:center;gap:9px;display:flex}.top-actions button{cursor:pointer;border:0;border-radius:10px;height:38px;padding:0 16px}.quiet-button{background:0 0}.export-button{background:var(--ink);color:#fff;box-shadow:0 6px 16px #1c1c1a20}.export-button span{opacity:.65;margin-left:8px}.workspace{height:calc(100vh - 72px);height:calc(var(--app-height,100dvh) - 72px);grid-template-columns:84px minmax(420px,1fr) 336px;display:grid}.side-rail{border-right:1px solid var(--line);background:#f8f6f2aa;flex-direction:column;gap:9px;padding:24px 12px;display:flex}.tool-button{color:#87837b;cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-height:62px;transition:all .2s;display:flex}.tool-button span{font:20px/1 Georgia,serif}.tool-button small{font-size:11px}.tool-button.active{color:var(--ink);background:#fff;box-shadow:0 8px 30px #5e574714}.stage-column{flex-direction:column;min-width:0;padding:25px 32px 18px;display:flex;overflow:hidden}.stage-heading{justify-content:space-between;align-items:flex-end;gap:12px;width:min(100%,560px);margin:0 auto 15px;display:flex}.stage-actions{justify-content:flex-end;align-items:center;gap:7px;display:flex}.eyebrow{color:var(--accent);letter-spacing:.16em;font-size:10px;font-weight:700}.stage-heading h1{margin:3px 0 0;font:500 19px Georgia,Songti SC,serif}.history{gap:6px;display:flex}.history button{border:1px solid var(--line);color:#908d86;cursor:pointer;background:0 0;border-radius:50%;width:31px;height:31px}.stage-wrap{flex:1;place-items:center;min-height:0;display:grid}.artboard{-webkit-user-select:none;user-select:none;touch-action:none;background:#98a7a2;max-width:100%;height:100%;max-height:680px;transition:aspect-ratio .25s;position:relative;overflow:hidden;box-shadow:0 26px 70px #5e574733}.ratio-3-4{aspect-ratio:3/4}.ratio-9-16{aspect-ratio:9/16}.ratio-1-1{aspect-ratio:1}.artboard>img,.artboard>video{object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.sample-scene{background:linear-gradient(#83969b 0%,#bec3b0 36%,#8e8e6f 72%,#484c3d 100%);position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.sample-scene:before{content:"";background:linear-gradient(120deg,#0000 20%,#f6d5a850 52%,#0000 68%);position:absolute;top:0;bottom:0;left:0;right:0}.sun-glow{aspect-ratio:1;filter:blur(24px);background:#ffe5bd8c;border-radius:50%;width:40%;position:absolute;top:12%;left:34%}.mountain{filter:blur(1px);border-radius:50% 50% 0 0;width:120%;height:45%;position:absolute;bottom:16%;left:-10%;transform:rotate(-7deg)}.mountain-one{opacity:.72;background:#687667;bottom:28%}.mountain-two{opacity:.82;background:#39473e;bottom:11%;left:24%;transform:rotate(10deg)}.person-shape{background:linear-gradient(90deg,#1f2828,#485052 55%,#242a28);border-radius:48% 48% 20% 20%/24% 24% 8% 8%;width:29%;height:62%;position:absolute;bottom:-5%;left:43%;transform:rotate(-4deg);box-shadow:-20px 0 45px #1822244d}.person-shape:before{content:"";aspect-ratio:.88;background:#d6a987;border-radius:46%;width:61%;position:absolute;top:-18%;left:19%;box-shadow:6px -8px 0 5px #33322f}.film-grain{opacity:.1;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");animation:.25s steps(2,end) infinite grain;position:absolute;top:-50%;bottom:-50%;left:-50%;right:-50%}@keyframes grain{25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}.shade{pointer-events:none;background:linear-gradient(#14201d14,#0000 28% 55%,#1119148a 100%);position:absolute;top:0;bottom:0;left:0;right:0}.draggable{cursor:grab;touch-action:none;z-index:4;position:absolute;transform:translate(-50%,-50%)}.draggable:active{cursor:grabbing}.lyric-stack{text-align:center;text-shadow:0 2px 14px #131c19b3;width:84%;padding:14px;font-family:Georgia,Songti SC,serif}.lyric-stack p{opacity:.5;letter-spacing:.06em;margin:.22em 0;font-size:.72em;transition:all .25s}.lyric-stack .active-line{opacity:1;font-size:1em;font-weight:600}.selected-element:after{content:"";opacity:0;border:1px dashed #ffffff80;border-radius:4px;transition:opacity .2s;position:absolute;top:3px;bottom:3px;left:0;right:0}.selected-element:hover:after{opacity:1}.doodle{text-shadow:0 2px 8px #241a1638;background:0 0;border:0;padding:8px;font:clamp(44px,8vh,78px)/1 Comic Sans MS,cursive;transform:translate(-50%,-50%)rotate(-14deg)}.mini-player{color:#fff;-webkit-backdrop-filter:blur(16px)saturate(1.3);backdrop-filter:blur(16px)saturate(1.3);background:#11181580;border:1px solid #ffffff6e;border-radius:18px;align-items:center;gap:11px;width:84%;height:62px;padding:8px 10px;display:flex;box-shadow:0 12px 35px #11181540}.record{background:repeating-radial-gradient(circle,#171918 0 2px,#343634 3px 4px);border-radius:50%;flex:none;place-items:center;width:44px;height:44px;display:grid}.record i{aspect-ratio:1;background:var(--accent);border:3px solid #efc6a7;border-radius:50%;width:12px}.spinning{animation:4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.track-copy{flex-direction:column;flex:1;min-width:0;display:flex}.track-copy strong{white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.track-copy small{color:#ffffffa8;margin-top:3px;font-size:9px}.play{color:#1f211f;cursor:pointer;background:#fff;border:0;border-radius:50%;width:34px;height:34px;font-size:10px}.canvas-caption{color:#ffffff80;letter-spacing:.22em;z-index:3;font:8px/1 Arial,sans-serif;position:absolute;bottom:3.2%;left:5%}.transport{color:#8a877f;align-items:center;gap:10px;width:min(100%,560px);margin:14px auto 0;font-size:10px;display:flex}.transport button{background:var(--ink);color:#fff;border:0;border-radius:50%;width:30px;height:30px;font-size:9px}.scrubber{background:#d4d0c7;flex:1;height:2px;position:relative}.scrubber:before{content:"";background:var(--accent);width:38%;height:100%;position:absolute}.scrubber i{aspect-ratio:1;background:var(--accent);border-radius:50%;width:8px;position:absolute;top:50%;left:38%;transform:translate(-50%,-50%)}.control-panel{border-left:1px solid var(--line);background:#faf9f6;flex-direction:column;min-width:0;display:flex;overflow:hidden}.panel-header{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;min-height:94px;padding:22px 24px 18px;display:flex;position:relative}.panel-header>span{color:var(--accent);margin-top:2px;font:italic 15px Georgia,serif}.panel-header h2{margin:0;font:500 20px Georgia,Songti SC,serif}.panel-header p{color:var(--muted);margin:6px 0 0;font-size:11px}.panel-close{color:#77736c;cursor:pointer;background:#efede8;border:0;border-radius:50%;width:30px;height:30px;font-size:20px;display:none;position:absolute;top:13px;right:13px}.panel-scroll{padding:22px 24px 40px;overflow-y:auto}.control-group{margin-bottom:25px}.control-group h3{color:#69665f;margin:0 0 11px;font-size:11px;font-weight:600}.control-group textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--ink);background:#fff;border-radius:12px;outline:none;padding:12px;font-size:13px;line-height:1.7}.control-group textarea:focus,.text-field:focus-within{border-color:#a8a49a;box-shadow:0 0 0 3px #79756a12}.field-note{color:#aaa69e;margin-top:6px;font-size:9px;display:block}.upload-card{cursor:pointer;background:#fff;border:1px dashed #c9c4b9;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;min-height:142px;margin-bottom:25px;transition:all .2s;display:flex}.upload-card:hover{border-color:var(--accent);background:#fffaf8}.upload-card input{display:none}.upload-icon{background:#f2efea;border-radius:50%;place-items:center;width:34px;height:34px;margin-bottom:10px;display:grid}.upload-card strong{font-size:12px}.upload-card small{color:#aaa69e;margin-top:5px;font-size:9px}.cover-frame-picker{border:1px solid var(--line);background:#fff;border-radius:13px;padding:13px}.cover-frame-preview{background:linear-gradient(135deg,#ece9e2,#d9d7d1);border-radius:10px;justify-content:center;align-items:center;width:100%;height:156px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.cover-frame-preview img{object-fit:contain;background:#171715;width:100%;height:100%;display:block}.cover-frame-preview span{color:#969188;font-size:10px}.cover-frame-preview i{color:#fff;text-align:center;font-variant-numeric:tabular-nums;background:#20201ed9;border-radius:999px;min-width:50px;padding:5px 8px;font-size:9px;font-style:normal;position:absolute;bottom:8px;right:8px;box-shadow:0 3px 12px #0003}.cover-frame-heading,.cover-frame-times{justify-content:space-between;align-items:center;display:flex}.cover-frame-heading{color:#747169;margin-bottom:12px;font-size:10px}.cover-frame-heading strong{color:var(--ink);font-variant-numeric:tabular-nums;font-size:12px}.cover-frame-picker>input{width:100%;height:24px;accent-color:var(--accent);touch-action:pan-x;margin:0}.cover-frame-times{color:#aaa69e;font-variant-numeric:tabular-nums;margin-top:3px;font-size:8px}.cover-frame-picker>small{color:#8f8b83;border-top:1px solid #eeece7;margin-top:11px;padding-top:10px;font-size:9px;line-height:1.55;display:block}.lyrics-input-toolbar{justify-content:space-between;align-items:center;min-height:30px;margin-bottom:7px;display:flex}.lyrics-input-toolbar span{color:#99958d;font-size:9px}.lyrics-input-toolbar button{color:#d25b53;cursor:pointer;background:#fff7f5;border:1px solid #ead0cc;border-radius:999px;height:28px;padding:0 10px;font-size:9px}.lyrics-input-toolbar button:disabled{opacity:.38;cursor:default}.ratio-row,.choice-row,.player-styles{gap:8px;display:flex}.ratio-row button,.choice-row button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:7px;height:52px;font-size:10px;display:flex}.ratio-row button.selected,.choice-row button.selected,.player-styles button.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.ratio-shape{border:1px solid #77736c;display:block}.r-3-4{width:10px;height:14px}.r-9-16{width:8px;height:14px}.r-1-1{width:12px;height:12px}.tip-card{color:#666c65;background:#ecefea;border-radius:12px;gap:10px;padding:13px;display:flex}.tip-card.warm{color:#796c62;background:#f3ebe4}.tip-card span{letter-spacing:.1em;margin-top:2px;font-size:8px;font-weight:800}.tip-card p{margin:0;font-size:10px;line-height:1.55}.range-row{align-items:center;gap:12px;display:flex}.range-row input{accent-color:var(--accent);flex:1;min-width:0}.range-row output{color:#807c74;width:42px;font-size:10px}.color-row{gap:9px;display:flex}.color-row>button,.custom-color{cursor:pointer;border:3px solid #faf9f6;border-radius:50%;width:28px;height:28px;box-shadow:0 0 0 1px #dad6cd}.color-row>button.selected{box-shadow:0 0 0 2px var(--ink)}.custom-color{color:#88847c;background:#fff;place-items:center;font-size:13px;display:grid;position:relative;overflow:hidden}.custom-color input{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}.text-field{border:1px solid var(--line);color:#8c887f;background:#fff;border-radius:10px;align-items:center;height:47px;margin-bottom:8px;padding:0 11px;font-size:10px;display:flex}.text-field input{text-align:right;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1;font-size:12px}.player-styles button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:11px;flex-direction:column;flex:1;justify-content:center;gap:8px;height:82px;display:flex}.player-styles button>span{font:13px/1.25 Georgia,serif}.player-styles button small{color:#99958d;font-size:9px}.switch-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:17px;display:flex}.switch-row span{flex-direction:column;display:flex}.switch-row strong{font-size:11px}.switch-row small{color:#9d9991;margin-top:4px;font-size:9px}.switch-row input{-webkit-appearance:none;appearance:none;background:#d2cec6;border-radius:20px;width:38px;height:22px;padding:3px;transition:all .2s}.switch-row input:before{content:"";background:#fff;border-radius:50%;width:16px;height:16px;transition:all .2s;display:block}.switch-row input:checked{background:var(--ink)}.switch-row input:checked:before{transform:translate(16px)}.doodle-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.doodle-grid button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;height:58px;font:30px Comic Sans MS,cursive}.doodle-grid button.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink);color:var(--accent)}.mobile-tabs{display:none}.toast{z-index:50;color:#fff;background:#20201eee;border-radius:999px;padding:11px 17px;font-size:11px;animation:.25s toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #0003}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (max-width:900px){.workspace{grid-template-columns:70px minmax(360px,1fr) 300px}.stage-column{padding-left:20px;padding-right:20px}}@media (max-width:720px){.topbar{height:58px;padding:var(--safe-area-inset-top,env(safe-area-inset-top)) 15px 0}.brand small{display:none}.brand-mark{width:29px;height:29px;font-size:17px}.quiet-button{display:none}.export-button{font-size:11px;height:33px!important;padding:0 12px!important}.workspace{height:calc(100vh - 126px);height:calc(var(--app-height,100dvh) - 126px);display:flex;position:relative}.side-rail{display:none}.stage-column{width:100%;padding:13px 12px 8px}.stage-heading{margin-bottom:8px}.stage-heading h1{font-size:15px}.eyebrow{font-size:8px}.history button{width:28px;height:28px}.artboard{max-width:calc(100vw - 24px);max-height:none}.transport{margin-top:9px}.control-panel{z-index:30;border:1px solid var(--line);border-radius:18px;max-height:53vh;transition:transform .28s;position:fixed;bottom:72px;left:10px;right:10px;transform:translateY(calc(100% + 85px));box-shadow:0 -14px 50px #35322824}.control-panel.open{transform:translateY(0)}.panel-close{place-items:center;display:grid}.mobile-tabs{z-index:40;height:calc(68px + var(--safe-area-inset-bottom,env(safe-area-inset-bottom)));padding:5px 11px var(--safe-area-inset-bottom,env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#faf9f6f5;grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabs .tool-button{border-radius:11px;min-height:55px}.mobile-tabs .tool-button.active{box-shadow:none;background:#eeeae3}.panel-header{min-height:76px;padding:15px 18px 13px}.panel-header h2{font-size:17px}.panel-scroll{padding:18px}.toast{bottom:82px}}@media (max-height:720px) and (min-width:721px){.stage-column{padding-top:15px}.stage-heading{margin-bottom:8px}.transport{margin-top:8px}}.lyric-stack{text-align:center;text-shadow:0 1px 9px #27312b70;width:48%;padding:8px;line-height:1.35}.lyric-stack p{letter-spacing:.015em;margin:.58em 0;font-family:Arial,PingFang SC,sans-serif;font-size:.64em;font-weight:400;transition:opacity .35s,transform .35s,font-size .35s}.lyric-stack .active-line{font-size:.8em;font-weight:600;transform:scale(1.03)}.reference-player{color:#f8faf9;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:linear-gradient(#233947f2,#132733f5);border:1px solid #b4c5c54f;border-radius:9%/5%;width:31%;min-width:112px;padding:2.5%;box-shadow:0 16px 38px #1b272966}.album-art{aspect-ratio:1.02;background:linear-gradient(#8ed7ed 0 47%,#263947 48% 61%,#dd846e 62%);border-radius:6%;width:100%;position:relative;overflow:hidden}.album-art:before{content:"ÉTÉ ÉTHÉRÉ";color:#fff;letter-spacing:.12em;z-index:2;font-size:clamp(4px,.7vw,8px);position:absolute;top:30%;right:7%}.album-art:after{content:"";background:repeating-linear-gradient(#b96358 0 4px,#df8d79 5px 8px);width:68%;height:44%;position:absolute;bottom:-16%;left:16%;transform:perspective(90px)rotateX(42deg)}.album-sun{background:#ef77b2;border:3px solid #de5598;border-radius:45% 45% 30% 30%;width:16%;height:25%;position:absolute;top:9%;left:46%;box-shadow:inset 0 0 0 3px #63d1e4}.album-road{z-index:3;background:linear-gradient(140deg,#0000 47%,#f7eae0 48% 51%,#0000 52%);height:41%;position:absolute;top:auto;bottom:0;left:17%;right:17%}.reference-track{flex-direction:column;margin-top:5%;display:flex}.reference-track strong{white-space:nowrap;text-overflow:ellipsis;font-size:clamp(6px,1.15vw,12px);overflow:hidden}.reference-track small{color:#b5c2c8;white-space:nowrap;text-overflow:ellipsis;margin-top:2%;font-size:clamp(5px,.9vw,9px);overflow:hidden}.reference-progress{background:#768b96;border-radius:4px;height:3px;margin-top:8%;overflow:hidden}.reference-progress i{background:#e8eef0;width:41%;height:100%;display:block}.reference-times{color:#aebdc4;justify-content:space-between;margin-top:2%;font-size:clamp(4px,.72vw,7px);display:flex}.reference-controls{justify-content:space-between;align-items:center;margin-top:8%;font-size:clamp(10px,2.2vw,23px);display:flex}.reference-controls button{color:#fff;background:0 0;border:0;padding:0;font-size:1.25em;font-weight:800}.reference-volume{color:#9cafb7;align-items:center;gap:5%;margin-top:8%;font-size:clamp(4px,.65vw,7px);display:flex}.reference-volume i{background:linear-gradient(90deg,#dce4e7 45%,#506774 45%);border-radius:5px;flex:1;height:3px}.crayon-canvas{z-index:3;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.crayon-canvas.drawing{pointer-events:auto;cursor:crosshair;touch-action:none}.brush-preview{border:1px solid var(--line);background:#fff;border-radius:12px;align-items:center;gap:12px;margin-bottom:24px;padding:15px 13px;display:flex}.brush-preview>i{border-radius:40% 60% 45% 55%;width:64px;display:block;transform:rotate(-2deg);box-shadow:0 1px #9d9286,0 -1px #fff9}.brush-preview span{flex-direction:column;display:flex}.brush-preview strong{font-size:12px}.brush-preview small{color:#99958d;margin-top:4px;font-size:9px}.doodle-actions{gap:8px;margin-bottom:18px;display:flex}.doodle-actions button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:9px;flex:1;height:38px;font-size:10px}.sticker-library{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.sticker-option{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;height:78px;padding:7px 5px 5px;display:flex}.sticker-option:hover{border-color:#9b978f}.sticker-option small{color:#77736c;white-space:nowrap;font-size:8px}.sticker-thumb{background:#353532;width:42px;height:42px;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sticker-option:nth-child(n+4) .sticker-thumb{width:58px}.remove-sticker{color:#b34f46;cursor:pointer;background:#fff8f6;border:1px solid #e3c6c1;border-radius:9px;width:100%;height:38px;margin:-10px 0 22px;font-size:10px}.sticker-element{z-index:7;min-width:22px;min-height:12px}.sticker-mask{pointer-events:none;background:#fffdf4;display:block;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.sticker-element.element-selected:after{border-radius:7px;top:-5px;bottom:-5px;left:-5px;right:-5px}.sticker-element>.sticker-corner{cursor:grab;border-radius:50%;width:22px;height:22px;font-size:13px;bottom:-12px;right:-12px}.sticker-delete{z-index:23;color:#fff;cursor:pointer;touch-action:manipulation;background:#e95f57;border:1px solid #ffffffdf;border-radius:50%;place-items:center;width:23px;height:23px;padding:0;font:16px/1 Arial,sans-serif;display:grid;position:absolute;top:-12px;left:-12px;box-shadow:0 2px 8px #0005}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#17181670;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.export-modal{background:#fbfaf7;border-radius:22px;width:min(420px,100%);padding:30px;position:relative;box-shadow:0 30px 90px #0005}.modal-close{color:#6d6a63;cursor:pointer;background:#eeece6;border:0;border-radius:50%;width:32px;height:32px;font-size:20px;position:absolute;top:13px;right:13px}.export-live-badge{color:var(--accent);letter-spacing:.13em;align-items:center;gap:5px;font-size:9px;font-weight:800;display:inline-flex}.export-modal h2{margin:8px 0 7px;font:500 25px Georgia,Songti SC,serif}.export-modal>p{color:#7e7a72;margin:0 0 21px;font-size:12px;line-height:1.65}.export-format{background:#fff;border:1px solid #232320;border-radius:13px;align-items:center;gap:11px;padding:12px;display:flex}.format-icon{color:#fff;letter-spacing:.1em;background:linear-gradient(145deg,#95b6a7,#d3a996);border-radius:11px;place-items:center;width:48px;height:48px;font-size:8px;display:grid}.export-format div{flex-direction:column;flex:1;display:flex}.export-format strong{font-size:12px}.export-format small{color:#969188;margin-top:4px;font-size:9px}.export-format>i{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;font-style:normal;display:grid}.export-note{color:#7c736a;background:#f1ede7;border-radius:10px;margin:13px 0 18px;padding:11px 12px;font-size:10px;line-height:1.55}.modal-primary,.modal-secondary{cursor:pointer;border-radius:11px;width:100%;height:44px}.modal-primary{background:var(--ink);color:#fff;border:0}.modal-primary:disabled{color:#8c887f;cursor:not-allowed;background:#d4d0c8}.modal-secondary{border:1px solid var(--line);color:#716d66;background:0 0;margin-top:8px}.modal-tertiary{color:#979188;cursor:pointer;background:0 0;border:0;width:100%;margin-top:10px;padding:6px;font-size:10px}.modal-secondary:disabled,.modal-tertiary:disabled{opacity:.45;cursor:not-allowed}.modal-close:disabled{opacity:.35;cursor:not-allowed}.export-format.ready{border-color:#7b9e8d;box-shadow:inset 0 0 0 1px #7b9e8d}.export-progress{background:#e9e6df;border-radius:10px;height:38px;margin:13px 0 0;position:relative;overflow:hidden}.export-progress>i{background:linear-gradient(90deg,#d8aba0,#8ba99b);transition:width .18s;display:block;position:absolute;top:0;bottom:0;left:0;right:auto}.export-progress>span{z-index:1;color:#302f2b;place-items:center;height:100%;font-size:10px;font-weight:600;display:grid;position:relative}.export-error{color:#a2453e;background:#fff0ed;border-radius:9px;margin:13px 0 0;padding:10px 12px;font-size:10px;line-height:1.5}.export-rendering .element-selected:after{display:none!important}@media (max-width:720px){.reference-player{width:34%;min-width:100px}.lyric-stack{width:50%}.lyric-stack p{margin:.48em 0}.export-modal{padding:25px 20px}.crayon-canvas.drawing{z-index:10}}.album-art.custom-cover:before,.album-art.custom-cover:after{display:none}.album-art>img{object-fit:cover;width:100%;height:100%;display:block}.cover-upload{cursor:pointer;background:#fff;border:1px dashed #c9c4b9;border-radius:12px;align-items:center;gap:12px;min-height:70px;padding:9px;display:flex}.cover-upload>span,.cover-upload>img{border-radius:9px;flex:none;width:50px;height:50px}.cover-upload>span{color:#8c877e;background:#f0ede7;place-items:center;font-size:20px;display:grid}.cover-upload>img{object-fit:cover}.cover-upload>div{flex-direction:column;display:flex}.cover-upload strong{font-size:11px}.cover-upload small{color:#99958d;margin-top:5px;font-size:9px}.cover-upload input{display:none}.player-template{color:#fff;z-index:5;container-type:inline-size}.player-portrait{width:34%}.player-compact{width:70%}.player-vinyl{width:52%}.player-wide{width:76%}.glass-player{color:#fff;-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);background:linear-gradient(145deg,#b9c3c899,#6371789c 48%,#7e7c7199);border:1px solid #fff6;width:100%;overflow:hidden;box-shadow:0 12px 34px #15212645,inset 0 1px 1px #ffffff57}.glass-player .album-art{border-radius:8cqw;box-shadow:0 4cqw 9cqw #15212652}.template-track{flex-direction:column;min-width:0;line-height:1.15;display:flex}.template-track strong,.template-track small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.template-track strong{font-size:6.1cqw;font-weight:600}.template-track small{color:#edf1f1a8;margin-top:1.2cqw;font-size:5.2cqw;font-weight:300}.player-dots{color:#fff;letter-spacing:.7cqw;white-space:nowrap;font-size:4.2cqw}.template-progress{background:#e8edeb9e;border-radius:99px;width:100%;height:1.8cqw;overflow:hidden}.template-progress i{background:#fff;width:42%;height:100%;display:block}.template-times{color:#f1f3f2df;justify-content:space-between;margin-top:2.5cqw;font-size:5cqw;font-weight:300;display:flex}.player-play-button{color:#fff;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;line-height:1;display:grid}.airplay-mark{color:currentColor;width:1em;height:1em;display:inline-block;position:relative}.airplay-mark i,.airplay-mark b{border:1px solid;border-bottom-color:#0000;border-radius:50%;position:absolute;bottom:17%;left:50%;transform:translate(-50%)rotate(-45deg)}.airplay-mark i{width:82%;height:82%}.airplay-mark b{width:50%;height:50%}.airplay-mark em{border-bottom:.34em solid;border-left:.24em solid #0000;border-right:.24em solid #0000;width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.portrait-layout{border-radius:14cqw;padding:7cqw}.portrait-layout>.album-art{aspect-ratio:1;width:100%}.portrait-controls{text-align:center;grid-template-columns:.8fr 1fr 1fr 1fr;align-items:center;margin-top:8cqw;font-size:11cqw;display:grid}.portrait-controls span{letter-spacing:-2cqw;line-height:1}.portrait-controls span:first-child{color:#eef0eeb0;letter-spacing:0;font-size:15cqw}.volume-row i{background:linear-gradient(90deg,#eef3f1 45%,#cad0cd99 45%);border-radius:99px;flex:1;height:2.2cqw;display:block}.airplay-pill{background:#5b625f63;border-radius:99px;align-items:center;gap:2.4cqw;width:max-content;margin:8cqw auto 0;padding:3.8cqw 6cqw;font-size:5.5cqw;display:flex}.compact-layout>.album-art{aspect-ratio:1;height:100%}.compact-top{align-items:flex-start;gap:3cqw;display:flex}.compact-top .template-track{flex:1}.airplay-circle{background:#83929778;border-radius:50%;flex:none;place-items:center;width:14cqw;height:14cqw;display:grid}.compact-controls{text-align:center;letter-spacing:-1.6cqw;grid-template-columns:repeat(3,1fr);align-items:center;font-size:8cqw;font-weight:800;display:grid}.wide-layout{aspect-ratio:2.22;border-radius:9cqw;padding:4.5cqw 5cqw}.wide-top>.album-art{aspect-ratio:1;width:100%}.wide-progress{margin-top:4cqw}.wide-progress .template-progress{height:1.6cqw}.wide-progress .template-times{margin-top:1.7cqw;font-size:4.1cqw}.wide-controls{text-align:center;letter-spacing:-1.3cqw;grid-template-columns:repeat(5,1fr);align-items:center;margin-top:4cqw;font-size:8cqw;font-weight:700;display:grid}.wide-controls>span:first-child{color:#f0efebb8;letter-spacing:0;font-size:10cqw}.vinyl-disc{aspect-ratio:1;background:repeating-radial-gradient(circle,#111 0 2px,#1b1b1b 3px 5px,#080808 6px 7px);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:1%;left:7%;right:7%;box-shadow:0 2cqw 5cqw #0007,0 0 0 1px #000}.vinyl-label{aspect-ratio:1;border:2cqw solid #f2efea;border-radius:50%;width:54%;overflow:hidden}.vinyl-label .album-art{border-radius:50%;width:100%;height:100%;transform:rotate(8deg)}.vinyl-spinning{animation:6s linear infinite spin}.tonearm{z-index:3;transform-origin:0 0;filter:drop-shadow(0 1cqw 1.5cqw #0004);border-bottom:3.2cqw solid #fff;border-left:3.2cqw solid #fff;border-radius:0 0 0 80%;width:38%;height:50%;position:absolute;top:-5%;left:54%;transform:rotate(-8deg)}.tonearm i{background:#fff;border:3cqw solid #aaa;border-radius:50%;width:11cqw;height:11cqw;position:absolute;top:-5cqw;left:-7cqw}.tonearm b{background:#fff;border-radius:2cqw;width:11cqw;height:8cqw;position:absolute;bottom:-5cqw;right:-3cqw;transform:rotate(34deg)}.template-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.template-option{border:1px solid var(--line);cursor:pointer;text-align:left;background:#fff;border-radius:11px;min-width:0;padding:9px}.template-option.selected{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.template-option>span:last-child{justify-content:space-between;align-items:center;margin-top:7px;display:flex}.template-option strong{font-size:10px}.template-option small{color:#aaa59d;font-size:8px}.template-mini{background:linear-gradient(145deg,#99aab0,#677a7e);border-radius:7px;height:60px;display:block;position:relative;overflow:hidden}.template-mini i,.template-mini b,.template-mini em{display:block;position:absolute}.mini-portrait{border-radius:9px;width:45px;margin:auto}.mini-portrait i{background:#e7dfd4;width:27px;height:27px;top:6px;left:9px}.mini-portrait b{background:#fff;width:27px;height:2px;top:41px;left:9px}.mini-portrait em{border-top:2px dotted #fff;width:18px;height:5px;bottom:5px;left:14px}.mini-compact i,.mini-wide i{background:#e7dfd4;width:34%;height:46px;top:7px;left:7px}.mini-compact b{border-top:2px solid #fff;border-bottom:2px solid #fff;width:43%;height:4px;top:17px;right:8px}.mini-compact em{background:#fff;width:43%;height:2px;bottom:10px;right:8px}.mini-vinyl{background:#c9c9c9}.mini-vinyl i{background:#111;border-radius:50%;width:52px;height:52px;top:5px;left:50%;transform:translate(-50%)}.mini-vinyl b{background:#e7dfd4;border-radius:50%;width:23px;height:23px;top:20px;left:50%;transform:translate(-50%)}.mini-vinyl em{background:#fff;width:3px;height:30px;top:2px;left:67%;transform:rotate(-18deg)}.mini-wide i{width:25%;height:25px}.mini-wide b{border-top:2px solid #fff;border-bottom:2px solid #fff;width:55%;height:5px;top:12px;left:35%}.mini-wide em{background:#fff;width:82%;height:2px;bottom:17px;left:9%}@media (max-width:720px){.player-portrait{width:39%}.player-compact{width:76%}.player-vinyl{width:58%}.player-wide{width:82%}}.lyric-stack{flex-direction:column;justify-content:center;display:flex;overflow:hidden}.element-selected:after{content:"";pointer-events:none;z-index:20;border:1px solid #ffffffc7;border-radius:5px;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:0 0 0 1px #1d27252b}.edge-handle,.corner-handle{z-index:22;color:#fff;touch-action:none;background:#202522d9;border:1px solid #ffffffd9;place-items:center;display:grid;position:absolute;box-shadow:0 2px 8px #0005}.edge-handle{padding:0}.handle-top,.handle-bottom{cursor:ns-resize;border-radius:99px;width:20px;height:7px;left:50%;transform:translate(-50%)}.handle-top{top:3px}.handle-bottom{bottom:3px}.handle-left,.handle-right{cursor:ew-resize;border-radius:99px;width:7px;height:20px;top:50%;transform:translateY(-50%)}.handle-left{left:3px}.handle-right{right:3px}.corner-handle{cursor:nwse-resize;border-radius:5px;width:19px;height:19px;padding:0;font:10px/1 Arial,sans-serif;bottom:3px;right:3px}.player-template.element-selected:after{border-radius:8px;top:-4px;bottom:-4px;left:-4px;right:-4px}.player-template>.corner-handle{border-radius:50%;width:22px;height:22px;bottom:-11px;right:-11px}.vinyl-label{background:#f2efea;border-radius:50%;overflow:hidden}.vinyl-label .album-art{aspect-ratio:1;width:100%;height:100%;box-shadow:none;border:0;border-radius:50%;overflow:hidden}.vinyl-label .album-art>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.vinyl-label .album-art:before,.vinyl-label .album-art:after{border-radius:50%}.player-template{max-width:94%}.glass-player{-webkit-backdrop-filter:blur(24px)saturate(1.18);backdrop-filter:blur(24px)saturate(1.18);background:linear-gradient(145deg,#c9d2d590 0%,#7e929c9c 47%,#69736f9c 100%);border-color:#ffffff78;position:relative;box-shadow:0 5cqw 14cqw #14232945,inset 0 .45cqw .5cqw #ffffff72}.glass-player .album-art{box-shadow:0 2.5cqw 6cqw #18272d50}.template-track{line-height:1.08}.template-track strong{letter-spacing:-.02em;font-size:6.4cqw;font-weight:650}.template-track small{color:#f0f4f4a8;margin-top:1.6cqw;font-size:5.4cqw}.player-dots{letter-spacing:.55cqw;font-size:3.7cqw}.template-progress{background:#e9efef9d;height:1.85cqw}.template-progress i{border-radius:99px;width:11%;min-width:2cqw}.template-times{margin-top:2cqw;font-size:4.55cqw}.player-play-button{justify-self:center;width:1em;height:1em}.play-mark,.pause-mark,.skip-mark,.speaker-mark{color:currentColor;display:inline-block;position:relative}.play-mark{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:.74em;height:.84em}.pause-mark{border-left:.25em solid;border-right:.25em solid;width:.72em;height:.9em}.skip-mark{width:1em;height:.78em}.skip-mark i,.skip-mark b{clip-path:polygon(0 0,100% 50%,0 100%);background:currentColor;width:.58em;height:100%;position:absolute;top:0}.skip-mark i{left:0}.skip-mark b{right:0}.skip-mark.previous{transform:scaleX(-1)}.favorite-mark{color:#f6f7f4;line-height:1}.speaker-mark{width:1em;height:.82em}.speaker-mark:before{content:"";background:currentColor;border-radius:.08em;width:.3em;height:.38em;position:absolute;top:31%;left:0}.speaker-mark:after{content:"";clip-path:polygon(100% 0,100% 100%,0 68%,0 32%);background:currentColor;width:.48em;height:.74em;position:absolute;top:12%;left:.2em}.speaker-mark i{display:none}.speaker-mark.loud i{border:.09em solid #0000;border-left:0;border-right-color:currentColor;border-radius:0 100% 100% 0;width:.42em;height:.7em;display:block;position:absolute;top:13%;left:.67em}.portrait-layout{aspect-ratio:.59;border-radius:13cqw;flex-direction:column;padding:7cqw 10cqw 6cqw;display:flex}.portrait-layout>.album-art{aspect-ratio:1;border-radius:5.5cqw;flex:none;width:100%}.portrait-title-row{align-items:center;gap:4cqw;margin:4cqw 0;display:flex}.portrait-title-row .template-track{flex:1}.portrait-layout>.template-progress{margin-top:0}.portrait-controls{grid-template-columns:repeat(4,1fr);align-items:center;margin-top:4.2cqw;font-size:10.5cqw;display:grid}.portrait-controls .favorite-mark{color:#f4f5f2b8;font-size:13.5cqw}.volume-row{color:#eef3f0c7;align-items:center;gap:4.2cqw;margin-top:5cqw;font-size:5.3cqw;display:flex}.volume-row i{background:linear-gradient(90deg,#f2f5f3 70%,#c9d0cd8f 70%);height:1.9cqw}.airplay-pill{background:#5d68666b;gap:2.5cqw;margin:3.8cqw auto 0;padding:2.7cqw 5.6cqw;font-size:5cqw}.airplay-pill .airplay-mark{font-size:7cqw}.compact-layout{aspect-ratio:2.16;border-radius:9cqw;grid-template-columns:40% 1fr;gap:5cqw;padding:4.2cqw;display:grid}.compact-layout>.album-art{aspect-ratio:1;border-radius:5.2cqw;align-self:center;width:100%;height:auto}.compact-body{grid-template-rows:1fr 1.15fr auto;min-width:0;display:grid}.compact-top{align-items:flex-start;gap:3cqw;padding-top:.4cqw;display:flex}.compact-top .template-track{flex:1;min-width:0}.compact-top .template-track strong{font-size:5.9cqw}.compact-top .template-track small{font-size:4.8cqw}.airplay-circle{background:#82949b73;width:13.8cqw;height:13.8cqw}.airplay-circle .airplay-mark{font-size:8.4cqw}.compact-controls{color:#fff;grid-template-columns:repeat(3,1fr);align-items:center;display:grid}.compact-controls .skip-mark{justify-self:center;font-size:8cqw}.compact-controls .player-play-button{font-size:13.8cqw}.compact-progress .template-progress{height:1.65cqw}.compact-progress .template-times{margin-top:1.5cqw;font-size:4.35cqw}.wide-layout{aspect-ratio:2.42;border-radius:8cqw;flex-direction:column;padding:4.2cqw 4.8cqw;display:flex}.wide-top{grid-template-columns:17% 1fr auto;align-items:center;gap:4cqw;height:28%;display:grid}.wide-top>.album-art{aspect-ratio:1;border-radius:3cqw;width:100%}.wide-top .template-track strong{font-size:5.35cqw}.wide-top .template-track small{font-size:4.35cqw}.wide-progress{grid-template-columns:10cqw 1fr 12cqw;align-items:start;column-gap:3cqw;margin-top:4.3cqw;display:grid}.wide-progress .template-progress{grid-area:1/2;height:1.6cqw;margin-top:1.3cqw}.wide-progress .template-times{font-size:4.1cqw;display:contents}.wide-progress .template-times span:first-child{grid-area:1/1}.wide-progress .template-times span:last-child{text-align:right;grid-area:1/3}.wide-controls{flex:1;grid-template-columns:repeat(5,1fr);align-items:center;margin-top:3.6cqw;display:grid}.wide-controls .favorite-mark{color:#f3f4f1c7;justify-self:center;font-size:9.6cqw}.wide-controls .skip-mark{justify-self:center;font-size:8.2cqw}.wide-controls .player-play-button{font-size:12.2cqw}.wide-controls .airplay-mark{justify-self:center;font-size:9.2cqw}.vinyl-layout{aspect-ratio:1;width:100%;position:relative}.vinyl-disc{background:repeating-radial-gradient(circle,#151515 0 .7cqw,#202020 .85cqw 1.15cqw,#0d0d0d 1.3cqw 1.65cqw);bottom:2%;left:9%;right:9%;box-shadow:0 2.5cqw 6cqw #0007,0 0 0 .45cqw #080808}.vinyl-label{border:1.25cqw solid #f2efea;width:51%;box-shadow:0 0 0 .8cqw #111}.vinyl-label .album-art{transform:none}.tonearm{border-bottom:2.8cqw solid #fff;border-left:2.8cqw solid #fff;border-radius:0 0 0 72%;width:35%;height:47%;top:-1%;left:57%;transform:rotate(-8deg)}.tonearm i{border:2.4cqw solid #b7b7b7;width:10cqw;height:10cqw;top:-4cqw;left:-6.2cqw}.tonearm b{border-radius:1.5cqw;width:10cqw;height:7cqw;bottom:-4cqw;right:-3cqw}@media (max-width:720px){.player-template{max-width:94%}.artboard{max-height:100%;width:100%!important;height:auto!important}.crayon-canvas.drawing{z-index:3}}.empty-scene{background:#a9aaa5;position:absolute;top:0;bottom:0;left:0;right:0}.doodle-mode-tabs{background:#ece9e3;border-radius:12px;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:18px;padding:4px;display:grid}.doodle-mode-tabs button{color:#8b877f;cursor:pointer;background:0 0;border:0;border-radius:9px;height:36px;font-size:11px}.doodle-mode-tabs button.active{color:var(--ink);background:#fff;font-weight:600;box-shadow:0 3px 10px #49443a12}.doodle-tool-page{min-height:0}@media (max-width:720px){.topbar{align-items:center;height:104px;padding:42px 15px 10px}.workspace{height:calc(var(--app-height,100dvh) - 172px - env(safe-area-inset-bottom));flex-direction:column;min-height:0;overflow:hidden}.stage-column{flex:auto;min-height:0;padding:12px 12px 10px}.stage-heading{flex:none}.stage-wrap{min-height:0;overflow:hidden}.workspace.panel-visible .artboard{max-width:100%;width:auto!important;height:100%!important}.control-panel{z-index:30;border:0;border-top:1px solid var(--line);opacity:0;pointer-events:none;border-radius:18px 18px 0 0;flex:none;width:100%;height:0;max-height:none;transition:height .28s,opacity .2s;position:relative;bottom:auto;left:auto;right:auto;transform:none;box-shadow:0 -10px 30px #35322812}.control-panel.open{opacity:1;pointer-events:auto;height:42vh;max-height:350px;transform:none}.panel-header{min-height:66px;padding:12px 18px 10px}.panel-scroll{padding:14px 18px 24px}.doodle-mode-tabs{z-index:2;margin-bottom:13px;position:sticky;top:0}.sticker-option{height:66px}.sticker-thumb{width:34px;height:34px}.control-group{margin-bottom:17px}.brush-preview{margin-bottom:17px;padding:11px 12px}}.portrait-layout{aspect-ratio:.589;-webkit-backdrop-filter:blur(32px)saturate(1.42)brightness(1.05);backdrop-filter:blur(32px)saturate(1.42)brightness(1.05);font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1;background:linear-gradient(145deg,#dee2e44d 0%,#85919545 45%,#7477704f 100%);border:max(1px,.14cqw) solid #ffffffbd;border-radius:12.2cqw;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;position:relative;overflow:hidden;box-shadow:0 4.4cqw 13cqw #0f191d61,inset 0 .18cqw .32cqw #ffffff9e,inset 0 0 0 .12cqw #ffffff24}.portrait-layout:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(115deg,#ffffff21,#0000 35%,#ffffff09 72%,#0000000e);position:absolute;top:0;bottom:0;left:0;right:0}.portrait-layout>*{z-index:1}.portrait-layout>.album-art{aspect-ratio:1.025;border:max(1px,.12cqw) solid #ffffff8f;border-radius:2.8cqw;width:80%;height:auto;position:absolute;top:6.9%;left:10%;box-shadow:0 2.1cqw 5.6cqw #141f2352}.portrait-title-row{align-items:flex-start;gap:3cqw;height:12.8cqw;margin:0;display:flex;position:absolute;top:94.5cqw;left:10%;right:10%}.portrait-title-row .template-track{flex:1;line-height:1.04}.portrait-title-row .template-track strong{letter-spacing:-.028em;font-size:5.65cqw;font-weight:650}.portrait-title-row .template-track small{color:#f5f7f79e;letter-spacing:-.015em;margin-top:1.45cqw;font-size:4.65cqw;font-weight:400}.portrait-title-row .player-dots{color:#ffffffeb;letter-spacing:.38cqw;margin-top:3.45cqw;font-size:3.5cqw;line-height:1}.portrait-layout>.template-progress{background:#eef2f194;border-radius:99px;width:80%;height:1.78cqw;margin:0;position:absolute;top:112.15cqw;left:10%}.portrait-layout>.template-progress i{background:#fffffff5;border-radius:99px;width:2.25%;min-width:1.9cqw}.portrait-layout>.template-times{color:#f8f9f9db;letter-spacing:-.02em;width:80%;margin:0;font-size:4.5cqw;font-weight:400;position:absolute;top:116.7cqw;left:10%}.portrait-controls{grid-template-columns:repeat(4,1fr);align-items:center;height:14cqw;margin:0;display:grid;position:absolute;top:125.5cqw;left:9.6%;right:9.6%}.portrait-controls .favorite-mark{color:#f7f8f6db;justify-self:center;font-family:Helvetica Neue,Arial,sans-serif;font-size:10.2cqw;font-weight:300;line-height:1}.portrait-controls .skip-mark{justify-self:center;font-size:9cqw}.portrait-controls .player-play-button{font-size:11.8cqw}.portrait-controls .pause-mark{border-left-width:.22em;border-right-width:.22em;width:.7em;height:.86em}.portrait-layout>.volume-row{color:#f1f4f2c9;align-items:center;gap:4.2cqw;height:6.3cqw;margin:0;font-size:4.7cqw;display:flex;position:absolute;top:143.5cqw;left:10%;right:10%}.portrait-layout>.volume-row>i{background:linear-gradient(90deg,#f7f9f8e6 72%,#d3d9d685 72%);border-radius:99px;flex:1;height:1.85cqw;display:block}.portrait-layout>.airplay-pill{color:#fffffff0;background:#6d757152;border:max(1px,.1cqw) solid #ffffff1a;border-radius:99px;justify-content:center;align-items:center;gap:2.1cqw;width:max-content;min-width:29cqw;min-height:10.8cqw;margin:0;padding:2.45cqw 5.2cqw;font-size:4.6cqw;font-weight:400;line-height:1;display:flex;position:absolute;top:153.4cqw;left:50%;transform:translate(-50%);box-shadow:inset 0 .15cqw .3cqw #ffffff1f}.portrait-layout>.airplay-pill .airplay-mark{flex:none;font-size:6.2cqw}.portrait-layout .airplay-mark i,.portrait-layout .airplay-mark b{border-width:.08em;border-bottom-color:#0000;bottom:auto;transform:translate(-50%)}.portrait-layout .airplay-mark i{width:88%;height:76%;top:1%}.portrait-layout .airplay-mark b{width:56%;height:51%;top:21%}.portrait-layout .airplay-mark em{bottom:0}.portrait-layout:before{display:none}.portrait-layout:after{content:"";z-index:0;pointer-events:none;background:#646c6840;border:max(1px,.1cqw) solid #ffffff1c;border-radius:99px;width:31.55%;height:6.35%;position:absolute;top:90.15%;left:33.9%;box-shadow:inset 0 .15cqw .28cqw #ffffff1f}.portrait-reference-skin{pointer-events:none;opacity:1;object-fit:fill;background:url('../portrait-player-controls.png') 50%/100% 100% no-repeat;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;z-index:1!important}.portrait-layout>.album-art,.portrait-layout>.portrait-title-row{z-index:2}.portrait-layout>.portrait-title-row{right:26%}.portrait-play-hotspot{cursor:pointer;background:0 0;border:0;width:8.5%;height:7.7%;padding:0;position:absolute;top:73.7%;left:46.6%;z-index:3!important}.compact-layout{aspect-ratio:2.123;-webkit-backdrop-filter:blur(30px)saturate(1.45)brightness(1.05);backdrop-filter:blur(30px)saturate(1.45)brightness(1.05);font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1;background:linear-gradient(145deg,#cbdae24d,#637e8c47 52%,#4c5b614f);border:max(1px,.12cqw) solid #ffffffb8;border-radius:9.2cqw;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:block;position:relative;overflow:hidden;box-shadow:0 3cqw 9cqw #0c192257,inset 0 .15cqw .3cqw #ffffff94}.compact-layout:after{content:"";z-index:0;aspect-ratio:1;pointer-events:none;background:#70848f57;border-radius:50%;width:10.85%;position:absolute;top:10.9%;left:84.1%;box-shadow:inset 0 .12cqw .25cqw #ffffff14}.compact-reference-skin{z-index:1;pointer-events:none;object-fit:fill;background:url('../compact-player-controls.png') 50%/100% 100% no-repeat;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.compact-layout>.album-art{z-index:2;aspect-ratio:auto;border:max(1px,.1cqw) solid #ffffff7a;border-radius:3cqw;width:38.7%;height:83%;position:absolute;top:8.05%;left:4.27%;box-shadow:0 1.6cqw 4cqw #111f2847}.compact-title-row{z-index:2;align-items:flex-start;height:10cqw;display:flex;position:absolute;top:6.75cqw;left:48%;right:19%}.compact-title-row .template-track{flex:1;line-height:1.04}.compact-title-row .template-track strong{letter-spacing:-.025em;font-size:4.25cqw;font-weight:650}.compact-title-row .template-track small{color:#f5f8f99e;letter-spacing:-.012em;margin-top:1.25cqw;font-size:3.55cqw;font-weight:400}.compact-play-hotspot{z-index:3;cursor:pointer;background:0 0;border:0;width:6.5%;height:15.7%;padding:0;position:absolute;top:45.5%;left:68.6%}.vinyl-layout{aspect-ratio:1;width:100%;box-shadow:none;background:0 0;position:relative;overflow:hidden}.vinyl-reference-skin{z-index:0;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.vinyl-layout>.album-art{z-index:1;aspect-ratio:1;background:#ece9e4;border:.72cqw solid #0b0b0b;border-radius:50%;width:35.9%;height:auto;position:absolute;top:37.85%;left:32.05%;overflow:hidden;transform:none;box-shadow:0 0 0 .22cqw #ffffff73,0 .8cqw 2.2cqw #00000038}.vinyl-layout>.album-art>img{object-fit:cover;border-radius:50%;width:100%;height:100%}.vinyl-layout>.album-art:before,.vinyl-layout>.album-art:after{border-radius:50%}.wide-layout{aspect-ratio:2.602;-webkit-backdrop-filter:blur(30px)saturate(1.42)brightness(1.04);backdrop-filter:blur(30px)saturate(1.42)brightness(1.04);font-kerning:normal;font-feature-settings:"kern" 1,"liga" 1;background:linear-gradient(145deg,#adc7db4f,#5c809947 48%,#31464c52);border:max(1px,.11cqw) solid #ffffffb8;border-radius:4.55cqw;width:100%;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Arial,sans-serif;display:block;position:relative;overflow:hidden;box-shadow:0 2.7cqw 8cqw #0c1c2757,inset 0 .14cqw .28cqw #ffffff8f}.wide-layout:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(110deg,#ffffff1a,#0000 38%,#0000000b);position:absolute;top:0;bottom:0;left:0;right:0}.wide-reference-skin{z-index:1;pointer-events:none;object-fit:fill;background:url('../wide-player-controls.png') 50%/100% 100% no-repeat;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.wide-layout>.album-art{z-index:2;aspect-ratio:auto;border:max(1px,.09cqw) solid #ffffff7a;border-radius:1.6cqw;width:15.75%;height:39.13%;position:absolute;top:7.02%;left:3.92%;box-shadow:0 1.25cqw 3.3cqw #10222e45}.wide-title-row{z-index:2;align-items:flex-start;height:19%;display:flex;position:absolute;top:15.4%;left:23.1%;right:24%}.wide-title-row .template-track{flex:1;line-height:1.03}.wide-title-row .template-track strong{letter-spacing:-.027em;font-size:3.92cqw;font-weight:650}.wide-title-row .template-track small{color:#f4f8faa6;letter-spacing:-.014em;margin-top:1.5cqw;font-size:3.12cqw;font-weight:400}.wide-play-hotspot{z-index:3;cursor:pointer;background:0 0;border:0;width:8.2%;height:20%;padding:0;position:absolute;top:71.4%;left:45.9%}.empty-scene{z-index:0;background:radial-gradient(circle at 24% 18%,#fffffff0,#0000 33%),radial-gradient(circle at 78% 74%,#dcd5c985,#0000 36%),linear-gradient(145deg,#eeece7,#d9d6cf);place-items:center;display:grid;overflow:hidden}.empty-scene:before{content:"";opacity:.34;pointer-events:none;background-image:radial-gradient(#8f8a80 .65px,#0000 .65px);background-size:13px 13px;position:absolute;top:0;bottom:0;left:0;right:0}.empty-frame{pointer-events:none;border:1px solid #6460582b;border-radius:3px;position:absolute;top:4.5%;bottom:4.5%;left:4.5%;right:4.5%}.empty-frame:before,.empty-frame:after{content:"";border-style:solid;border-color:#4846407a;width:28px;height:28px;position:absolute}.empty-frame:before{border-width:1px 0 0 1px;top:-1px;left:-1px}.empty-frame:after{border-width:0 1px 1px 0;bottom:-1px;right:-1px}.empty-upload{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);color:#514e48;cursor:pointer;background:#faf9f6b8;border:1px solid #5b57502e;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:min(62%,210px);min-height:112px;padding:19px 14px 16px;display:flex;position:relative;box-shadow:0 18px 46px #3c39331a,inset 0 1px #ffffffd1}.empty-upload input{display:none}.empty-upload i{color:#fff;background:#292a27;border-radius:50%;place-items:center;width:32px;height:32px;margin-bottom:9px;font:18px/1 Arial,sans-serif;display:grid}.empty-upload strong{font-size:12px;font-weight:650}.empty-upload small{color:#8a867e;margin-top:5px;font-size:8px}.empty-scene>em{color:#4b484273;letter-spacing:.18em;font:7px/1 Arial,sans-serif;position:absolute;bottom:6%;left:7%}.element-selected:after{border-style:dashed}.edge-handle,.corner-handle{outline:0}.corner-handle{background:#242622e8;border-radius:50%;font-size:12px}.lyric-stack>.handle-top{top:-4px}.lyric-stack>.handle-bottom{bottom:-4px}.lyric-stack>.handle-left{left:-4px}.lyric-stack>.handle-right{right:-4px}.lyric-stack>.corner-handle{width:22px;height:22px;bottom:-10px;right:-10px}.export-rendering .edge-handle,.export-rendering .corner-handle,.export-rendering .sticker-delete{display:none!important}.song-video-upload{border:1px solid var(--line);color:#34332f;cursor:pointer;background:linear-gradient(145deg,#fff,#f5f2ed);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:132px;margin-bottom:16px;padding:18px 14px;display:flex;box-shadow:0 8px 24px #4e463611}.song-video-upload input{display:none}.song-video-upload>span{color:#393a36;background:#f0ede8;border-radius:50%;place-items:center;width:48px;height:48px;margin-bottom:12px;font-size:21px;display:grid}.song-video-upload strong{font-size:13px}.song-video-upload small{color:#9a958c;text-align:center;max-width:230px;margin-top:6px;font-size:9px;line-height:1.5}.song-video-upload.has-song{background:#f5faf8;border-color:#8eb6a9}.song-video-error{color:#c24f48;background:#fff0ed;border-radius:9px;margin:-7px 0 14px;padding:9px 11px;font-size:9px;line-height:1.5}.remove-song-video{color:#c65d54;cursor:pointer;background:#fff8f6;border:1px solid #ecd1cc;border-radius:9px;width:100%;margin:-6px 0 12px;padding:8px;font-size:9px}.song-audio-source{z-index:-1;opacity:.001;pointer-events:none;width:1px;height:1px;position:fixed;bottom:-2px;left:-2px}.audio-editor{border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px}.audio-file-row{grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.audio-file-row>button{color:#fff;cursor:pointer;background:#242522;border:0;border-radius:50%;width:34px;height:34px;padding:0;font-size:10px}.audio-file-row>div{flex-direction:column;min-width:0;display:flex}.audio-file-row strong{color:#35332f;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.audio-file-row small,.audio-file-row>span{color:#99958d;margin-top:3px;font-size:8px}.audio-waveform{background:repeating-linear-gradient(90deg,#d5d1c9 0 2px,#0000 2px 6px),linear-gradient(#f2f0eb,#f2f0eb);border-radius:9px;height:58px;margin:14px 0 17px;position:relative;overflow:hidden}.audio-waveform:before{content:"";background:linear-gradient(#0000 0 18%,#f2f0eb 18% 25%,#0000 25% 68%,#f2f0eb 68% 78%,#0000 78%);position:absolute;top:10px;bottom:10px;left:0;right:0}.audio-waveform>i{z-index:1;border-left:2px solid var(--accent);border-right:2px solid var(--accent);background:#ef665d29;position:absolute;top:0;bottom:0}.simple-audio-editor .audio-waveform>i{left:0;right:0}.audio-editor .control-group{margin-bottom:13px}.audio-editor .control-group h3{margin-bottom:6px;font-size:9px}.audio-empty-note{color:#8f8a81;text-align:center;background:#efede8;border-radius:12px;padding:18px;font-size:9px;line-height:1.6}@media (max-width:720px){.topbar{height:96px;padding:43px 15px 12px}.workspace{height:calc(var(--app-height,100dvh) - 164px - env(safe-area-inset-bottom))}.mobile-tabs{grid-template-columns:repeat(5,1fr)}.mobile-tabs .tool-button{min-width:0;padding:0 2px}.mobile-tabs .tool-button span{font-size:18px}.mobile-tabs .tool-button small{font-size:10px}.minitool-shell .topbar{height:156px;padding:104px 15px 14px}.minitool-shell .workspace{height:calc(var(--app-height,100dvh) - 224px - env(safe-area-inset-bottom))}.stage-column{padding-top:15px}.artboard{border-radius:2px;box-shadow:0 18px 42px #5e57472c}.corner-handle{width:24px!important;height:24px!important}}.stage-wrap{touch-action:none;position:relative;overflow:hidden}.canvas-zoom-layer{transform-origin:50%;will-change:transform;place-items:center;width:100%;height:100%;display:grid}.canvas-zoom-controls{border:1px solid var(--line);background:#eeece7;border-radius:999px;align-items:center;gap:2px;min-height:31px;padding:3px;display:flex;position:static}.canvas-zoom-controls button{color:#57544e;cursor:pointer;background:0 0;border:0;border-radius:999px;min-width:25px;height:25px;padding:0 7px;font:500 15px/1 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.canvas-zoom-controls output{color:#69665f;text-align:center;min-width:34px;font-size:9px}.canvas-zoom-controls .zoom-reset{background:#fff;padding:0 8px;font-size:9px}.stage-wrap.view-zoomed .canvas-zoom-layer{cursor:grab}.stage-wrap.view-zoomed .canvas-zoom-layer:active{cursor:grabbing}.media-load-error{z-index:18;color:#fff;text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1d1f1dd1;border:1px solid #ffffffbf;border-radius:14px;flex-direction:column;align-items:center;gap:7px;width:min(78%,300px);padding:16px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-load-error strong{font-size:12px}.media-load-error span{color:#ffffffb8;font-size:9px;line-height:1.55}.media-load-error label{color:#272824;cursor:pointer;background:#fff;border-radius:999px;margin-top:3px;padding:8px 13px;font-size:10px}.media-load-error input{display:none}.lyric-stack{position:absolute}.lyric-stack p{transform:translate3d(0,calc(-50% + var(--lyric-y,0em)),0);will-change:transform,opacity;margin:0;transition:transform .58s cubic-bezier(.22,.72,.2,1),opacity .58s,font-size .58s;position:absolute;top:50%;left:7%;right:7%}.lyric-stack .active-line{transform:translate3d(0,calc(-50% + var(--lyric-y,0em)),0)}.history button:disabled{opacity:.36;cursor:default}.sticker-delete{transition:background .16s,transform .16s}.sticker-delete.confirming{background:#2f8c68;transform:scale(1.12)}.doodle-panel-close{display:none}@media (max-width:720px){.stage-heading{align-items:center}.stage-heading>div:first-child{min-width:0}.stage-heading h1{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.crayon-canvas.drawing{z-index:12}.canvas-zoom-controls button{min-width:27px;height:27px}.workspace.doodle-panel-visible .control-panel.open{height:188px;max-height:188px}.workspace.doodle-panel-visible .panel-header{display:none}.workspace.doodle-panel-visible .panel-scroll{padding:9px 12px 12px;overflow-y:auto}.workspace.doodle-panel-visible .doodle-mode-tabs{z-index:4;grid-template-columns:1fr 1fr 34px;margin-bottom:8px;padding:3px;position:sticky;top:-9px}.workspace.doodle-panel-visible .doodle-mode-tabs button{height:30px}.workspace.doodle-panel-visible .doodle-panel-close{font-size:16px;display:block}.workspace.doodle-panel-visible .control-group{margin-bottom:8px}.workspace.doodle-panel-visible .control-group h3{margin-bottom:5px;font-size:9px}.workspace.doodle-panel-visible .field-note{display:none}.workspace.doodle-panel-visible .sticker-library{overscroll-behavior-x:contain;scrollbar-width:none;gap:7px;display:flex;overflow-x:auto}.workspace.doodle-panel-visible .sticker-library::-webkit-scrollbar{display:none}.workspace.doodle-panel-visible .sticker-option{flex:0 0 59px;height:51px;padding:4px}.workspace.doodle-panel-visible .sticker-thumb,.workspace.doodle-panel-visible .sticker-option:nth-child(n+4) .sticker-thumb{width:28px;height:28px}.workspace.doodle-panel-visible .color-row{gap:8px}.workspace.doodle-panel-visible .color-row>button,.workspace.doodle-panel-visible .custom-color{width:26px;height:26px}.workspace.doodle-panel-visible .remove-sticker,.workspace.doodle-panel-visible .brush-preview{display:none}.workspace.doodle-panel-visible .range-row output{width:34px}.workspace.doodle-panel-visible .doodle-actions{margin:4px 0 0}.workspace.doodle-panel-visible .doodle-actions button{height:32px}}.live-preview-button{color:#fff;cursor:pointer;background:#272925;border:1px solid #272925;border-radius:999px;justify-content:center;align-items:center;column-gap:6px;min-width:62px;height:31px;padding:0 10px;display:flex}.live-preview-button span{text-align:center;width:10px;font:11px/1 -apple-system,BlinkMacSystemFont,PingFang SC,sans-serif}.live-preview-button small{font-size:9px;font-weight:600}.live-preview-button.playing{background:#ff6259;border-color:#ff6259}.live-preview-button:disabled{opacity:.32;cursor:default}@media (max-width:720px){.live-preview-button{width:29px;min-width:29px;height:29px;padding:0}.live-preview-button small{display:none}.live-preview-button span{font-size:10px}.stage-actions{column-gap:5px}.lyrics-input-active .control-panel.open{z-index:100;top:8px;top:calc(var(--visual-top,0px) + 8px);width:auto;height:calc(100vh - 16px);height:calc(var(--visual-height,100vh) - 16px);border:1px solid var(--line);background:#faf9f6;border-radius:16px;max-height:none;position:fixed;bottom:auto;left:8px;right:8px;box-shadow:0 16px 52px #26241f38}.lyrics-input-active .control-panel.open .panel-header{min-height:60px;padding:11px 16px 9px}.lyrics-input-active .control-panel.open .panel-scroll{-webkit-overflow-scrolling:touch;min-height:0;padding:10px 14px 14px;overflow-y:auto}.lyrics-input-active .control-panel.open .panel-scroll>.control-group:not(:first-child){display:none}.lyrics-input-active .control-panel.open .control-group{margin-bottom:0}.lyrics-input-active .control-panel.open textarea{resize:none;height:132px;min-height:112px;max-height:42vh}.lyrics-input-active .mobile-tabs{visibility:hidden;pointer-events:none}}.brand-icon-image{object-fit:cover;border-radius:9px;width:34px;height:34px}@media (max-width:720px){.topbar{height:58px;padding:10px 15px}.workspace{height:calc(var(--app-height,100dvh) - 126px - env(safe-area-inset-bottom))}.brand-icon-image{border-radius:8px;width:29px;height:29px}}
/*$vite$:1*/