.ImageLibrary-module__UZ6W2G__root{flex-direction:column;gap:12px;display:flex}.ImageLibrary-module__UZ6W2G__tabs{border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090710a6;border:1px solid #ffffff1a;gap:4px;padding:3px;display:flex}.ImageLibrary-module__UZ6W2G__tab{color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:6px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:500;display:flex}.ImageLibrary-module__UZ6W2G__tabActive{color:var(--text);box-shadow:var(--shadow-sm);background:#ffffff1f;border:1px solid #ffffff1a}.ImageLibrary-module__UZ6W2G__tab:not(.ImageLibrary-module__UZ6W2G__tabActive):hover{color:var(--text)}.ImageLibrary-module__UZ6W2G__libraryGrid{grid-template-columns:repeat(3,1fr);gap:8px;max-height:220px;display:grid;overflow-y:auto}.ImageLibrary-module__UZ6W2G__emptyState{border-radius:var(--radius-md);color:var(--text-muted);text-align:center;background:#09071080;border:1px dashed #ffffff1f;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;gap:6px;padding:24px 16px;font-size:12px;display:flex}.ImageLibrary-module__UZ6W2G__emptyIcon{margin-bottom:2px;font-size:26px}.ImageLibrary-module__UZ6W2G__emptySub{color:var(--text-dim);font-size:11px}.ImageLibrary-module__UZ6W2G__emptySub code{background:#ffffff0f;border-radius:4px;padding:1px 5px;font-size:10.5px}.ImageLibrary-module__UZ6W2G__libraryItem{aspect-ratio:16/9;border-radius:var(--radius-sm);cursor:pointer;transition:border-color var(--transition), transform var(--transition);border:2px solid #0000;padding:0;position:relative;overflow:hidden}.ImageLibrary-module__UZ6W2G__libraryItem:hover{transform:scale(1.03)}.ImageLibrary-module__UZ6W2G__libraryItemSelected{border-color:var(--accent)}.ImageLibrary-module__UZ6W2G__libraryItemSelected:after{content:"✓";color:#000;background:var(--accent);border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:5px}.ImageLibrary-module__UZ6W2G__libraryItem img{object-fit:cover;width:100%;height:100%;display:block}.ImageLibrary-module__UZ6W2G__dropZone{border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition), background var(--transition);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#09071080;border:1.5px dashed #ffffff26;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:24px 16px;display:flex}.ImageLibrary-module__UZ6W2G__dropZone:hover,.ImageLibrary-module__UZ6W2G__dragOver{border-color:var(--accent);background:#e8b86d14}.ImageLibrary-module__UZ6W2G__uploadIcon{color:var(--text-muted);margin-bottom:4px}.ImageLibrary-module__UZ6W2G__dropPrimary{color:var(--text);font-size:13px;font-weight:500}.ImageLibrary-module__UZ6W2G__dropSecondary{color:var(--text-muted);font-size:12px}.ImageLibrary-module__UZ6W2G__dropLink{color:var(--accent)}.ImageLibrary-module__UZ6W2G__dropHint{color:var(--text-dim);margin-top:2px;font-size:11px}.ImageLibrary-module__UZ6W2G__uploadPreview{border-radius:var(--radius-md);aspect-ratio:16/9;position:relative;overflow:hidden}.ImageLibrary-module__UZ6W2G__uploadPreview img{object-fit:cover;width:100%;height:100%;display:block}.ImageLibrary-module__UZ6W2G__removeBtn{color:var(--text);font-size:11.5px;font-family:var(--font-sans);cursor:pointer;transition:background var(--transition);background:#000000b3;border:1px solid #ffffff26;border-radius:6px;padding:4px 10px;position:absolute;top:8px;right:8px}.ImageLibrary-module__UZ6W2G__removeBtn:hover{background:#f8717166}
.FormPanel-module__hfDGUa__panel{scrollbar-width:thin;scrollbar-color:#ffffff26 transparent;background-image:linear-gradient(#0d0a16d1 0%,#140d1ee0 100%),url(/images/builder-sidebar-bg.jpg);background-position:0;background-repeat:no-repeat;background-size:cover;background-attachment:local;border-right:1px solid #ffffff14;flex-direction:column;padding:24px 22px;display:flex;position:relative;overflow-y:auto}.FormPanel-module__hfDGUa__step{border-radius:var(--radius-md);-webkit-backdrop-filter:blur(20px)saturate(140%);background:#120d1c94;border:1px solid #ffffff14;margin-bottom:14px;padding:18px;box-shadow:0 4px 20px #00000040}.FormPanel-module__hfDGUa__step:last-of-type{margin-bottom:0}.FormPanel-module__hfDGUa__stepLabel{align-items:center;gap:10px;margin-bottom:12px;display:flex}.FormPanel-module__hfDGUa__stepNum{color:var(--accent);letter-spacing:.1em;background:#e8b86d26;border:1px solid #e8b86d40;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700;line-height:1.4}.FormPanel-module__hfDGUa__stepTitle{color:var(--text);letter-spacing:-.2px;font-size:13.5px;font-weight:600}.FormPanel-module__hfDGUa__inputWrap{position:relative}.FormPanel-module__hfDGUa__textInput{border-radius:var(--radius-md);width:100%;color:var(--text);font-family:var(--font-sans);transition:border-color var(--transition), box-shadow var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090710a6;border:1px solid #ffffff1f;outline:none;padding:11px 14px;font-size:13.5px}.FormPanel-module__hfDGUa__textInput::placeholder{color:var(--text-dim)}.FormPanel-module__hfDGUa__textInput:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.FormPanel-module__hfDGUa__textArea{border-radius:var(--radius-md);width:100%;color:var(--text);font-family:var(--font-sans);resize:none;min-height:60px;transition:border-color var(--transition), box-shadow var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090710a6;border:1px solid #ffffff1f;outline:none;padding:11px 14px;font-size:13.5px;line-height:1.35}.FormPanel-module__hfDGUa__textArea::placeholder{color:var(--text-dim)}.FormPanel-module__hfDGUa__textArea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.FormPanel-module__hfDGUa__inputHint{color:var(--text-dim);margin-top:6px;font-size:11px}.FormPanel-module__hfDGUa__inputHint strong{color:var(--accent);font-weight:600}.FormPanel-module__hfDGUa__charCount{color:var(--text-dim);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;bottom:-18px;right:12px}.FormPanel-module__hfDGUa__urlRow{border-radius:var(--radius-md);transition:border-color var(--transition), box-shadow var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#090710a6;border:1px solid #ffffff1f;align-items:center;display:flex;overflow:hidden}.FormPanel-module__hfDGUa__urlRow:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}.FormPanel-module__hfDGUa__urlOk{border-color:var(--success)!important;box-shadow:0 0 0 3px #4ade801f!important}.FormPanel-module__hfDGUa__urlErr{border-color:var(--error)!important;box-shadow:0 0 0 3px #f871711f!important}.FormPanel-module__hfDGUa__urlIcon{color:var(--text-muted);flex-shrink:0;align-items:center;padding:0 12px;display:flex}.FormPanel-module__hfDGUa__urlInput{background:0 0;border:none;border-radius:0;flex:1;padding-left:0}.FormPanel-module__hfDGUa__urlInput:focus{box-shadow:none;border-color:#0000}.FormPanel-module__hfDGUa__statusMsg{margin-top:8px;font-size:12px}.FormPanel-module__hfDGUa__statusOk{color:var(--success)}.FormPanel-module__hfDGUa__statusErr{color:var(--error)}.FormPanel-module__hfDGUa__stepHint{color:var(--text-muted);margin-top:12px;font-size:12px}.FormPanel-module__hfDGUa__hintLink{color:var(--accent);transition:opacity var(--transition);text-decoration:none}.FormPanel-module__hfDGUa__hintLink:hover{opacity:.7}.FormPanel-module__hfDGUa__actionRow{flex-direction:column;align-items:stretch;gap:10px;padding-top:24px;display:flex}.FormPanel-module__hfDGUa__downloadBtn{border-radius:var(--radius-lg);color:#1a0f00;font-family:var(--font-sans);cursor:pointer;transition:transform var(--transition), box-shadow var(--transition), opacity var(--transition);background:linear-gradient(135deg,#e8b86d 0%,#d4904a 100%);border:none;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:16px 24px;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #e8b86d4d}.FormPanel-module__hfDGUa__downloadBtn:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff26 0%,#0000 60%);position:absolute;inset:0}.FormPanel-module__hfDGUa__downloadBtn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 32px #e8b86d73}.FormPanel-module__hfDGUa__downloadBtn:not(:disabled):active{transform:translateY(0)}.FormPanel-module__hfDGUa__downloadBtn:disabled{opacity:.35;cursor:not-allowed;box-shadow:none}.FormPanel-module__hfDGUa__loading .FormPanel-module__hfDGUa__btnLabel:after{content:"";vertical-align:middle;border:2px solid;border-top-color:#0000;border-radius:50%;width:12px;height:12px;margin-left:8px;animation:.7s linear infinite FormPanel-module__hfDGUa__spin;display:inline-block}@keyframes FormPanel-module__hfDGUa__spin{to{transform:rotate(360deg)}}.FormPanel-module__hfDGUa__btnLabel{letter-spacing:-.2px;font-size:15px;font-weight:700}.FormPanel-module__hfDGUa__btnSub{opacity:.65;font-size:11.5px;font-weight:400}.FormPanel-module__hfDGUa__actionHint{color:var(--text-dim);text-align:center;min-height:18px;font-size:12px}
.PreviewPanel-module__MvGWUq__panel{background:var(--bg);flex-direction:column;gap:16px;padding:28px 32px;display:flex;overflow:hidden}.PreviewPanel-module__MvGWUq__header{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.PreviewPanel-module__MvGWUq__dots{gap:6px;display:flex}.PreviewPanel-module__MvGWUq__dot{border-radius:50%;width:10px;height:10px}.PreviewPanel-module__MvGWUq__dotRed{background:#ff5f57}.PreviewPanel-module__MvGWUq__dotYellow{background:#ffbd2e}.PreviewPanel-module__MvGWUq__dotGreen{background:#28c840}.PreviewPanel-module__MvGWUq__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);font-size:11px;font-weight:600}.PreviewPanel-module__MvGWUq__fullBtn{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition);background:#ffffff0a;align-items:center;gap:5px;padding:6px 12px;font-size:12px;font-weight:500;display:flex}.PreviewPanel-module__MvGWUq__fullBtn:not(:disabled):hover{color:var(--accent);background:#e8b86d1a;border-color:#e8b86d4d}.PreviewPanel-module__MvGWUq__fullBtn:disabled{opacity:.35;cursor:not-allowed}.PreviewPanel-module__MvGWUq__screen{border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:var(--shadow-lg), 0 0 0 1px #ffffff0a inset;background:#050505;flex:1;min-height:0;position:relative;overflow:hidden}.PreviewPanel-module__MvGWUq__placeholder{flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.PreviewPanel-module__MvGWUq__placeholderIcon{color:var(--text-dim);font-size:32px;animation:3s ease-in-out infinite PreviewPanel-module__MvGWUq__pulse}@keyframes PreviewPanel-module__MvGWUq__pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}.PreviewPanel-module__MvGWUq__placeholderText{color:var(--text-dim);text-align:center;font-size:13.5px;line-height:1.7}.PreviewPanel-module__MvGWUq__app{flex-direction:column;justify-content:space-between;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.PreviewPanel-module__MvGWUq__appBg{background-position:50%;background-size:cover;transition:background-image .5s;position:absolute;inset:0}.PreviewPanel-module__MvGWUq__appOverlay{pointer-events:none;background:linear-gradient(#00000026 0%,#0000 40%,#00000073 100%);position:absolute;inset:0}.PreviewPanel-module__MvGWUq__ytContainer{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.PreviewPanel-module__MvGWUq__clock{z-index:10;color:#fff;text-shadow:0 1px 6px #0009;font-variant-numeric:tabular-nums;letter-spacing:.02em;opacity:.95;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:500;position:absolute;top:14px;left:16px}.PreviewPanel-module__MvGWUq__titleWrap{z-index:5;flex:1;justify-content:center;align-items:center;width:100%;padding:0 16px;display:flex;position:relative}.PreviewPanel-module__MvGWUq__title{font-family:var(--font-serif);color:#fff;text-align:center;text-shadow:0 4px 28px #000000d9,0 2px 6px #0009;letter-spacing:-.5px;word-break:break-word;white-space:pre-line;max-width:85%;font-size:clamp(34px,7vw,58px);font-weight:800;line-height:1.05}.PreviewPanel-module__MvGWUq__player{z-index:5;-webkit-backdrop-filter:blur(20px)saturate(150%);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;align-items:center;gap:12px;width:100%;max-width:440px;padding:10px 16px 10px 10px;display:flex;position:relative;box-shadow:0 8px 40px #00000073,inset 0 1px #ffffff40}.PreviewPanel-module__MvGWUq__vinyl{flex-shrink:0;width:52px;height:52px;position:relative}.PreviewPanel-module__MvGWUq__vinylDisc{background:#1a1a1a;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:0 2px 8px #00000080}.PreviewPanel-module__MvGWUq__spinning{animation:8s linear infinite PreviewPanel-module__MvGWUq__spin}@keyframes PreviewPanel-module__MvGWUq__spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.PreviewPanel-module__MvGWUq__vinylImg{object-fit:cover;width:100%;height:100%}.PreviewPanel-module__MvGWUq__vinylHole{pointer-events:none;background:#000000b3;border:1.5px solid #ffffff4d;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.PreviewPanel-module__MvGWUq__info{flex:1;min-width:0}.PreviewPanel-module__MvGWUq__songTitle{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:1px;font-size:12px;font-weight:600;overflow:hidden}.PreviewPanel-module__MvGWUq__songArtist{color:#ffffffa6;white-space:nowrap;text-overflow:ellipsis;margin-bottom:6px;font-size:10.5px;overflow:hidden}.PreviewPanel-module__MvGWUq__seekWrap{cursor:pointer;width:100%;height:8px;margin-bottom:3px;position:relative}.PreviewPanel-module__MvGWUq__seekTrack{background:#fff3;border-radius:2px;height:3px;position:absolute;top:50%;left:0;right:0;overflow:hidden;transform:translateY(-50%)}.PreviewPanel-module__MvGWUq__seekFill{background:#ffffffe6;border-radius:2px;height:100%;transition:width .5s linear}.PreviewPanel-module__MvGWUq__seekThumb{opacity:0;background:#fff;border-radius:50%;width:12px;height:12px;transition:opacity .15s,left .5s linear;position:absolute;top:50%;transform:translate(-50%,-50%)}.PreviewPanel-module__MvGWUq__seekWrap:hover .PreviewPanel-module__MvGWUq__seekThumb{opacity:1}.PreviewPanel-module__MvGWUq__timeDisplay{color:#ffffff73;font-variant-numeric:tabular-nums;font-size:9.5px}.PreviewPanel-module__MvGWUq__controls{flex-shrink:0;align-items:center;gap:4px;display:flex}.PreviewPanel-module__MvGWUq__ctrl{color:#ffffffbf;cursor:pointer;width:30px;height:30px;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:50%;place-items:center;display:grid}.PreviewPanel-module__MvGWUq__ctrl:hover:not(:disabled){color:#fff;background:#ffffff26}.PreviewPanel-module__MvGWUq__ctrl:disabled{opacity:.4;cursor:not-allowed}.PreviewPanel-module__MvGWUq__ctrlPlay{color:#111;background:#fff;width:36px;height:36px;box-shadow:0 2px 10px #0000004d}.PreviewPanel-module__MvGWUq__ctrlPlay:hover:not(:disabled){background:#fff;transform:scale(1.08)}.PreviewPanel-module__MvGWUq__note{color:var(--text-dim);text-align:center;flex-shrink:0;padding-top:4px;font-size:11.5px}@media (max-width:900px){.PreviewPanel-module__MvGWUq__panel{height:520px;padding:18px}}
.FullscreenModal-module__QZXN0a__overlay{z-index:1000;background:#000;flex-direction:column;display:flex;position:fixed;inset:0}.FullscreenModal-module__QZXN0a__closeBtn{z-index:10;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(10px);color:#fff;font-family:var(--font-sans);cursor:pointer;background:#0009;border:1px solid #fff3;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;transition:background .15s,border-color .15s;display:flex;position:absolute;top:16px;right:16px}.FullscreenModal-module__QZXN0a__closeBtn:hover{background:#f871714d;border-color:#f8717166}.FullscreenModal-module__QZXN0a__iframe{border:none;flex:1;width:100%;height:100%}
.page-module___8aEwW__header{z-index:20;-webkit-backdrop-filter:blur(24px)saturate(180%);background:#0e0c16a6;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:16px 32px;display:flex;position:relative;box-shadow:0 4px 24px #00000059}.page-module___8aEwW__headerLogo{letter-spacing:-.3px;align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.page-module___8aEwW__logoIcon{color:var(--accent);font-size:18px;animation:3s ease-in-out infinite page-module___8aEwW__pulseLogo}@keyframes page-module___8aEwW__pulseLogo{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}.page-module___8aEwW__logoText{color:var(--text)}.page-module___8aEwW__logoAccent{color:var(--accent)}.page-module___8aEwW__headerTagline{color:var(--text-muted);font-size:12.5px;font-weight:400}.page-module___8aEwW__mainLayout{z-index:1;flex:1;grid-template-columns:420px 1fr;height:calc(100vh - 61px);display:grid;position:relative;overflow:hidden}@media (max-width:900px){.page-module___8aEwW__mainLayout{grid-template-columns:1fr;height:auto;overflow:visible}.page-module___8aEwW__header{text-align:center;flex-direction:column;gap:6px;padding:14px 18px}}