.new{flex-direction:column;align-items:center;min-height:calc(100vh - 50px);margin-top:50px;padding:40px 20px;display:flex}.new .container{width:100%;max-width:600px}.new .desc{margin-bottom:30px}.new form{flex-direction:column;gap:12px;display:flex}.new form label{margin-bottom:-8px}.new form span{color:var(--color-text-muted);margin-top:-1px;font-size:13px}.new form #name,.new form textarea{border:1.5px solid var(--color-border);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:12px;font-family:inherit;transition:all .3s ease-in-out}.new form input:disabled,.new form textarea:disabled{opacity:.8;cursor:default}.new form .adv:disabled:hover{cursor:default;box-shadow:none;border-bottom:2px solid var(--color-text-muted)}.new form button:disabled{cursor:default;opacity:.8!important}.new form button:disabled:hover{cursor:default;box-shadow:none!important;transform:none!important}.new form textarea{height:100px}.new form #name:focus,.new form textarea:focus{border-color:var(--color-primary);transition:all .3s ease-in-out;box-shadow:0 0 0 4px #1877f21a}.new form .error-input{color:var(--color-danger);margin-top:-10px;font-size:12px}.new form .music-picker{flex-direction:column;gap:10px;display:flex;position:relative}.new form .music-picker .input-wrap{border:1.5px solid var(--color-border);background:#fff;border-radius:6px;justify-content:space-between;align-items:center;gap:10px;padding:1px 12px;transition:all .3s ease-in-out;display:flex}.new form .music-picker .input-wrap:focus-within{border-color:var(--color-primary);transition:all .3s ease-in-out;box-shadow:0 0 0 4px #1877f21a}.new form .music-picker .input-wrap input{border:none;outline:none;width:90%;padding:12px 0;font-family:inherit}.new form .music-picker .input-wrap .clear{cursor:pointer;color:var(--color-text-muted);background:0 0;background:var(--color-primary-light);border:none;border-radius:5px;padding:5px}.new form .music-picker .dropdown{border:1px solid var(--color-border);background:#fff;border-radius:5px}.new form .music-picker .dropdown .item{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 14px;font-family:inherit;transition:background .15s;display:flex}.new form .music-picker .dropdown .info-text{text-align:center;color:var(--color-text-muted);background:#fff;border-radius:5px;justify-content:center;gap:5px;padding:16px;font-size:.9rem;line-height:.5;display:flex}.new form .music-picker .dropdown .info-text i{font-size:17px}.new form .music-picker .dropdown .item-wrap{align-items:center;padding:4px 14px;transition:background .15s;display:flex}.new form .music-picker .dropdown .item-wrap:hover{background:#80808015}.new form .music-picker .dropdown .item{cursor:pointer;flex:1;align-items:center;gap:10px;padding:6px 0;display:flex}.new form .music-picker .dropdown .item img{object-fit:cover;border-radius:4px;width:40px;height:40px}.new form .music-picker .dropdown .item .info{flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden}.new form .music-picker .dropdown .item .title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:500;overflow:hidden}.new form .music-picker .dropdown .item .artist{color:var(--color-text-muted);font-size:.8rem}.new form .music-picker .dropdown .item-wrap .btn{flex-direction:row;gap:5px;display:flex}.new form .music-picker .dropdown .item-wrap .btn button{cursor:pointer;text-align:center;border:none;border-radius:5px;padding:3px;font-size:1.1rem;display:flex}.new form .music-picker .dropdown .item-wrap .play{background:var(--color-accent);color:#fff}.new form .music-picker .dropdown .item-wrap .play .spinner{border:2px solid #fff6;border-top-color:#fff;border-radius:50%;width:14px;height:14px;margin:2.5px;animation:.8s linear infinite spin}.new form .music-picker .dropdown .item-wrap .stop{background:var(--color-primary-light);color:var(--color-accent)}.new form .music-picker .selected-info{background:var(--color-primary-light);border:1px solid #1877f233;border-radius:6px;align-items:center;gap:10px;padding:10px 14px;display:flex}.new form .music-picker .selected-info img{border-radius:4px;width:36px;height:36px}.new form .music-picker .selected-info .info{flex-direction:column;flex:1;display:flex}.new form .music-picker .selected-info .title{color:#000;font-size:.88rem;font-weight:500}.new form .music-picker .selected-info .artist{color:var(--color-text-muted);font-size:.8rem}.new form .music-picker .selected-info .play{cursor:pointer;color:var(--color-primary);background:0 0;border:none;font-size:1.1rem}.new form .music-picker .selected-info .play .spinner{border:2px solid #fff6;border-top-color:var(--color-accent);border-radius:50%;width:14px;height:14px;margin:2.5px;animation:.8s linear infinite spin}.new form .music-picker .duration{width:100%;color:var(--color-text-muted);justify-content:flex-end;margin-top:-5px;font-size:14px;display:flex}.new form .file-upload{flex-direction:column;gap:8px;display:flex}.new form .file-upload .upload-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.new form .file-upload .upload-grid .upload-box{border:1.5px solid var(--color-border);background:#fff;border-radius:10px;min-height:130px;transition:all .3s ease-in-out;position:relative;overflow:hidden}.new form .file-upload .upload-grid .upload-box:hover{border-color:var(--color-primary);transition:all .3s ease-in-out;box-shadow:0 0 0 4px #1877f21a}.new form .file-upload .upload-grid .upload-box.has-file{border-style:solid;border-color:#1877f24d}.new form .file-upload .upload-grid .upload-box input[type=file]{display:none}.new form .file-upload .upload-grid .upload-box .upload-label{cursor:pointer;height:130px;color:var(--color-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:6px;transition:color .2s;display:flex}.new form .file-upload .upload-grid .upload-box .upload-label:hover{color:var(--color-primary)}.new form .file-upload .upload-grid .upload-box .upload-label i{font-size:1.8rem}.new form .file-upload .upload-grid .upload-box .upload-label span{color:var(--color-text-primary);font-size:.88rem;font-weight:500}.new form .file-upload .upload-grid .upload-box .upload-label p{color:var(--color-text-muted);margin:0;font-size:.75rem}.new form .file-upload .upload-grid .upload-box .preview{width:100%;height:130px;position:relative}.new form .file-upload .upload-grid .upload-box .preview img,.new form .file-upload .upload-grid .upload-box .preview video{object-fit:cover;width:100%;height:100%;display:block}.new form .file-upload .upload-grid .upload-box .preview .remove{color:#fff;cursor:pointer;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:.9rem;transition:background .2s;display:flex;position:absolute;top:6px;right:6px}.new form .file-upload .upload-grid .upload-box .preview .remove:hover{background:#000000bf}.new form .adv{text-align:start;border:0;border-bottom:2px solid var(--color-text-muted);cursor:pointer;background:0 0;outline:0;flex-direction:row;justify-content:space-between;align-items:center;width:50%;margin-top:15px;padding:2px;font-family:inherit;font-size:16px;transition:all .3s ease-in-out;display:flex}.new form .adv:hover{border-bottom:2px solid var(--color-primary);transition:all .3s ease-in-out}.new form .adv-menu{border:1.5px solid var(--color-border);background:#fff;border-radius:8px;flex-direction:column;gap:5px;padding:20px;display:flex}.new form .adv-menu .w{flex-direction:row;align-items:center;gap:20px;display:flex}.new form .adv-menu .w button{background:var(--color-accent);color:var(--color-primary-light);cursor:pointer;border:none;border-radius:5px;outline:none;padding:9px 15px;transition:all .3s ease-in-out}.new form .adv-menu .w button:hover{border-color:var(--color-primary);opacity:.8;transition:all .3s ease-in-out;box-shadow:0 0 0 4px #1877f21a}.new form .adv-menu .wrapper{flex-direction:column;gap:10px;display:flex}.new form .adv-menu .input-wrap{width:50%}.new form .adv-menu .wrapper .input-info{flex-direction:row;justify-content:space-between;align-items:center;margin-top:5px;display:flex}.new form .adv-menu .wrapper .input-info p{font-size:13px}.new form .adv-menu .wrapper input{border:1.5px solid var(--color-border);box-sizing:border-box;border-radius:6px;outline:none;width:100%;padding:7px 12px;font-family:inherit;transition:all .3s ease-in-out}.new form .adv-menu .wrapper input:focus{border-color:var(--color-primary);transition:all .3s ease-in-out;box-shadow:0 0 0 4px #1877f21a}.new form .adv-menu .menu-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.new form .adv-menu .menu-info{flex-direction:column;flex:1;display:flex}.new form .adv-menu .item{color:var(--color-text-primary);font-size:15px;font-weight:600}.new form .adv-menu .desc{color:var(--color-text-muted);margin:2px 0 0;font-size:13px}.new form .adv-menu .helper-text{color:var(--color-text-muted);background:var(--color-primary-light);border-radius:6px;margin-top:10px;padding:8px 12px;font-size:12px;line-height:1.4}.new form .adv-menu .space{border-bottom:1px solid var(--color-border);margin:15px 0}.new form .adv-menu .checkbox-container .status-text{text-transform:capitalize;min-width:60px;font-size:13px;font-weight:500}.new form .adv-menu .checkbox-container{cursor:pointer;align-items:center;gap:10px;padding:5px 0;display:flex;position:relative}.new form .adv-menu .checkbox-container input[type=checkbox]{opacity:0;cursor:pointer;z-index:2;width:20px;height:20px;margin:0;position:absolute}.new form .adv-menu .checkbox-container span{color:var(--color-text-primary);margin:0}.new form .adv-menu .checkbox-container .custom-checkmark{border:1.5px solid var(--color-border);z-index:1;background-color:#fff;border-radius:4px;width:20px;height:20px;transition:all .3s ease-in-out;position:relative}.new form .adv-menu .checkbox-container:hover .custom-checkmark{border-color:var(--color-primary)}.new form .adv-menu .checkbox-container input:checked~.custom-checkmark{background-color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 0 4px #1877f21a}.new form .adv-menu .checkbox-container .custom-checkmark:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:10px;display:none;position:absolute;top:2px;left:6px;transform:rotate(45deg)}.new form .adv-menu .checkbox-container input:checked~.custom-checkmark:after{display:block}.new form .dropdown-container{flex-direction:column;gap:8px;display:flex}.new form .custom-select{align-items:center;display:flex;position:relative}.new form .custom-select select{appearance:none;width:100%;color:var(--color-text-primary);border:1.5px solid var(--color-border);cursor:pointer;background-color:#fff;border-radius:6px;outline:none;padding:12px;font-family:inherit;font-size:14px;transition:all .3s ease-in-out}.new form .custom-select i{color:var(--color-text-muted);pointer-events:none;font-size:12px;transition:transform .3s;position:absolute;right:15px}.new form .custom-select select:focus{border-color:var(--color-primary);box-shadow:0 0 0 4px #1877f21a}.new form .custom-select select:focus+i{color:var(--color-primary);transform:rotate(180deg)}.new form .custom-select select option{color:var(--color-text-primary);background:#fff;padding:10px}.new form .adv-menu .preview{background:var(--color-bg-secondary);-webkit-user-select:none;user-select:none;border-radius:5px;padding:10px;font-family:Playwrite NZ Guides,cursive;font-style:normal;font-weight:400;transition:all .1s ease-in-out}.new form .wrap-error{justify-content:center;margin-top:30px;margin-bottom:-30px;display:flex}.new form .wrap-error .error{text-align:center;color:var(--color-text-primary);border:1px solid var(--color-danger);background:#ff000053;border-radius:5px;width:70%;margin-bottom:20px;padding:5px;font-size:13px}.new form .btns{justify-content:flex-end;display:flex}.new form .btns .submit{background:var(--color-accent);color:#fff;cursor:pointer;min-width:25%;font-family:inherit;font-weight:var(--font-medium);border:0;border-radius:5px;outline:0;justify-content:center;align-items:center;gap:5px;margin-top:20px;padding:10px;transition:all .3s ease-in-out;display:flex}.new form .btns .submit i{font-size:15px}.new form .btns .submit:hover{border-color:var(--color-primary);transition:all .3s ease-in-out;transform:scale(1.1);box-shadow:0 0 0 4px #1877f21a}.success-w{justify-content:center;display:flex}.success{background:var(--color-surface);border:1px solid var(--color-border);text-align:center;border-radius:16px;justify-content:center;width:100%;max-width:420px;padding:2.5rem 2rem 2rem;overflow:hidden}.success .card:after{content:"";background:linear-gradient(90deg, var(--color-success), #4cbb6e);height:3px;position:absolute;top:0;left:0;right:0}.success .icon-wrap{background:var(--color-surface-alt);border:1.5px solid var(--color-bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 1.25rem;display:flex}.success .icon-wrap i{color:var(--color-success);font-size:28px;animation:.4s cubic-bezier(.34,1.56,.64,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.success .label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-success);background:#eaf7ed;border:1px solid #b7e2c0;border-radius:999px;align-items:center;gap:5px;margin-bottom:.9rem;padding:3px 10px 3px 8px;font-size:11.5px;font-weight:600;display:inline-flex}.success .label i{font-size:12px}.success h2{color:var(--color-text-primary);letter-spacing:-.015em;margin-bottom:.35rem;font-size:1.35rem;font-weight:700}.success .sub{color:var(--color-text-secondary);margin-bottom:1.75rem;font-size:.875rem;line-height:1.55}.success .url-box{background:var(--color-bg-secondary);border:1px solid var(--color-border);text-align:left;border-radius:10px;align-items:center;gap:.5rem;padding:.6rem .7rem .6rem 1rem;display:flex}.success .url-box .url-icon{color:var(--color-text-muted);flex-shrink:0;font-size:15px}.success .url-text{color:var(--color-text-secondary);white-space:nowrap;word-break:normal;text-overflow:ellipsis;flex:1;font-family:DM Mono,monospace;font-size:.7rem;overflow:hidden}.success .copy-btn{background:var(--color-surface);border:1px solid var(--color-border);cursor:pointer;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;transition:all .15s;display:flex;position:relative}.success .copy-btn i{color:var(--color-text-secondary);font-size:15px;transition:color .15s}.success .copy-btn:hover{background:var(--color-primary-light);border-color:var(--color-primary)}.success .copy-btn:hover i{color:var(--color-primary)}.success .copy-btn.done{background:#eaf7ed;border-color:#b7e2c0}.success .copy-btn.done i{color:var(--color-success)}.success .copy-btn .tip{background:var(--color-text-primary);color:#fff;white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:500;animation:.15s fadein;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}@keyframes fadein{0%{opacity:0}to{opacity:1}}.sucess .divider{background:var(--color-border);opacity:.6;height:1px;margin:1.5rem 0}.success .actions{width:100%;margin-top:20px;display:flex}.success .actions .btn-pri{background:var(--color-primary);color:var(--color-primary-text);cursor:pointer;border:none;border-radius:10px;flex:1;justify-content:center;align-items:center;gap:6px;padding:.7rem 1rem;font-size:.875rem;font-weight:600;transition:background .15s;display:flex}.success .actions .btn-pri i{font-size:15px}.success .actions .btn-pri:hover{background:var(--color-primary-hover)}@media (width>=768px) and (width<=1023px){.new .container{max-width:520px}.new form textarea{height:120px}}@media (width<=767px){.new{margin-top:60px;padding:24px 16px}.new .container{max-width:100%}.new .desc{margin-bottom:20px}.new .desc h1{font-size:1.6rem}.new form{gap:10px}.new form #name,.new form textarea{padding:10px;font-size:.95rem}.new form textarea{height:140px}.new form .music-picker .input-wrap input{width:85%;font-size:.9rem}.new form .music-picker .dropdown .item-wrap{padding:4px 8px}.new form .music-picker .dropdown .item img{width:34px;height:34px}.new form .music-picker .dropdown .item .title{font-size:.85rem}.new form .music-picker .selected-info{gap:8px;padding:8px 10px}.new form .music-picker .selected-info img{width:30px;height:30px}.new form .file-upload .upload-grid{grid-template-columns:1fr}.new form .adv,.new form .adv-menu .input-wrap{width:100%}.new form .btns .submit{min-width:30%}}@media (width>=1280px){.new .container{max-width:650px}.new form textarea{height:130px}}