:root{--bg-main:#05070a;--bg-panel:#0d131dbf;--bg-card:#141e2d80;--border-glow:#00e5ff26;--border-glow-hover:#00e5ff66;--text-primary:#f3f4f6;--text-muted:#9ca3af;--text-dark:#4b5563;--color-cyan:#00e5ff;--color-cyan-glow:#00e5ff59;--color-gold:gold;--color-danger:#ff1744;--color-success:#00c853;--font-family:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-title:"Outfit", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-family);flex-direction:column;height:100vh;display:flex;overflow:hidden}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid #ffffff12;border-radius:12px;box-shadow:0 8px 32px #0009}.top-header{z-index:10;background:#080c14f2;border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.header-title-group{align-items:center;gap:12px;display:flex}.header-title-group h1{font-family:var(--font-title);letter-spacing:.08em;background:linear-gradient(135deg, #fff 30%, var(--color-cyan) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:18px;font-weight:800}.api-badge{color:var(--color-cyan);letter-spacing:.05em;text-transform:uppercase;background:#00e5ff1a;border:1px solid #00e5ff40;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:800}.nav-back-btn{color:var(--text-primary);font-family:var(--font-title);cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:12px;font-weight:700;text-decoration:none;transition:all .25s;display:flex}.nav-back-btn:hover{background:#ffffff14;border-color:#fff3;transform:translate(-3px)}.dashboard-container{flex:1;width:100%;min-height:0;display:flex}.sidebar-panel{border-right:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;gap:20px;width:380px;height:100%;min-height:0;padding:24px;display:flex;overflow:hidden}.gallery-panel{flex-direction:column;flex:1;min-width:0;display:flex}.form-group{flex-direction:column;gap:8px;display:flex}.form-group label{font-family:var(--font-title);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.input-container{width:100%;position:relative}.text-input{width:100%;color:var(--text-primary);font-size:13px;font-family:var(--font-family);background:#00000059;border:1px solid #ffffff14;border-radius:8px;padding:10px 14px;transition:all .2s}.text-input:focus{border-color:var(--color-cyan);background:#00000080;outline:none;box-shadow:0 0 10px #00e5ff26}.text-input[type=password]{padding-right:40px}.toggle-pwd-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;font-size:14px;display:flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.toggle-pwd-btn:hover{color:var(--text-primary)}textarea.text-input{resize:vertical;min-height:80px}.slider-group{align-items:center;gap:12px;display:flex}.range-slider{appearance:none;background:#ffffff14;border-radius:3px;outline:none;flex:1;height:6px}.range-slider::-webkit-slider-thumb{appearance:none;background:var(--color-cyan);cursor:pointer;width:16px;height:16px;box-shadow:0 0 8px var(--color-cyan-glow);border-radius:50%;transition:transform .15s}.range-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider-value{font-family:var(--font-title);color:var(--color-cyan);text-align:right;width:44px;font-size:13px;font-weight:700}.aspect-hint{color:var(--text-muted);justify-content:space-between;margin-top:4px;font-size:10px;display:flex}.tags-input-container{flex-direction:column;gap:8px;display:flex}.suggested-tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.tag-pill{cursor:pointer;background:#ffffff08;border:1px solid #ffffff12;border-radius:6px;padding:3px 8px;font-size:11px;transition:all .2s}.tag-pill:hover{background:#ffffff14;border-color:#ffffff26}.tag-pill.active{color:var(--color-cyan);background:#00e5ff1a;border-color:#00e5ff4d}.tag-del{width:0;color:var(--text-muted);cursor:pointer;opacity:0;background:0 0;border:none;justify-content:center;align-items:center;margin-left:0;padding:0;font-size:13px;line-height:1;transition:opacity .15s,width .15s,margin-left .15s;display:inline-flex;overflow:hidden}.tag-pill:hover .tag-del{opacity:1;width:13px;margin-left:5px}.tag-del:hover{color:#ff5c5c}.generate-btn{background:linear-gradient(135deg, #00b0ff, var(--color-cyan));color:#05070a;font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:14px 20px;font-size:13px;font-weight:800;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;box-shadow:0 4px 15px #00e5ff33}.generate-btn:hover:not(:disabled){background:linear-gradient(135deg, var(--color-cyan), #00e5ff);transform:translateY(-2px);box-shadow:0 6px 25px #00e5ff59}.generate-btn:active:not(:disabled){transform:translateY(0)}.generate-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.spinner{border:2px solid #0000001a;border-top-color:#05070a;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:none}.generate-btn.loading .spinner{display:block}@keyframes spin{to{transform:rotate(360deg)}}.gallery-filter-bar{background:#070a1080;border-bottom:1px solid #ffffff0d;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 24px;display:flex}.search-wrapper{flex:1;min-width:250px}.slicer-drop-btn{white-space:nowrap;color:var(--text-muted);cursor:pointer;background:#00ffff0a;border:1px dashed #0ff6;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:12px;font-weight:600;transition:border-color .15s,background .15s,color .15s;display:inline-flex;position:relative}.slicer-drop-btn:hover{border-color:var(--color-cyan);color:var(--color-cyan)}.slicer-drop-btn.drag-active{border-style:solid;border-color:var(--color-cyan);color:var(--color-cyan);background:#00ffff1f}.tag-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.filter-title{font-family:var(--font-title);letter-spacing:.1em;color:var(--text-muted);text-transform:uppercase;font-size:10px;font-weight:700}.recent-gallery-selections{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.recent-gallery-selections.hidden{display:none}.recent-gallery-item{max-width:220px;color:var(--text-primary);cursor:pointer;background:#00000047;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:7px;padding:4px 8px 4px 4px;display:inline-flex}.recent-gallery-item:hover{color:var(--color-cyan);border-color:#00e5ff8c}.favorite-gallery-item{border-color:#ffd65a47;justify-content:center;gap:0;width:108px;max-width:none;height:108px;margin:0;padding:0;position:relative;overflow:hidden}.favorite-gallery-item.is-atlas{border-width:2px;border-color:#ffd65a;box-shadow:0 0 6px #ffd65a80}.favorite-gallery-item img{border-radius:5px;width:100%;height:100%;margin:0}.favorite-gallery-item .favorite-remove{z-index:4;background:#05070aeb;border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:none;position:absolute;top:4px;right:4px}.favorite-gallery-item:hover .favorite-remove{display:flex}.recent-gallery-item img{object-fit:contain;width:28px;height:28px;image-rendering:pixelated;background:#00000059;border-radius:4px;flex:none}.recent-gallery-item.favorite-gallery-item img{border-radius:5px;width:100%;height:100%;margin:0}.recent-gallery-item span:last-child,.recent-gallery-item span:not(.favorite-remove){text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:700;overflow:hidden}.recent-gallery-item .favorite-remove{color:var(--text-muted);padding:0 2px;font-size:14px;line-height:1}.recent-gallery-item .favorite-remove:hover{color:var(--color-danger)}.header-actions{align-items:center;gap:10px;display:flex}.assets-rail{background:#00000026;border-left:1px solid #ffffff0f;flex-direction:column;flex-shrink:0;width:232px;min-height:0;display:flex}.assets-rail-scroll{flex-direction:column;flex:1;gap:18px;padding:16px 14px;display:flex;overflow-y:auto}.assets-rail .recent-gallery-selections{gap:8px;width:100%}.assets-rail .filter-title{flex:1 0 100%;margin-bottom:2px}.assets-rail .favorite-gallery-item{aspect-ratio:1;width:calc(33.3333% - 5.33333px);height:auto}.assets-rail .recent-gallery-item{width:100%;max-width:100%}.assets-rail .recent-gallery-item.favorite-gallery-item{aspect-ratio:1;width:calc(33.3333% - 5.33333px);max-width:calc(33.3333% - 5.33333px);height:auto}.assets-rail-empty{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:10px;padding:36px 12px;font-size:11px;line-height:1.5;display:flex}.assets-rail-empty.hidden{display:none}.settings-modal-box{background:var(--bg-panel);border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;width:min(520px,94vw);max-height:88vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards modal-zoom-in;display:flex;overflow:hidden;box-shadow:0 24px 64px #000c}.settings-modal-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.settings-modal-title{font-family:var(--font-title);color:var(--text-light);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.settings-modal-body{flex-direction:column;gap:20px;padding:22px;display:flex;overflow-y:auto}.gallery-scrollable{flex:1;padding:4px;position:relative;overflow-y:auto}.gallery-drop-overlay{border:2px dashed var(--color-cyan);color:var(--color-cyan);font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;z-index:50;pointer-events:none;background:#00e5ff14;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:14px;font-weight:800;display:none;position:absolute;inset:0}.gallery-scrollable.drag-active .gallery-drop-overlay{display:flex}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-items:start;gap:4px;display:grid}.gallery-bulk-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;display:flex}.gallery-bulk-bar .btn-secondary{flex:none;padding:6px 10px;font-size:10px}.gallery-bulk-bar .btn-secondary.active{border-color:var(--color-cyan);color:var(--color-cyan);background:#00e5ff1f}#extractor-composer-eraser.active{color:#ff8fa3;background:#ff5c7a29;border-color:#ff5c7a}.gallery-bulk-count{color:var(--text-muted);font-family:var(--font-title);text-transform:uppercase;font-size:10px;font-weight:800}.empty-state{text-align:center;height:300px;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.empty-icon{opacity:.5;font-size:40px}.art-card{background:#0a101a99;border:1px solid #ffffff0d;border-radius:6px;flex-direction:column;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.bulk-select-btn{z-index:6;width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:#000000a6;border:1px solid #ffffff29;border-radius:8px;justify-content:center;align-items:center;display:none;position:absolute;top:8px;left:8px}.gallery-grid.bulk-select-mode .bulk-select-btn,.art-card:hover .bulk-select-btn{display:flex}.bulk-select-btn.selected,.art-card.bulk-selected .bulk-select-btn{border-color:var(--color-cyan);color:var(--color-cyan);background:#00e5ff2e}.art-card.bulk-selected{border-color:var(--color-cyan);box-shadow:0 0 0 2px #00e5ff59,0 8px 24px #00e5ff1f}.gallery-grid.bulk-select-mode .art-card{cursor:pointer}.art-card:hover{border-color:var(--border-glow-hover);transform:translateY(-2px);box-shadow:0 4px 16px #00e5ff14}.art-card.group-drag-source{opacity:.45}.art-card.group-drop-target{border-color:var(--color-cyan);box-shadow:0 0 0 2px #00e5ff66,0 8px 24px #00e5ff24}.art-card.group-drop-target:after{content:"Drop to group";z-index:5;color:var(--color-cyan);font-family:var(--font-title);text-transform:uppercase;pointer-events:none;background:#001218b8;border-radius:5px;justify-content:center;align-items:center;font-size:12px;font-weight:800;display:flex;position:absolute;inset:8px}.card-group-badge{color:#d8c7ff;pointer-events:none;font-size:9px;font-weight:800;font-family:var(--font-title);background:#aa78ff29;border:1px solid #aa78ff6b;border-radius:4px;padding:2px 6px}.card-img-container{background-color:#06090f;justify-content:center;align-items:center;width:100%;min-height:60px;display:flex;position:relative;overflow:hidden}.img-bounds-wrapper{box-sizing:border-box;background-color:#0b0f19;background-image:linear-gradient(45deg,#111827 25%,#0000 25%),linear-gradient(-45deg,#111827 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#111827 75%),linear-gradient(-45deg,#0000 75%,#111827 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px;border:1px dashed #00e5ff59;transition:all .25s}.modal-image-loading{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15;color:var(--color-cyan);font-family:var(--font-title);letter-spacing:.03em;pointer-events:none;background:#0a0e17c7;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:700;display:flex;position:absolute;inset:0}#modal-image-wrapper.viewer-bg-green{background-color:#07120c;background-image:radial-gradient(circle at 50% 45%,#3c6e4873,#0000 34%),linear-gradient(145deg,#0b2415 0%,#06110b 48%,#020604 100%)}#modal-image-wrapper.viewer-bg-swamp{background-color:#101608;background-image:radial-gradient(circle at 35% 38%,#53702b61,#0000 32%),radial-gradient(circle at 68% 62%,#2253405c,#0000 36%),linear-gradient(160deg,#223014 0%,#102417 45%,#241c0f 100%)}#modal-image-wrapper.viewer-bg-dirt{background-color:#20130a;background-image:radial-gradient(circle at 48% 42%,#8e592a6b,#0000 34%),linear-gradient(145deg,#4a2c16 0%,#241407 48%,#100905 100%)}.modal-bg-btn.active{background:var(--color-cyan);color:#05070a;border-color:var(--color-cyan)}.art-card:hover .img-bounds-wrapper{border-color:var(--color-cyan);box-shadow:0 0 8px #00e5ff33}.card-img-container img{box-sizing:border-box;object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges;transition:transform .3s}.art-card:hover img{transform:scale(1.05)}.card-info{flex-direction:column;flex:1;gap:3px;padding:6px 8px;display:flex}.card-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:12px;font-weight:600;overflow:hidden}.card-title-row{align-items:center;gap:4px;min-width:0;display:flex}.card-title-row .card-title{flex:1;min-width:0}.card-title-animation{color:var(--color-cyan);font-weight:700}.card-title-input{border:1px solid var(--color-cyan);min-width:0;height:20px;color:var(--text-primary);background:#0000008c;border-radius:4px;outline:none;flex:1;padding:2px 5px;font-size:11px;font-weight:700}.card-meta{color:var(--text-muted);justify-content:space-between;font-size:10px;display:flex}.card-tags{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.gallery-pager{justify-content:center;align-items:center;gap:16px;padding:18px 8px 8px;display:flex}.gallery-pager-btn{font-family:var(--font-title);letter-spacing:.03em;color:var(--color-cyan);cursor:pointer;background:#00e5ff1f;border:1px solid #00e5ff66;border-radius:7px;padding:7px 16px;font-size:12px;font-weight:700;transition:background .15s}.gallery-pager-btn:hover:not(:disabled){background:#00e5ff40}.gallery-pager-btn:disabled{opacity:.35;cursor:default}.gallery-pager-info{font-family:var(--font-title);letter-spacing:.05em;color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.card-tag{color:var(--text-muted);background:#ffffff0a;border:1px solid #ffffff14;border-radius:4px;padding:1px 6px;font-size:9px;font-weight:700}.failed-card{border-color:#ff5a5a66!important}.failed-card .failed-card-icon{color:#ff7a7a;display:flex}.failed-card-retry{color:var(--color-cyan);cursor:pointer;background:#00e5ff1f;border:1px solid #00e5ff66;border-radius:6px;align-items:center;gap:5px;padding:5px 12px;font-size:11px;font-weight:700;transition:background .15s;display:inline-flex}.failed-card-retry:hover{background:#00e5ff40}.failed-card-error{color:#ff9a9a;text-overflow:ellipsis;white-space:nowrap;max-width:70%;font-size:9px;overflow:hidden}.failed-card-dismiss{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:9px;font-weight:700;text-decoration:underline}.failed-card-dismiss:hover{color:#ff7a7a}.card-params{flex-wrap:wrap;gap:3px;margin-top:2px;display:flex}.card-tool{color:#8fe6b0;white-space:nowrap;letter-spacing:.03em;text-transform:uppercase;font-size:8.5px;font-weight:800;font-family:var(--font-title);background:#78e6a01f;border:1px solid #78e6a059;border-radius:3px;padding:1px 6px}.card-param{color:#00e5ffbf;white-space:nowrap;text-overflow:ellipsis;text-transform:lowercase;letter-spacing:.01em;background:#00e5ff0a;border:1px solid #00e5ff1f;border-radius:3px;max-width:100%;padding:1px 5px;font-size:8.5px;font-weight:600;overflow:hidden}.card-overlay-actions{opacity:0;z-index:2;flex-direction:column;gap:6px;transition:opacity .2s;display:flex;position:absolute;top:8px;right:8px}.art-card:hover .card-overlay-actions{opacity:1}@media (hover:none){.card-overlay-actions{opacity:1}}.icon-action-btn{width:28px;height:28px;color:var(--text-primary);cursor:pointer;background:#05070ad9;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;font-size:12px;transition:all .2s;display:flex}.icon-action-btn:hover{background:var(--color-cyan);color:#05070a;border-color:var(--color-cyan);transform:scale(1.1)}.icon-action-btn.favorite-btn.active{color:#ffd65a;background:#ffd65a2e;border-color:#ffd65ab3}.icon-action-btn.favorite-btn:hover{color:#05070a;background:#ffd65a;border-color:#ffd65a}.favorite-btn.active svg{fill:currentColor}.card-favorite-btn{z-index:3;opacity:.95;position:absolute;bottom:8px;left:8px}.card-favorite-btn:not(.active){background:#05070ab8}.icon-action-btn.delete-btn:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.gallery-group-modal{z-index:180}.gallery-group-box{background:#0a101af5;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;width:min(980px,92vw);max-height:86vh;margin:6vh auto;display:flex;overflow:hidden}.gallery-group-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;padding:14px;display:grid;overflow:auto}.gallery-group-item{background:#00000038;border:1px solid #ffffff14;border-radius:6px;overflow:hidden}.gallery-group-thumb{aspect-ratio:1;cursor:pointer;background-color:#06090f;justify-content:center;align-items:center;display:flex}.gallery-group-thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.gallery-group-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;padding:6px 8px 2px;font-size:11px;font-weight:500;overflow:hidden}.gallery-group-meta{min-height:13px;color:var(--color-cyan);padding:0 8px;font-size:10px;font-weight:500}.gallery-group-ungroup{width:calc(100% - 16px);color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:5px;margin:6px 8px 8px;padding:5px 8px;font-size:10px}.details-modal{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#05070ae6;justify-content:center;align-items:center;padding:24px;transition:opacity .3s;display:flex;position:fixed;inset:0}.details-modal.active{opacity:1;pointer-events:auto}.details-modal.frame-picker-modal{-webkit-backdrop-filter:none}body.modal-open{width:100%;position:fixed;left:0;right:0;overflow:hidden}.details-modal-box{background:var(--bg-panel);border:1px solid #ffffff1a;border-radius:16px;width:min(1600px,95vw);max-width:95vw;height:90vh;max-height:90vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards modal-zoom-in;display:flex;overflow:hidden;box-shadow:0 24px 64px #000c}@keyframes modal-zoom-in{0%{transform:scale(.95)}to{transform:scale(1)}}.modal-left-view{background:#090d14;flex:1.2;justify-content:center;align-items:center;padding:30px;display:flex;position:relative}.modal-left-view img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%;image-rendering:pixelated;image-rendering:crisp-edges}.modal-right-details{overscroll-behavior:contain;background:radial-gradient(circle at 100% 0,#00e5ff0f,#0000 34%),linear-gradient(#ffffff04,#00000014);border-left:1px solid #ffffff14;flex-direction:column;flex:1;gap:18px;padding:28px;display:flex;overflow-y:auto}.modal-right-details>hr{display:none}.modal-section{background:#080d15c7;border:1px solid #ffffff21;border-radius:14px;padding:16px 18px 18px;position:relative;box-shadow:inset 4px 0 #94a3b88c,0 18px 36px #00000038}.modal-section>label:first-child{background:#ffffff0e;border-bottom:1px solid #ffffff1a;border-radius:14px 14px 0 0;margin:-16px -18px 14px;padding:11px 16px 10px}.modal-section .text-input{background-color:#00000057}.modal-section.collapsible>label:first-child{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;display:flex}.modal-section.collapsible>label:first-child:before{content:"▾";opacity:.75;margin-right:8px;font-size:10px;line-height:1;transition:transform .2s}.modal-section.collapsed>label:first-child:before{transform:rotate(-90deg)}.modal-section.collapsed>:not(label:first-child){display:none!important}.modal-section.collapsed{padding:0}.modal-section.collapsed>label:first-child{border-bottom:none;border-radius:14px;margin:0}.modal-field-label{color:var(--text-muted);font-family:var(--font-title);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:9px;font-weight:800}.modal-display-name-row{align-items:center;gap:8px;display:flex}.modal-display-name-row .text-input{flex:1}.modal-display-name-status{color:var(--text-muted);font-family:var(--font-title);letter-spacing:.05em;text-align:right;text-transform:uppercase;flex:0 0 58px;font-size:9px;font-weight:800}.modal-display-name-status.is-saving{color:var(--color-cyan)}.modal-display-name-status.is-saved{color:#7cff9b}.modal-display-name-status.is-error{color:#ff7a7a}.modal-section-info{background:linear-gradient(135deg,#1e293beb,#090d15db);border-color:#94a3b83d;box-shadow:inset 4px 0 #94a3b8b8,0 18px 36px #00000038}.modal-section-tags{background:linear-gradient(135deg,#4a340edb,#090d15e0);border-color:#f59e0b52;box-shadow:inset 4px 0 #f59e0bd1,0 18px 36px #00000038}.modal-section-animation{background:linear-gradient(135deg,#053240e6,#090d15e0);border-color:#00e5ff61;box-shadow:inset 4px 0 #00e5ffe6,0 18px 36px #00000038}.modal-section-edit{background:linear-gradient(135deg,#093834e6,#090d15e0);border-color:#2dd4bf5c;box-shadow:inset 4px 0 #2dd4bfdb,0 18px 36px #00000038}.modal-section-rotate{background:linear-gradient(135deg,#301f4ee6,#090d15e0);border-color:#a855f757;box-shadow:inset 4px 0 #a855f7c7,0 18px 36px #00000038}.modal-section-cleanup{background:linear-gradient(135deg,#441f35e6,#090d15e0);border-color:#f472b652;box-shadow:inset 4px 0 #f472b6b8,0 18px 36px #00000038}.modal-section-actions{background:#00000047;box-shadow:inset 4px 0 #ffffff3d,0 18px 36px #00000038}.modal-section>label:first-child{letter-spacing:.12em;font-size:12px}.modal-section-info>label:first-child{color:#cbd5e1;background:#94a3b829;border-bottom-color:#94a3b84d}.modal-section-tags>label:first-child{color:#fbbf24;background:#f59e0b29;border-bottom-color:#f59e0b57}.modal-section-animation>label:first-child{color:var(--color-cyan);background:#00e5ff29;border-bottom-color:#00e5ff66}.modal-section-edit>label:first-child{color:#5eead4;background:#2dd4bf29;border-bottom-color:#2dd4bf61}.modal-section-rotate>label:first-child{color:#c084fc;background:#a855f729;border-bottom-color:#a855f75c}.modal-section-cleanup>label:first-child{color:#f472b6;background:#f472b629;border-bottom-color:#f472b657}.modal-section-name{background:linear-gradient(135deg,#312e818c,#090d15e0);border-color:#818cf857;box-shadow:inset 4px 0 #818cf8d9,0 18px 36px #00000038}.modal-section-name>label:first-child{color:#a5b4fc;background:#818cf829;border-bottom-color:#818cf85c}.modal-section-icon-btn{z-index:2;width:24px;height:24px;color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:5px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s,transform .15s;display:flex;position:absolute;top:9px;right:12px}.modal-section-icon-btn:hover{background:var(--color-cyan);color:#05070a;border-color:var(--color-cyan);transform:scale(1.08)}.modal-top-actions{justify-content:flex-end;align-items:center;gap:8px;margin:-8px -8px -4px 0;display:flex}.modal-favorite-btn{width:30px;height:30px;color:var(--text-primary);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:7px;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s,border-color .15s,transform .15s;display:flex}.modal-favorite-btn:hover,.modal-favorite-btn.active{color:#ffd65a;background:#ffd65a2e;border-color:#ffd65ab3}.modal-favorite-btn:hover{transform:scale(1.08)}.modal-field-hint{color:var(--text-muted);margin:2px 0 0;font-size:11px;line-height:1.4}.modal-close-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;width:30px;height:30px;padding:4px;font-size:24px;line-height:1;transition:color .15s}.modal-close-btn:hover{color:var(--text-primary)}.modal-details-prompt{font-family:var(--font-family);color:var(--text-primary);background:#0003;border:1px solid #ffffff0f;border-radius:6px;margin:0;padding:9px 10px;font-size:13px;font-weight:400;line-height:1.4}.modal-details-meta{background:#0003;border:1px solid #ffffff08;border-radius:8px;flex-direction:column;gap:5px;padding:10px 12px;font-size:12px;display:flex}.modal-meta-row{justify-content:space-between;display:flex}.modal-meta-row span:first-child{color:var(--text-muted)}.modal-meta-row span:last-child{font-family:var(--font-title);font-weight:600}.modal-tag-editor{flex-direction:column;gap:8px;display:flex}@media (width>=1200px){.modal-right-details{grid-template-columns:1fr 1fr;align-content:start;align-items:start;column-gap:14px;display:grid}.modal-right-details>.modal-section{grid-column:1/-1;margin:0}.modal-right-details>.modal-section-meta,.modal-right-details>.modal-section-tags{grid-column:auto}.modal-right-details>.modal-top-actions{grid-column:1/-1;justify-self:end}}.modal-actions{gap:12px;margin-top:auto;display:flex}.btn-secondary{color:var(--text-primary);font-family:var(--font-title);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 16px;font-size:12px;font-weight:700;transition:all .2s;display:flex}.btn-secondary:hover{background:#ffffff14;border-color:#ffffff26}.btn-secondary:active{transform:translateY(1px)}.size-preset-row{gap:6px;margin:4px 0 6px;display:flex}.size-preset-btn{padding:6px 10px;font-size:11px}.size-preset-btn.active,.bitforge-size-btn.active,.modal-pad-side-btn.active,.animate-pad-side-btn.active,.animate-frames-btn.active,#modal-flip-x-btn.active{border-color:var(--color-cyan);color:var(--color-cyan)}.toast-container{z-index:200;flex-direction:column;gap:6px;max-width:min(520px,100vw - 32px);display:flex;position:fixed;top:16px;right:16px}.toast{color:var(--text-primary);background:#111827f2;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:6px;max-width:min(520px,100vw - 32px);padding:6px 10px;font-size:11px;line-height:1.3;animation:.3s cubic-bezier(.16,1,.3,1) forwards toast-slide-in;display:flex;box-shadow:0 6px 16px #0006}.toast>span:last-child{text-overflow:clip;overflow-wrap:anywhere;flex:1;min-width:0;overflow:visible;white-space:normal!important}.toast.success{border-left:4px solid var(--color-success)}.toast.error{border-left:4px solid var(--color-danger)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.glass-panel{-webkit-backdrop-filter:none;background:#0d131d}.details-modal{-webkit-backdrop-filter:none;background:#05070af7}.details-modal-box{overscroll-behavior:contain;background:#0d131d;flex-direction:column;width:100%;max-height:90vh;overflow-y:auto}.modal-left-view{flex:none;padding:16px}.modal-left-view>div:first-child{height:38vh;max-height:320px;min-height:200px!important}.modal-animations-strip{max-height:132px}.modal-right-details{border-top:1px solid #ffffff14;border-left:none;flex:none;padding:20px;overflow:visible}html,body{height:auto;min-height:100vh;overflow:hidden auto}.top-header{flex-wrap:wrap;gap:10px;padding:12px 16px}.header-title-group h1{font-size:16px}.nav-back-btn{padding:6px 12px}.dashboard-container{flex-direction:column;flex:none;min-height:0}.sidebar-panel{border-bottom:1px solid #ffffff0f;border-right:none;width:100%;height:auto;max-height:none;padding:16px;overflow:visible}.sidebar-scroll{flex:none!important;margin-bottom:0!important;padding-right:0!important;overflow:visible!important}.gallery-panel{order:2;min-height:0}.gallery-scrollable{flex:none;overflow:visible}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gallery-filter-bar{gap:10px;padding:14px 16px}.gallery-filter-bar>div{flex-wrap:wrap}.search-wrapper{flex:100%;min-width:0}.slicer-drop-btn{flex:auto;justify-content:center;padding:8px 12px}.assets-rail{border-bottom:1px solid #ffffff0f;border-left:none;order:1;width:100%;max-height:38vh}.assets-rail .favorite-gallery-item{aspect-ratio:1;width:92px}}.hidden{display:none!important}.mode-tabs{background:#00000059;border:1px solid #ffffff0f;border-radius:10px;gap:4px;padding:4px;display:flex}.mode-tab{color:var(--text-muted);font-family:var(--font-title);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:6px;padding:8px 10px;font-size:11px;font-weight:700;transition:all .2s;display:flex}.mode-tab:hover{color:var(--text-primary);background:#ffffff0a}.mode-tab.active{color:var(--color-cyan);background:#00e5ff1f;border-color:#00e5ff4d;box-shadow:0 0 12px #00e5ff26}.mode-form{flex-direction:column;gap:20px;display:flex}.obj-items-details{background:#ffffff05;border:1px solid #ffffff0f;border-radius:8px;padding:10px 12px}.obj-items-details>summary{cursor:pointer;-webkit-user-select:none;user-select:none;font-family:var(--font-title);letter-spacing:.06em;color:var(--color-cyan);text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:700;list-style:none;display:flex}.obj-items-details>summary::-webkit-details-marker{display:none}.obj-items-details[open]>summary{border-bottom:1px solid #ffffff0d;margin-bottom:8px;padding-bottom:6px}.obj-items-chevron{transition:transform .2s}.obj-items-details[open] .obj-items-chevron{transform:rotate(90deg)}.obj-items-count{color:var(--text-muted);margin-left:auto;font-weight:600}.obj-items-inputs{flex-direction:column;gap:6px;display:flex}.obj-item-row{align-items:center;gap:8px;display:flex}.obj-item-index{font-family:var(--font-title);color:var(--text-muted);text-align:right;flex:0 0 22px;font-size:11px;font-weight:700}.obj-item-input{color:var(--text-primary);font-size:12px;font-family:var(--font-family);background:#00000059;border:1px solid #ffffff14;border-radius:6px;flex:1;padding:6px 10px;transition:all .2s}.obj-item-input:focus{border-color:var(--color-cyan);outline:none;box-shadow:0 0 6px #00e5ff26}.obj-style-refs-strip{background:#00000040;border:1px dashed #ffffff14;border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px;min-height:56px;padding:6px;display:flex}.obj-style-ref-thumb{background:#0006;border:1px solid #00e5ff4d;border-radius:6px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:relative;overflow:hidden}.obj-style-ref-thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.obj-style-ref-thumb .remove-ref{background:var(--color-danger);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:10px;line-height:1;display:flex;position:absolute;top:-4px;right:-4px;box-shadow:0 0 4px #0009}.obj-style-pick-btn{color:var(--color-cyan);font-family:var(--font-title);letter-spacing:.04em;cursor:pointer;background:#00e5ff14;border:1px dashed #00e5ff59;border-radius:6px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:700;transition:all .2s;display:inline-flex}.obj-style-pick-btn:hover{background:#00e5ff26;border-color:#00e5ff99}.range-slider:disabled,.range-slider.disabled-by-refs{opacity:.35;cursor:not-allowed}.style-picker-box{background:var(--bg-panel);border:1px solid #ffffff14;border-radius:14px;flex-direction:column;width:min(960px,92vw);max-height:86vh;display:flex;overflow:hidden}.style-picker-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:flex-start;padding:18px 22px;display:flex}.style-picker-title{font-family:var(--font-title);letter-spacing:.04em;color:var(--text-primary);align-items:center;gap:8px;margin:0;font-size:18px;font-weight:800;display:flex}.style-picker-subtitle{color:var(--text-muted);margin-top:2px;font-size:11px}.style-picker-body{flex:1;padding:18px 22px;overflow-y:auto}.style-picker-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px;display:grid}.style-picker-thumb{cursor:pointer;background:#00000059;border:2px solid #ffffff14;border-radius:10px;flex-direction:column;transition:all .2s;display:flex;position:relative;overflow:hidden}.style-picker-thumb:hover{border-color:#00e5ff80;transform:translateY(-1px)}.style-picker-thumb.selected{border-color:var(--color-cyan);box-shadow:0 0 12px #00e5ff4d}.style-picker-thumb-img{aspect-ratio:1;background-image:linear-gradient(45deg,#ffffff0a 25%,#0000 25%),linear-gradient(-45deg,#ffffff0a 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#ffffff0a 75%),linear-gradient(-45deg,#0000 75%,#ffffff0a 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.style-picker-thumb-img img{object-fit:contain;max-width:80%;max-height:80%;image-rendering:pixelated}#extractor-gallery-modal .style-picker-thumb-img img{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.style-picker-thumb-label{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;padding:6px 8px;font-size:10px;overflow:hidden}.style-picker-thumb-check{width:22px;height:22px;color:var(--text-muted);background:#0009;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;transition:all .15s;display:flex;position:absolute;top:6px;right:6px}.style-picker-thumb.selected .style-picker-thumb-check{background:var(--color-cyan);color:#05070a;border-color:#0000;box-shadow:0 0 8px #00e5ff99}.style-picker-thumb-count{background:var(--color-cyan);color:#05070a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:800;display:flex;position:absolute;bottom:28px;right:6px;box-shadow:0 0 8px #00e5ff73}.style-picker-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:60px 20px;display:flex}.style-picker-footer{background:#0000004d;border-top:1px solid #ffffff0f;align-items:center;gap:12px;padding:14px 22px;display:flex}.card-asset-badge{z-index:2;color:#c79bff;letter-spacing:.05em;text-transform:uppercase;font-size:9px;font-weight:800;font-family:var(--font-title);pointer-events:none;background:#b46eff2e;border:1px solid #b46eff66;border-radius:4px;padding:2px 6px;position:absolute;top:8px;right:8px}.card-size-badge{z-index:2;color:#e5e7eb;letter-spacing:.03em;font-size:9px;font-weight:800;font-family:var(--font-title);pointer-events:none;background:#0009;border:1px solid #ffffff26;border-radius:4px;padding:1px 5px;position:absolute;bottom:4px;right:4px}.modal-animations-strip-wrapper{z-index:2;flex-direction:column;gap:6px;width:100%;margin-top:10px;display:flex}.modal-animations-strip{box-sizing:border-box;background:#0006;border:1px solid #ffffff0d;border-radius:8px;flex-wrap:wrap;gap:6px;width:100%;max-height:420px;padding:6px;display:flex;overflow-y:auto}.modal-animations-strip::-webkit-scrollbar{width:6px}.modal-animations-strip::-webkit-scrollbar-track{background:#00000026;border-radius:3px}.modal-animations-strip::-webkit-scrollbar-thumb{background:#00e5ff40;border-radius:3px}.modal-animations-strip::-webkit-scrollbar-thumb:hover{background:#00e5ff73}.anim-strip-card{cursor:pointer;box-sizing:border-box;background:#ffffff05;border:1px solid #ffffff14;border-radius:6px;flex:0 0 104px;justify-content:center;align-items:center;width:104px;height:104px;transition:all .2s;display:flex;position:relative;overflow:hidden}.anim-strip-card:hover{border-color:var(--color-cyan);background:#ffffff0f}.anim-strip-card.active{border-color:var(--color-cyan);background:#00e5ff14;box-shadow:0 0 8px #00e5ff4d}.anim-strip-card img{object-fit:contain;max-width:80%;max-height:80%;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:pixelated;image-rendering:crisp-edges}.anim-strip-card-label{color:var(--color-cyan);text-align:center;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;font-size:8px;font-weight:800;font-family:var(--font-title);background:#05070ad9;border-top:1px solid #ffffff08;padding:2px 0;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.anim-strip-atlas-badge{z-index:4;color:#ffd65a;font-family:var(--font-title);letter-spacing:.05em;pointer-events:none;background:#ffd65a29;border:1px solid #ffd65a8c;border-radius:4px;padding:2px 5px;font-size:8px;font-weight:900;position:absolute;top:4px;right:4px}.anim-strip-card-branch-thumb{border:1.5px solid var(--color-cyan);object-fit:contain;z-index:2;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none;background:#000000d9;border-radius:3px;top:2px;left:2px;box-shadow:0 1px 4px #0009,0 0 6px #00e5ff59;width:22px!important;max-width:22px!important;height:22px!important;max-height:22px!important;position:absolute!important}.anim-strip-card-delete,.anim-strip-card-branch,.anim-strip-card-atlas{width:20px;height:20px;color:var(--text-primary);cursor:pointer;opacity:0;z-index:3;background:#05070ad9;border:1px solid #ffffff1f;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:opacity .15s,background .15s,border-color .15s,transform .15s;display:flex;position:absolute;top:2px}.anim-strip-card-delete{right:2px}.anim-strip-card-branch{right:24px}.anim-strip-card-atlas{right:46px}.anim-strip-card:hover .anim-strip-card-delete,.anim-strip-card:hover .anim-strip-card-branch,.anim-strip-card:hover .anim-strip-card-atlas{opacity:1}.anim-strip-card-delete:hover{background:var(--color-danger);color:#fff;border-color:var(--color-danger);transform:scale(1.1)}.anim-strip-card-branch:hover{background:var(--color-cyan);color:#05070a;border-color:var(--color-cyan);transform:scale(1.1)}.anim-strip-card-atlas:hover{color:#05070a;background:#ffb703;border-color:#ffb703;transform:scale(1.1)}.anim-strip-card-delete.confirm-delete{opacity:1;background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.atlas-pack-option{cursor:pointer;color:var(--text-primary);background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:10px;padding:10px 14px;font-size:12px;transition:all .15s;display:flex}.atlas-pack-option:hover,.atlas-pack-option.selected{background:#00e5ff14;border-color:#00e5ff59}.atlas-pack-option input[type=radio]{accent-color:var(--color-cyan);cursor:pointer}.anim-strip-card.lineage-highlight{border-color:#ffd54a;box-shadow:0 0 0 1px #ffd54a66,0 0 14px #ffd54a59}.branch-seed-banner{color:#ffe98a;background:linear-gradient(135deg,#ffd54a2e,#00e5ff17);border:2px solid #ffd54ac7;border-radius:8px;flex-direction:column;gap:7px;padding:8px;display:flex;box-shadow:0 0 0 1px #0000006b,0 0 18px #ffd54a29}.branch-seed-heading{font-family:var(--font-title);letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:6px;font-size:10px;font-weight:900;display:flex}.branch-seed-body{align-items:center;gap:8px;display:flex}.branch-seed-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.branch-seed-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text-primary);font-size:11px;font-weight:800;overflow:hidden}.branch-seed-note{color:var(--text-muted);font-size:10px;line-height:1.3}.branch-seed-thumb{object-fit:contain;width:52px;height:52px;image-rendering:pixelated;image-rendering:crisp-edges;background:#00000059;border:2px solid #ffd54ad9;border-radius:6px;flex:none}.branch-seed-text strong{color:var(--color-cyan);font-weight:900}.branch-seed-reset{color:#ffe98a;cursor:pointer;background:#0000004d;border:1px solid #ffd54a59;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;padding:0;transition:all .15s;display:flex}.branch-seed-reset:hover{color:#05070a;background:#ffe98a;border-color:#ffe98a}#animate-sprite-btn.branch-source-active{background:linear-gradient(135deg, #ffd54a, var(--color-cyan));box-shadow:0 6px 24px #ffd54a40,inset 0 0 0 1px #ffd54a47}.branch-seed-banner.base-source{color:var(--color-cyan);box-shadow:none;background:#00e5ff0f;border-color:#00e5ff47}.branch-seed-banner.base-source .branch-seed-thumb{border-color:#00e5ff61}.branch-seed-banner.base-source .branch-seed-text strong{color:#fff}.frame-picker-modal{z-index:110;padding:12px}.frame-picker-box{background:var(--bg-panel);border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;width:1100px;max-width:96%;max-height:94vh;animation:.3s cubic-bezier(.16,1,.3,1) forwards modal-zoom-in;display:flex;overflow:hidden;box-shadow:0 24px 64px #000000d9}#slicer-modal.drag-active .frame-picker-box{border-color:var(--color-cyan);box-shadow:0 24px 64px #000000d9, 0 0 0 2px var(--color-cyan) inset}.frame-picker-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.frame-picker-title{font-family:var(--font-title);color:var(--text-primary);align-items:center;gap:6px;margin:0;font-size:13px;font-weight:700;display:flex}.frame-picker-subtitle{color:var(--text-muted);margin:0;font-size:10px}.frame-picker-body{flex:1;gap:8px;min-height:0;padding:8px;display:flex}.frame-picker-preview{flex-direction:column;flex:1.4;gap:4px;min-width:0;display:flex}.frame-picker-section-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:9px;font-weight:700}.frame-picker-preview-stage{cursor:grab;background:#090d14;border:1px solid #ffffff0f;border-radius:8px;flex:1;justify-content:center;align-items:center;min-height:320px;display:flex;position:relative;overflow:hidden}.frame-picker-preview-stage:active{cursor:grabbing}.frame-picker-preview-stage img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;transform-origin:50%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;transition:transform 50ms}.frame-picker-preview-hint{color:var(--text-muted);pointer-events:none;background:#0000008c;border-radius:4px;align-items:center;gap:4px;padding:3px 8px;font-size:9px;display:flex;position:absolute;bottom:6px;left:6px}.frame-picker-preview-empty{color:var(--text-muted);pointer-events:none;z-index:2;background:#090d14f2;flex-direction:column;justify-content:center;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;inset:0}.frame-picker-preview-meta{color:var(--text-muted);background:#00e5ff0d;border:1px solid #00e5ff1f;border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:10px;display:flex}.frame-picker-controls{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.frame-picker-toolbar{justify-content:space-between;align-items:center;display:flex}.frame-picker-mini-btn{padding:3px 8px!important;font-size:10px!important}.frame-picker-grid{background:#00000040;border:1px solid #ffffff0d;border-radius:6px;flex:1;grid-template-columns:repeat(4,1fr);grid-auto-rows:max-content;gap:3px;min-height:0;padding:3px;display:grid;overflow-y:auto}.frame-picker-thumb{aspect-ratio:1;cursor:pointer;background:#0c1118;border:2px solid #ffffff0d;border-radius:4px;width:100%;min-height:28px;transition:border-color .15s,transform .1s;position:relative;overflow:hidden}.frame-picker-thumb:hover{border-color:#00e5ff66;transform:scale(1.03)}.frame-picker-thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;opacity:.4;transition:opacity .15s}.frame-picker-thumb.selected{border-color:var(--color-cyan);box-shadow:0 0 0 1px #00e5ff40,0 0 8px #00e5ff40}.frame-picker-thumb.selected img{opacity:1}.frame-picker-thumb-index{font-size:9px;font-weight:800;font-family:var(--font-title);color:var(--text-primary);pointer-events:none;background:#000000b3;border-radius:3px;padding:0 4px;line-height:1.3;position:absolute;top:1px;left:2px}.frame-picker-thumb-check{width:14px;height:14px;color:var(--text-muted);pointer-events:none;background:#0009;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:1px;right:1px}.frame-picker-thumb.selected .frame-picker-thumb-check{background:var(--color-cyan);color:#04121b}.branch-frame-picker .frame-picker-box{border-color:#ffd54a94;box-shadow:0 24px 64px #000000d9,inset 0 0 0 1px #ffd54a3d}.branch-frame-picker .frame-picker-preview-stage{border-color:#ffd54a80}.branch-frame-picker .frame-picker-thumb img{opacity:.72}.branch-frame-picker .frame-picker-thumb.selected{border-color:#ffd54a;box-shadow:0 0 0 2px #ffd54ab8,0 0 18px #ffd54a5c}.branch-frame-picker .frame-picker-thumb.selected .frame-picker-thumb-check{color:#05070a;background:#ffd54a}.frame-picker-thumb-start-label{text-overflow:ellipsis;white-space:nowrap;color:#05070a;max-width:calc(100% - 28px);font-family:var(--font-title);letter-spacing:.05em;text-transform:uppercase;pointer-events:none;background:#ffd54a;border-radius:3px;padding:2px 5px;font-size:8px;font-weight:900;position:absolute;bottom:2px;left:50%;overflow:hidden;transform:translate(-50%)}.combiner-thumb{aspect-ratio:1}.combiner-thumb img{opacity:1}.combiner-thumb.drag-over{border-color:var(--color-cyan);box-shadow:0 0 0 1px #00e5ff40,0 0 8px #00e5ff40}.combiner-thumb-idx{font-size:9px;font-weight:800;font-family:var(--font-title);color:var(--text-primary);pointer-events:none;background:#000000b3;border-radius:3px;padding:0 4px;line-height:1.3;position:absolute;top:1px;left:2px}.combiner-thumb-remove{color:#ff7a7a;cursor:pointer;opacity:0;background:#000000a6;border:none;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;font-size:13px;line-height:1;transition:opacity .12s;display:flex;position:absolute;top:1px;right:1px}.combiner-thumb:hover .combiner-thumb-remove{opacity:1}.combiner-thumb-remove:hover{color:#fff;background:#ff3c3cd9}#extractor-gallery-modal{z-index:200}#extractor-gallery-modal .extractor-gallery-search{width:100%;color:var(--text-primary);background:#00000061;border:1px solid #ffffff1f;border-radius:6px;margin-bottom:10px;padding:9px 11px;font-size:13px}#extractor-gallery-modal .extractor-gallery-search:focus{border-color:#00e5ffb3;outline:none;box-shadow:0 0 0 2px #00e5ff1f}#extractor-gallery-modal .extractor-gallery-recent{margin:0 0 10px}#extractor-gallery-modal .extractor-gallery-pager{color:var(--text-muted);white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:flex}#extractor-gallery-modal .extractor-gallery-pager .frame-picker-mini-btn{padding:5px 8px}#extractor-modal .frame-picker-box{width:96vw;max-width:1700px;height:94vh;min-height:0;overflow:hidden}#extractor-modal .frame-picker-header{flex:none}#extractor-source-tileset{flex:auto;min-height:0;overflow:hidden}#extractor-modal .frame-picker-box>div:not(.frame-picker-header):not(.frame-picker-body){flex:none}#extractor-holding-area{flex-direction:column;min-height:0;display:flex;flex:auto!important}#extractor-tray{min-height:150px;flex:auto!important;max-height:none!important}#extractor-modal .frame-picker-box>div:not(.frame-picker-header):not(.frame-picker-body) button,#extractor-modal .frame-picker-box>div:not(.frame-picker-header):not(.frame-picker-body) select{flex:0 auto}#extractor-tray-count{flex:auto;min-width:180px}.extractor-holding-toolbar,.extractor-pack-toolbar{align-items:center;gap:10px;width:100%;display:flex}.extractor-holding-toolbar{flex-wrap:wrap}.extractor-pack-toolbar{flex-wrap:wrap;justify-content:flex-end;margin-left:auto}.extractor-pack-toolbar #extractor-output-label{text-overflow:ellipsis;max-width:420px;overflow:hidden}#extractor-pack-select,#extractor-pack-name{min-width:180px}#extractor-build{white-space:nowrap;justify-content:center;margin-left:auto}#extractor-modal .frame-picker-preview-stage{justify-content:flex-start;align-items:flex-start;min-height:0;overflow:auto}#extractor-tray .tray-item{flex-direction:column;flex:none;gap:5px;width:128px;display:flex}#extractor-tray .tray-name{width:128px;color:var(--text-primary);text-align:center;text-overflow:ellipsis;background:#00000073;border:1px solid #ffffff1f;border-radius:4px;padding:4px 6px;font-size:12px}#extractor-tray .tray-name:focus{border-color:var(--color-cyan);background:#000000b3;outline:none}#extractor-tray .tray-item.duplicate-name .tray-name{color:#ff7a85;background:#5500128c;border-color:#ff4058;box-shadow:0 0 0 1px #ff405859}#extractor-tray .tray-item.duplicate-name .tray-name:focus{border-color:#ff7a85;box-shadow:0 0 0 2px #ff405859}#extractor-tray .tray-name-warning{color:#ff7a85;font-family:var(--font-title);text-align:center;text-transform:uppercase;margin-top:-2px;font-size:8px;line-height:1}#extractor-tray .tray-thumb{background:#0c1118;border:2px solid #ffffff14;border-radius:6px;flex:none;width:128px;height:112px;position:relative;overflow:hidden}#extractor-tray.drag-active{border:1px dashed #00e5ffb3;box-shadow:inset 0 0 0 1px #00e5ff2e,0 0 24px #00e5ff1f;background:#00e5ff14!important}#extractor-tray .extractor-tray-empty{width:100%;color:var(--text-muted);text-align:center;padding:28px 12px;font-size:12px}#extractor-tray .tray-thumb:hover{border-color:#00e5ff66}#extractor-tray .tray-item.selected .tray-thumb{border-color:var(--color-cyan);box-shadow:0 0 0 1px #00e5ff66}#extractor-tray .tray-thumb img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}#extractor-tray .tray-thumb-remove{color:#ff7a7a;cursor:pointer;opacity:1;background:#000000b8;border:none;border-radius:3px;justify-content:center;align-items:center;width:17px;height:17px;font-size:14px;line-height:1;transition:background .12s,color .12s;display:flex;position:absolute;top:1px;right:1px}#extractor-tray .tray-thumb-remove:hover{color:#fff;background:#ff3c3ce6}#extractor-tray .tray-frames-row{width:128px;color:var(--text-muted);align-items:center;gap:4px;font-size:9px;display:flex}#extractor-tray .tray-impact-row{justify-content:space-between}#extractor-tray .tray-frames,#extractor-tray .tray-impact-frame{text-align:center;width:42px;color:var(--text-primary);background:#00000073;border:1px solid #ffffff1f;border-radius:4px;padding:2px 4px;font-size:10px}#extractor-tray .tray-frames:disabled{opacity:.5;cursor:not-allowed}#extractor-tray .tray-frames:focus,#extractor-tray .tray-impact-frame:focus{border-color:var(--color-cyan);outline:none}#extractor-tray .tray-anim-badge{color:#04121b;background:#00e5ffd9;border-radius:3px;padding:2px 4px;font-size:9px;font-weight:700;line-height:1;position:absolute;bottom:1px;left:1px}.extractor-composer{background:#00e5ff0f;border:1px solid #00e5ff40;border-radius:8px;flex-direction:column;gap:8px;padding:10px;display:flex}.extractor-composer.hidden{display:none}.extractor-composer-header{align-items:center;gap:8px;display:flex}.extractor-composer-header .frame-picker-section-label{flex:1;align-items:center;gap:6px;display:flex}#extractor-composer-status{color:var(--text-muted);font-size:10px}.extractor-composer-canvas{cursor:grab;width:100%;height:220px;image-rendering:pixelated;background:#0000004d;border:1px solid #ffffff1f;border-radius:6px}.extractor-composer-canvas:active{cursor:grabbing}.extractor-composer-canvas:focus{outline:1px solid var(--color-cyan)}.extractor-composer-row{align-items:center;gap:6px;display:flex}.extractor-composer-row .btn-secondary,.extractor-composer-row .generate-btn{padding:7px 8px;font-size:10px}#extractor-composer-name{flex:1;min-width:0;padding:7px 8px;font-size:11px}.extractor-composer-snap{color:var(--text-muted);white-space:nowrap;align-items:center;gap:5px;font-size:10px;display:flex}.extractor-composer-hint{color:var(--text-muted);margin:0;font-size:10px;line-height:1.35}#extractor-tray .tray-size-badge{text-overflow:ellipsis;white-space:nowrap;color:#e9f1ffe6;pointer-events:none;background:#0000009e;border:1px solid #ffffff14;border-radius:3px;max-width:72px;padding:2px 4px;font-size:8px;font-weight:800;line-height:1;position:absolute;bottom:3px;right:3px;overflow:hidden}.extractor-tray-preview{background:#00000040;border:1px solid #ffffff14;border-radius:6px;flex:none;gap:10px;min-height:104px;padding:8px;display:flex;align-items:stretch!important}.extractor-tray-preview.hidden{display:none}.extractor-tray-preview-main{flex:1;gap:10px;min-width:0;display:flex}.extractor-tray-preview-stage{background:#0c1118;border-radius:6px;justify-content:center;align-items:center;width:112px;min-height:88px;display:flex;overflow:hidden}.extractor-tray-preview-stage img{object-fit:contain;max-width:100%;max-height:88px;image-rendering:pixelated}.extractor-tray-preview-info{min-width:0;color:var(--text-muted);flex-direction:column;justify-content:center;gap:6px;font-size:11px;display:flex}.extractor-tray-preview-frames{flex-wrap:wrap;align-content:flex-start;gap:6px;max-width:55%;max-height:88px;padding-left:2px;display:flex;overflow-y:auto}.extractor-tray-preview-frame{cursor:pointer;background:#0c1118;border:1px solid #ffffff1f;border-radius:5px;width:40px;height:40px;padding:2px;position:relative}.extractor-tray-preview-frame.active{border-color:var(--color-cyan);box-shadow:0 0 0 1px #00e5ff59}.extractor-tray-preview-frame img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated}.extractor-tray-preview-frame span{color:var(--text-muted);background:#000000a6;border-radius:2px;padding:0 2px;font-size:8px;position:absolute;bottom:1px;right:2px}@media (width<=1100px),(height<=760px){#extractor-modal{align-items:flex-start;overflow-y:auto}#extractor-modal .frame-picker-box{height:auto;min-height:calc(100vh - 16px);max-height:none;overflow:visible}#extractor-source-tileset{flex:none;overflow:visible}#extractor-modal .frame-picker-body{flex-direction:column;flex:none}#extractor-modal .frame-picker-preview{flex:none!important}#extractor-modal .frame-picker-controls{flex:none}#extractor-modal .frame-picker-preview-stage{min-height:220px;max-height:42vh}#extractor-modal .frame-picker-controls>div[style*="display: flex"]{flex-wrap:wrap}#extractor-modal .frame-picker-controls button{min-width:120px}#extractor-tray{min-height:160px!important;max-height:34vh!important}}@media (width<=760px){#extractor-modal{padding:6px}#extractor-modal .frame-picker-box{width:100%;max-width:100%}#extractor-modal .frame-picker-header{align-items:flex-start}#extractor-modal .frame-picker-subtitle{display:none}#extractor-modal .frame-picker-box>div:not(.frame-picker-header):not(.frame-picker-body){padding-left:6px!important;padding-right:6px!important}#extractor-modal .frame-picker-box>div:not(.frame-picker-header):not(.frame-picker-body)>div{align-items:stretch!important}#extractor-modal .frame-picker-box>div:not(.frame-picker-header):not(.frame-picker-body) button,#extractor-modal .frame-picker-box>div:not(.frame-picker-header):not(.frame-picker-body) select,#extractor-output-label{flex:150px}#extractor-tray-count{flex:100%}#extractor-build{flex:100%;margin-left:0}#extractor-pack-name{flex:100%!important;max-width:none!important}}.frame-picker-footer{border-top:1px solid #ffffff0f;gap:6px;padding:6px 8px 8px;display:flex}.stitch-source-row{flex-direction:column;gap:4px;margin-bottom:6px;display:flex}.stitch-source-row .text-input{padding:6px 8px;font-size:12px}.stitch-tray-wrap{border-top:1px solid #ffffff0f;padding:6px 8px}.stitch-tray-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.stitch-tray-head .frame-picker-mini-btn{color:var(--text-muted);cursor:pointer;font-size:10px}.stitch-tray-head .frame-picker-mini-btn:hover{color:var(--color-cyan)}.stitch-tray{background:#00000040;border:1px solid #ffffff0d;border-radius:6px;gap:6px;min-height:64px;padding:4px;display:flex;overflow-x:auto}.stitch-tray-chip{cursor:grab;background:#0c1118;border:2px solid #ffffff0d;border-radius:4px;flex:none;width:52px;height:52px;transition:border-color .15s;position:relative;overflow:hidden}.stitch-tray-chip:active{cursor:grabbing}.stitch-tray-chip.drag-over{border-color:var(--color-cyan);box-shadow:0 0 0 1px #00e5ff66,0 0 8px #00e5ff66}.stitch-tray-chip img{object-fit:contain;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;pointer-events:none}.stitch-tray-chip-label{color:var(--text-primary);text-align:center;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#000000bf;padding:1px 2px;font-size:8px;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.stitch-tray-chip-remove{width:15px;height:15px;color:var(--text-primary);cursor:pointer;background:#000000b3;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:1px;right:1px}.stitch-tray-chip-remove:hover{background:var(--color-cyan);color:#04121b}.btn-secondary.delete-btn.confirm-delete{animation:1s infinite alternate pulse-red;color:#ef4444!important;background:#ef444426!important;border-color:#ef444480!important}@keyframes pulse-red{0%{box-shadow:0 0 4px #ef444433}to{box-shadow:0 0 10px #ef444480}}.prompt-container{flex-direction:column;width:100%;display:flex;position:relative}.prompt-container textarea.text-input{width:100%;padding-right:42px!important}.animate-preset-btn{color:#d9fbff;cursor:pointer;font-family:var(--font-title);letter-spacing:.02em;background:#00e5ff1f;border:1px solid #00e5ff61;border-radius:6px;min-width:52px;padding:7px 10px;font-size:10px;font-weight:800;line-height:1}.animate-preset-btn:hover{color:#fff;background:#00e5ff38;border-color:#00e5ffb8}.animate-preset-btn:active{transform:translateY(1px)}.btn-enhance{width:30px;height:30px;color:var(--text-muted);cursor:pointer;z-index:10;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;transition:all .2s;display:flex;position:absolute;bottom:8px;right:8px}.btn-enhance:hover:not(:disabled){border-color:var(--color-cyan);color:var(--color-cyan);background:#00e5ff26;box-shadow:0 0 8px #00e5ff40}.btn-enhance:disabled{opacity:.4;cursor:not-allowed}.btn-enhance.loading{pointer-events:none;animation:1.5s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{opacity:.6;box-shadow:0 0 4px #00e5ff1a}50%{opacity:1;color:var(--color-cyan);border-color:var(--color-cyan);box-shadow:0 0 12px #00e5ff80}}#extractor-holding-area.collapsed #extractor-tray,#extractor-holding-area.collapsed #extractor-tray-preview,#extractor-holding-area.collapsed .extractor-pack-toolbar,#extractor-holding-area.collapsed #extractor-edit-banner{display:none!important}