@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:transparent;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:-moz-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-moz-any([multiple],[size])) optgroup option:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:is([multiple],[size])) optgroup option:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){padding-left:20px}:where(select:-webkit-any([multiple],[size])) optgroup option:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:-moz-any([multiple],[size])) optgroup option:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:where(select:is([multiple],[size])) optgroup option:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){padding-right:20px}:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::-webkit-file-upload-button{margin-right:4px}:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)))::file-selector-button{margin-right:4px}:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::-webkit-file-upload-button{margin-left:4px}:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))::file-selector-button{margin-left:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-year-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-month-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-day-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-hour-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-minute-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-second-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-millisecond-field{padding-top:0;padding-bottom:0}::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;-moz-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.col-span-2{grid-column:span 2/span 2}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.grid{display:grid}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--bg-color:#1a1a1a;--text-color:#fff}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:#4a3880 #0f0f1e;margin:0;padding:0}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:#0f0f1e;border-radius:99px}::-webkit-scrollbar-thumb{background:#2e2060;border:2px solid #0f0f1e;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#a78bfa}::-webkit-scrollbar-corner{background:#0f0f1e}body{background-color:var(--bg-color);color:var(--text-color);min-height:100vh;padding:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.sidebar{z-index:10;background-color:#252525;border-right:1px solid #333;flex-direction:column;justify-content:space-between;align-items:center;width:260px;height:100vh;padding:20px 10px;transition:width .3s;display:flex;position:fixed;overflow-x:hidden}.sidebar.collapsed{width:80px}.sidebar-top,.sidebar-bottom{flex-direction:column;width:100%;display:flex}.sidebar-header{justify-content:space-between;align-items:center;width:100%;height:40px;margin-bottom:20px;padding:0 10px;display:flex}.logo{color:#a78bfa;white-space:nowrap;align-items:center;gap:10px;font-size:1.5rem;display:flex;overflow:hidden}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text{opacity:0;display:none}.logo-text,.nav-text{opacity:1;transition:opacity .2s .1s}.toggle-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px;font-size:1.2rem}.toggle-btn:hover{color:#fff;background-color:rgba(255,255,255,.1)}.sidebar.collapsed .sidebar-header{justify-content:center;padding:0}.sidebar.collapsed .logo{display:none}.nav-menu{flex-direction:column;gap:5px;width:100%;display:flex}.nav-item{color:#888;white-space:nowrap;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:15px;width:100%;padding:12px 15px;font-size:1rem;text-decoration:none;transition:all .2s;display:flex;overflow:hidden}.sidebar.collapsed .nav-item{justify-content:center;padding:12px}.nav-item i{text-align:center;width:24px;font-size:1.2rem}.container{width:auto;margin-left:260px;padding:40px;transition:margin-left .3s}.sidebar.collapsed+.container{margin-left:80px}.top-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.header-left{color:#fff;align-items:center;gap:15px;display:flex}.mobile-menu-btn{cursor:pointer;color:#fff;padding:5px;font-size:1.5rem;display:none}.logo-icon-main{color:#a78bfa;font-size:1.8rem}.page-title{margin:0;font-size:1.8rem;font-weight:600}.user-profile{align-items:center;gap:20px;display:flex}.user-profile i{cursor:pointer;color:#aaa;font-size:1.2rem}.avatar{background-color:#444;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.content-divider{margin-bottom:30px}.content-divider h2{color:#aaa;margin-bottom:10px;font-size:1.1rem;font-weight:500;transition:color .3s}.content-divider .line{background-color:#333;width:100%;height:1px;transition:background-color .3s}.page-tabs-wrapper{align-items:center;gap:12px;margin-bottom:24px;display:flex}.page-tabs{border-bottom:2px solid #333;gap:4px;padding-bottom:0;display:flex}.page-tab{color:#888;cursor:pointer;background:0 0;border:none;border-bottom:2px solid transparent;align-items:center;gap:8px;margin-bottom:-2px;padding:10px 22px;font-size:.95rem;font-weight:600;transition:color .2s,border-color .2s,background-color .2s;display:flex}.page-tab:hover{color:#ccc}.page-tab.active{color:#a78bfa;border-bottom-color:#a78bfa}.options-grid{grid-template-columns:repeat(2,1fr);align-items:end;gap:30px;margin-top:20px;display:grid}@media (min-width:1200px){.options-grid{grid-template-columns:repeat(4,1fr)}}.select-wrapper{flex-direction:column;justify-content:flex-end;gap:8px;display:flex}.col-span-2{grid-column:span 2}.select-label{color:#e0e0e0;flex-direction:column;font-size:1rem;font-weight:600;display:flex}.select-desc{color:#888;margin-top:4px;font-size:.85rem;font-weight:400}.custom-select-container,.custom-multiselect-container{width:100%;position:relative}.select-selected{color:#fff;cursor:pointer;background-color:#2b2b2b;border:1px solid #444;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;transition:all .3s;display:flex}.select-input{color:#fff;cursor:text;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:1rem}.select-input::placeholder{color:#888}.required-star{color:#f87171;margin-left:2px;display:inline}.select-required-error .select-selected,.custom-multiselect-container.select-required-error .select-selected{border-color:#f87171!important;box-shadow:0 0 0 2px rgba(248,113,113,.2)!important}.field-info-tooltip{color:#a78bfa;cursor:help;vertical-align:middle;margin-left:6px;display:inline-flex;position:relative}.field-info-tooltip-text{color:#ddd;opacity:0;pointer-events:none;visibility:hidden;z-index:120;background:#25252d;border:1px solid #444;border-radius:6px;width:260px;padding:8px 10px;font-size:.8rem;font-weight:400;line-height:1.35;transition:opacity .2s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 8px 18px rgba(0,0,0,.45)}.field-info-tooltip:hover .field-info-tooltip-text,.field-info-tooltip:focus .field-info-tooltip-text{opacity:1;visibility:visible}.custom-select-container.active-focus .select-selected,.custom-multiselect-container.active-focus .select-selected{background-color:#333;border-color:#a78bfa;box-shadow:0 0 0 2px rgba(167,139,250,.2)}.select-icon{color:#a78bfa;font-size:.9rem;transition:transform .3s}.select-arrow-active .select-icon{transform:rotate(180deg)}.select-items{z-index:99;background-color:#2b2b2b;border:1px solid #444;border-top:none;border-radius:0 0 8px 8px;max-height:300px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 16px rgba(0,0,0,.5)}.select-hide{display:none}.select-item{cursor:pointer;border-bottom:1px solid #383838;padding:12px 16px}.select-item:last-child{border-bottom:none}.select-item:hover,.same-as-selected{background-color:#3a3a3a}.multiselect-selected{flex-wrap:wrap;align-items:flex-start;gap:8px;min-height:46px}.multiselect-values{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.multiselect-input{color:#fff;background:0 0;border:none;outline:none;flex:1;min-width:120px;font-size:1rem}.multiselect-input::placeholder,.multiselect-placeholder{color:#888}.multiselect-chip{color:#c4b5fd;background:rgba(167,139,250,.16);border:1px solid rgba(167,139,250,.45);border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:.85rem;display:inline-flex}.multiselect-chip-remove{color:#c4b5fd;cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;line-height:1}.multiselect-chip-remove:hover{color:#fff}.multiselect-item{align-items:center;gap:10px;display:flex}.multiselect-item input{accent-color:#a78bfa}.select-item-custom-use{background-color:#1e1e2e;border-bottom:1px solid #555}.select-item-custom-use .item-title{color:#a78bfa;font-style:italic}.select-item-custom-use:hover{background-color:#2d2b3d}.select-fixed-display{color:#666;cursor:not-allowed;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#222;border:1px solid #333;border-radius:8px;justify-content:space-between;align-items:center;padding:12px 16px;font-size:1rem;display:flex}.sprite-extractor{padding-bottom:40px}.sprite-section{background:linear-gradient(135deg,#16213e 0%,#1a1a2e 100%);border:1px solid rgba(167,139,250,.18);border-radius:16px;padding:28px;box-shadow:0 4px 24px rgba(0,0,0,.35)}.sprite-section-header{border-bottom:1px solid rgba(167,139,250,.15);align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}.sprite-section-title{color:#e2e8f0;letter-spacing:.02em;margin:0 0 4px;font-size:1.15rem;font-weight:700}.sprite-section-desc{color:#64748b;margin:0;font-size:.83rem}.track-toolbar{flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:16px;display:flex}.track-hint{color:#555;font-size:.8rem}.track-list{flex-direction:column;gap:10px;display:flex}.track-empty-state{color:#444;border:2px dashed #2a2a4a;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding:32px;font-size:.88rem;display:flex}.track-row{background:#0f0f1e;border:1px solid rgba(167,139,250,.15);border-radius:10px;align-items:stretch;min-height:155px;display:flex;overflow:hidden}.track-label-col{background:#1a1730;border-right:1px solid rgba(167,139,250,.15);justify-content:space-between;align-items:center;gap:8px;width:180px;min-width:180px;padding:14px;display:flex}.track-name-wrap{cursor:pointer;border-radius:5px;flex:1;align-items:center;gap:6px;min-width:0;padding:3px 6px;transition:background .15s;display:flex}.track-name-wrap:hover{background:rgba(167,139,250,.12)}.track-name-wrap:hover .track-edit-icon{opacity:1}.track-name{color:#c4b5fd;white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:600;overflow:hidden}.track-edit-icon{color:#7c3aed;opacity:.45;flex-shrink:0;font-size:.7rem;transition:opacity .15s}.track-name-input{color:#c4b5fd;background:#0f0f1e;border:1px solid #a78bfa;border-radius:4px;outline:none;width:100%;padding:2px 6px;font-size:.85rem;font-weight:600}.track-remove-btn{color:#555;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:2px 4px;font-size:.85rem;transition:color .15s,background .15s}.track-remove-btn:hover{color:#f87171;background:rgba(248,113,113,.12)}.track-lane{background:#0d0d1c;flex:1;align-items:center;gap:10px;padding:12px 16px;transition:background .15s;display:flex;overflow-x:auto}.track-lane.lane-drop-target{outline-offset:-2px;background:rgba(167,139,250,.1);outline:2px dashed #a78bfa}.track-frame-chip.chip-drag-over{outline-offset:-2px;background:rgba(167,139,250,.15);outline:2px solid #a78bfa}.album-frame-dragging{opacity:.45;transform:scale(.95)}.track-lane-hint{color:#333;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.78rem}.track-frame-chip{cursor:grab;flex-direction:column;flex-shrink:0;align-items:center;gap:2px;transition:opacity .15s,transform .15s;display:flex;position:relative}.track-frame-chip.dragging{opacity:0;pointer-events:none}.track-frame-handle{color:rgba(167,139,250,.5);opacity:0;pointer-events:none;font-size:.65rem;line-height:1;transition:opacity .15s;position:absolute;top:3px;left:3px}.track-frame-chip:hover .track-frame-handle{opacity:1}.track-frame-placeholder{box-sizing:border-box;background:rgba(167,139,250,.12);border:2px dashed rgba(167,139,250,.5);border-radius:6px;flex-shrink:0}.track-frame-thumb{object-fit:contain;width:120px;height:120px;image-rendering:pixelated;background:#fff;border:1px solid #333;border-radius:4px}.track-frame-lbl{color:#888;font-size:.72rem}.track-frame-del{color:#fff;cursor:pointer;opacity:0;background:#ef4444;border:none;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:.65rem;transition:opacity .15s;display:flex;position:absolute;top:-6px;right:-6px}.track-frame-chip:hover .track-frame-del{opacity:1}.track-row-wrapper{flex-direction:column;display:flex}.track-action-bar{background:#0e0e20;border:1px solid rgba(167,139,250,.12);border-top:none;align-items:center;gap:10px;padding:8px 16px;display:flex}.track-add-all-btn{color:#4ade80;cursor:pointer;background:rgba(74,222,128,.08);border:1px solid rgba(74,222,128,.25);border-radius:7px;align-items:center;gap:7px;padding:6px 16px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.track-add-all-btn:hover{color:#fff;background:rgba(74,222,128,.18)}.track-remove-all-btn{color:#f87171;cursor:pointer;background:rgba(248,113,113,.08);border:1px solid rgba(248,113,113,.25);border-radius:7px;align-items:center;gap:7px;padding:6px 16px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.track-remove-all-btn:not(:disabled):hover{color:#fff;background:rgba(248,113,113,.18)}.track-remove-all-btn:disabled{opacity:.3;cursor:not-allowed}.track-download-btn{color:#a78bfa;cursor:pointer;background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.3);border-radius:7px;align-items:center;gap:7px;margin-left:auto;padding:6px 16px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;display:inline-flex}.track-download-btn:not(:disabled):hover{color:#fff;background:rgba(167,139,250,.22)}.track-download-btn:disabled{opacity:.3;cursor:not-allowed}.track-preview-accordion{background:#0c0c1a;border:1px solid rgba(167,139,250,.12);border-top:none;border-radius:0 0 10px 10px;overflow:hidden}.track-preview-header{color:#7c6aad;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;text-align:left;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#111128;border:none;align-items:center;gap:8px;width:100%;padding:9px 16px;font-size:.78rem;font-weight:600;transition:background .15s,color .15s;display:flex}.track-preview-header:hover{color:#a78bfa;background:#181830}.track-preview-header.track-preview-header-disabled{opacity:.4;cursor:not-allowed}.track-preview-header.track-preview-header-disabled:hover{color:#7c6aad;background:#111128}.track-preview-chevron{color:#5c4ea0;font-size:.65rem;transition:transform .2s}.track-preview-body{background:#0c0c1a;flex-direction:column;align-items:center;gap:14px;padding:16px;display:none}.track-preview-body.track-preview-open{display:flex}.track-preview-canvas-wrap{background:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:80px;min-height:80px;padding:8px;display:flex;box-shadow:0 4px 20px rgba(0,0,0,.5)}.track-preview-canvas-nav{align-items:center;gap:10px;display:flex}.track-preview-nav-btn{color:#a78bfa;cursor:pointer;background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.25);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:.9rem;transition:background .15s,color .15s;display:flex}.track-preview-nav-btn:hover{color:#fff;background:rgba(167,139,250,.25)}.track-preview-canvas{image-rendering:pixelated;max-width:min(360px,80vw);max-height:260px;display:block}.track-preview-controls{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:100%;max-width:520px;display:grid}.track-preview-ctrl-left{justify-self:end}.track-preview-ctrl-right{grid-template-columns:auto auto;grid-template-areas:"speed loop""label label";justify-self:start;align-items:center;gap:6px 10px;display:grid}.track-preview-ctrl-right .track-preview-speed-select{grid-area:speed}.track-preview-ctrl-right .track-preview-looping-toggle{grid-area:loop}.track-preview-ctrl-right>span:not(.track-preview-looping-toggle){text-align:center;grid-area:label}.track-preview-center-group{flex-direction:column;align-items:center;gap:6px;display:flex}.track-preview-play-btn{color:#1a1a1a;cursor:pointer;background:#a78bfa;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:.95rem;transition:opacity .2s;display:flex}.track-preview-play-btn:hover{opacity:.8}.track-preview-ctrl-label{color:#888;letter-spacing:.03em;white-space:nowrap;flex-direction:column;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:flex}.track-preview-ctrl-label.track-preview-ctrl-right{grid-template-columns:auto auto;grid-template-areas:"speed loop""label label";align-items:center;gap:6px 22px;display:grid}.track-preview-looping-toggle{color:#aaa;cursor:pointer;letter-spacing:0;align-items:center;gap:6px;font-size:.78rem;font-weight:600;display:inline-flex}.track-preview-looping-toggle input{accent-color:#a78bfa;cursor:pointer}.track-preview-fps-input{color:#c4b5fd;text-align:center;background:#1e1e30;border:1px solid #333;border-radius:6px;outline:none;width:58px;padding:5px 8px;font-size:.85rem;transition:border-color .2s}.track-preview-fps-input:focus{border-color:#a78bfa}.track-preview-speed-select{color:#c4b5fd;cursor:pointer;background:#1e1e30;border:1px solid #333;border-radius:6px;outline:none;padding:5px 10px;font-size:.82rem;transition:border-color .2s}.track-preview-speed-select:focus{border-color:#a78bfa}.track-preview-counter{color:#555;font-variant-numeric:tabular-nums;text-align:center;min-width:48px;font-size:.78rem}.frame-ctx-menu{z-index:10000;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:linear-gradient(145deg,#1e1b3a,#16213e);border:1px solid rgba(167,139,250,.3);border-radius:10px;min-width:190px;padding:6px;position:fixed;box-shadow:0 12px 36px rgba(0,0,0,.6)}.frame-ctx-title{color:#7c3aed;text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid rgba(167,139,250,.15);align-items:center;gap:6px;margin-bottom:4px;padding:4px 10px 8px;font-size:.72rem;font-weight:700;display:flex}.frame-ctx-item{color:#c4b5fd;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:7px 12px;font-size:.85rem;transition:background .12s,color .12s;display:flex}.frame-ctx-item:hover{color:#fff;background:rgba(167,139,250,.15)}.frame-ctx-empty{color:#555;text-align:center;padding:6px 12px 4px;font-size:.8rem}.sprite-upload-area{cursor:pointer;text-align:center;border:2px dashed #444;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;transition:border-color .2s,background .2s;display:flex;position:relative}.sprite-upload-area:hover,.sprite-upload-area.dragover{background:rgba(167,139,250,.05);border-color:#a78bfa}.sprite-video-info{color:#ccc;background:#1e1e2a;border:1px solid #333;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 16px;font-size:.95rem;display:flex}.sprite-number-input{color:#fff;background:#2b2b2b;border:1px solid #444;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-size:1rem;transition:border-color .2s}.sprite-number-input:focus{border-color:#a78bfa;box-shadow:0 0 0 2px rgba(167,139,250,.2)}.sprite-btn-primary{color:#1a1a1a;cursor:pointer;background:#a78bfa;border:none;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;font-size:1rem;font-weight:700;transition:opacity .2s;display:inline-flex}.sprite-btn-primary:disabled{opacity:.35;cursor:not-allowed}.sprite-btn-primary:not(:disabled):hover{opacity:.85}.sprite-btn-ghost{color:#aaa;cursor:pointer;background:0 0;border:1px solid #555;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:.85rem;transition:border-color .2s,color .2s;display:inline-flex}.sprite-btn-ghost:hover{color:#a78bfa;border-color:#a78bfa}.sprite-progress-label{color:#888;justify-content:space-between;margin-bottom:8px;font-size:.85rem;display:flex}.sprite-progress-bar-bg{background:#2b2b2b;border-radius:99px;height:8px;overflow:hidden}.sprite-progress-bar-fill{background:linear-gradient(90deg,#7c3aed,#a78bfa);border-radius:99px;height:100%;transition:width .2s}.item-title{color:#fff;margin-bottom:4px;font-size:1rem;font-weight:500}.item-desc{color:#888;font-size:.85rem;font-weight:400}.select-items::-webkit-scrollbar{width:8px}.select-items::-webkit-scrollbar-track{background:#2b2b2b}.select-items::-webkit-scrollbar-thumb{background:#444;border-radius:4px}.select-items::-webkit-scrollbar-thumb:hover{background:#555}.games-container{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.game-pill{color:#aaa;white-space:nowrap;background-color:#383838;border:1px solid #484848;border-radius:6px;padding:6px 12px;font-size:.85rem;display:inline-block}.game-pill:hover{color:#fff;background-color:#444;border-color:#666}.description-container{width:100%;margin-top:30px}.video-description-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.modern-textarea{color:#fff;resize:vertical;background-color:#2b2b2b;border:1px solid #444;border-radius:8px;width:100%;min-height:150px;margin-top:10px;padding:16px;font-family:inherit;font-size:1rem;line-height:1.5;transition:all .3s}.modern-textarea:focus{background-color:#333;border-color:#a78bfa;outline:none;box-shadow:0 0 0 2px rgba(167,139,250,.2)}.modern-textarea::placeholder{color:#666}.prompt-output-wrapper{position:relative}.prompt-image-notice{color:#c4b5fd;background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.3);border-radius:8px;align-items:center;gap:8px;margin-bottom:12px;padding:10px 14px;font-size:.875rem;display:flex}.prompt-spinner-overlay{color:#a5f3e4;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:rgba(21,21,21,.75);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:12px;font-size:.9rem;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.prompt-spinner{border:3px solid rgba(167,139,250,.2);border-top-color:#a78bfa;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.mobile-overlay{z-index:9;opacity:0;background-color:rgba(0,0,0,.5);width:100%;height:100%;transition:opacity .3s;display:none;position:fixed;top:0;left:0}.mobile-overlay.active{opacity:1}@media (max-width:1024px){.options-grid{grid-template-columns:repeat(2,1fr)}.col-span-2{grid-column:span 1}}@media (max-width:900px){.mobile-menu-btn{display:block}.sidebar{width:260px;transition:transform .3s;transform:translate(-100%);box-shadow:2px 0 10px rgba(0,0,0,.5)}.sidebar.collapsed{width:260px}.sidebar.mobile-open{transform:translate(0)}.sidebar.collapsed .logo-text,.sidebar.collapsed .nav-text{opacity:1;display:inline-block}.sidebar.collapsed .logo{display:flex!important}.container{width:100%;padding:20px 15px;margin-left:0!important}.sidebar.collapsed+.container{margin-left:0}.page-title{white-space:nowrap;text-overflow:ellipsis;font-size:1.4rem;overflow:hidden}.logo-icon-main{font-size:1.4rem}.top-header{margin-bottom:30px}.user-profile{gap:10px}.options-grid{grid-template-columns:1fr;gap:20px}.col-span-2{grid-column:span 1}.select-item{padding:15px}.sidebar .toggle-btn{color:#fff;display:block}.nav-item{width:100%;justify-content:flex-start!important;padding:12px 15px!important}.nav-item i{text-align:center;width:24px;margin-right:10px}.video-description-grid{grid-template-columns:1fr;gap:0}}.divider{background-color:#333;width:100%;height:1px;margin:10px 0}.content-area{width:100%}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}