:root{--bg-dark: #090d16;--bg-surface: #111827;--bg-surface-elevated: #1f293d;--bg-panel: rgba(17, 24, 39, .75);--border-color: #2a364f;--border-active: #6366f1;--text-main: #e2e8f0;--text-muted: #94a3b8;--text-dim: #64748b;--accent-indigo: #6366f1;--accent-indigo-hover: #4f46e5;--accent-emerald: #10b981;--accent-amber: #f59e0b;--accent-red: #ef4444;--font-sans: "Outfit", sans-serif;--font-title: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-panel: 0 8px 32px 0 rgba(0, 0, 0, .45);--glow-accent: 0 0 20px rgba(99, 102, 241, .25)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--bg-panel);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md)}h1,h2,h3,h4{font-family:var(--font-title);color:#fff;letter-spacing:-.01em}.text-accent{color:var(--accent-indigo)}.text-emerald{color:var(--accent-emerald)}.text-muted{color:var(--text-muted)}.app-main-layout{flex:1;display:flex;width:100%;height:calc(100vh - 76px);overflow:hidden}.studio-grid{display:flex;width:100%;height:100%;overflow:hidden;@media(max-width:960px){flex-direction:column;overflow-y:auto}}.ad-slot-container{max-width:1440px;width:calc(100% - 48px);margin:4px auto 12px}.ad-slot-banner{height:90px;background:#ffffff05;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.ad-placeholder{color:var(--text-dim);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.dropzone-card{padding:48px 24px;text-align:center;border:2px dashed #2a364f;background:#1118274d;border-radius:var(--radius-lg);transition:all .3s ease;cursor:pointer}.dropzone-card:hover,.dropzone-card.drag-active{border-color:#6366f199;background:#6366f10f;transform:scale(1.005)}.dropzone-icon{color:var(--accent-indigo);margin-bottom:16px}.dropzone-title{font-size:1.3rem;margin-bottom:8px;font-weight:700}.dropzone-subtitle{color:var(--text-muted);font-size:.85rem;font-family:var(--font-mono);margin-bottom:20px}.settings-panel{width:320px;min-width:320px;background:#11182780;border-right:1px solid var(--border-color);padding:20px;height:100%;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between}.panel-header h3{font-size:.75rem;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:16px}.panel-divider{border:none;border-top:1px solid var(--border-color);margin:16px 0}.control-group{margin-bottom:16px}.control-label{display:block;font-size:.78rem;font-weight:600;color:var(--text-main);margin-bottom:6px}.form-select,.form-input{width:100%;padding:8px 12px;background:#090d16;border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-mono);font-size:.8rem;outline:none;transition:border-color .2s}.form-select:focus,.form-input:focus{border-color:var(--accent-indigo)}.select-sm{padding:5px 8px;font-size:.78rem}.custom-checkbox{display:flex;align-items:center;gap:10px;cursor:pointer;user-select:none}.custom-checkbox input{display:none}.checkbox-mark{width:16px;height:16px;border-radius:4px;border:1px solid var(--border-color);background:#090d16;position:relative;transition:all .2s}.custom-checkbox input:checked+.checkbox-mark{background:var(--accent-indigo);border-color:var(--accent-indigo)}.custom-checkbox input:checked+.checkbox-mark:after{content:"✓";position:absolute;color:#fff;font-weight:700;font-size:11px;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-text{font-size:.82rem;font-weight:500}.help-text{font-size:.75rem;color:var(--text-muted);margin-top:4px}.form-range{width:100%;accent-color:var(--accent-indigo);cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:700;font-size:.85rem;padding:8px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--accent-indigo);color:#fff;box-shadow:var(--glow-accent)}.btn-primary:hover{background:var(--accent-indigo-hover);transform:translateY(-1px)}.btn-emerald{background:var(--gradient-emerald);color:#000}.btn-outline{background:transparent;border:1px solid var(--border-color);color:var(--text-main)}.btn-outline:hover{background:#ffffff14}.btn-block{width:100%}.btn-sm{padding:6px 12px;font-size:.78rem}.btn-lg{padding:14px 28px;font-size:.95rem}.batch-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;margin-bottom:16px}.batch-title{font-size:1.2rem}.batch-stats{font-size:.85rem;color:var(--text-muted)}.texture-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.texture-card{padding:16px;display:flex;flex-direction:column;gap:12px}.texture-preview-wrapper{position:relative;width:100%;height:180px;background:#000;background-image:linear-gradient(45deg,#111 25%,transparent 25%),linear-gradient(-45deg,#111 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#111 75%),linear-gradient(-45deg,transparent 75%,#111 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;border-radius:var(--radius-md);overflow:hidden}.texture-preview-img{width:100%;height:100%;object-fit:contain}.status-badge{position:absolute;top:8px;right:8px;font-size:.72rem;padding:3px 8px;border-radius:12px;font-weight:600;background:#000000b3;backdrop-filter:blur(4px)}.status-done{color:var(--accent-emerald)}.status-processing{color:var(--accent-orange)}.texture-card-name{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.texture-card-meta{font-family:var(--font-mono);font-size:.8rem;display:flex;flex-direction:column;gap:4px}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-gap{display:flex;align-items:center;gap:8px}.badge{background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:.75rem}.badge-accent{background:var(--accent-orange);color:#fff}.badge-red{background:var(--accent-red);color:#fff}.badge-green{background:var(--accent-emerald);color:#000}.badge-blue{background:#29b6f6;color:#000}.badge-purple{background:var(--accent-purple);color:#fff}.modal-backdrop{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(8px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;padding:24px}.modal-large{max-width:960px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.modal-close-btn{background:transparent;border:none;color:var(--text-muted);font-size:1.4rem;cursor:pointer}.ab-viewer-body{display:flex;flex-direction:column;gap:16px}.ab-comparison-stage{position:relative;width:100%;height:360px;max-height:50vh;background-color:#05080c;background-image:linear-gradient(45deg,#0d121d 25%,transparent 25%),linear-gradient(-45deg,#0d121d 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#0d121d 75%),linear-gradient(-45deg,transparent 75%,#0d121d 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border-color);user-select:none}.ab-layer{position:absolute;inset:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;pointer-events:none}.ab-after-layer{z-index:2}.ab-layer img{max-width:92%;max-height:92%;object-fit:contain;transition:transform .05s ease-out}.ab-slider-divider{position:absolute;top:0;bottom:0;width:2px;background:var(--accent-indigo);cursor:ew-resize;z-index:10;box-shadow:0 0 10px #6366f1cc}.ab-slider-handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:32px;height:32px;border-radius:50%;background:var(--accent-indigo);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;box-shadow:0 0 16px #6366f1cc;border:2px solid #ffffff}.ab-label{position:absolute;top:12px;z-index:20;pointer-events:none;background:#000000bf;padding:4px 10px;border-radius:4px;font-size:.75rem;font-family:var(--font-mono)}.ab-label-left{left:12px}.ab-label-right{right:12px}.ab-toolbar{display:flex;justify-content:space-between;align-items:center}.doc-section{padding:40px;max-width:960px;margin:0 auto}.doc-header{margin-bottom:32px;text-align:center}.doc-main-title{font-size:2.2rem;margin-bottom:8px}.doc-main-subtitle{color:var(--text-muted);font-size:1.1rem}.doc-content{display:flex;flex-direction:column;gap:24px}.doc-card{background:#00000040;border:1px solid var(--border-color);padding:24px;border-radius:var(--radius-md)}.doc-card-title{font-size:1.25rem;color:var(--accent-orange);margin-bottom:12px}.doc-card-text{color:var(--text-main);font-size:.95rem;line-height:1.7}.faq-question{font-size:1.05rem;color:var(--accent-emerald);margin-bottom:6px}.faq-answer{color:var(--text-muted);font-size:.92rem}.studio-status-bar{margin:12px 24px 16px;padding:6px 20px;display:flex;align-items:center;justify-content:space-between;font-size:.76rem;color:var(--text-muted);border-radius:var(--radius-sm);background:#0a0e16e6}.status-left,.status-right{display:flex;align-items:center;gap:12px}.status-item{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono)}.status-dot-green{width:6px;height:6px;border-radius:50%;background:var(--accent-emerald)}.status-divider{color:var(--border-color)}.studio-status-bar a{color:var(--text-muted);text-decoration:none;transition:color .2s}.studio-status-bar a:hover{color:var(--accent-orange)}.rma-channels-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:24px 0}.channel-card{background:#0000004d;border:1px solid var(--border-color);border-radius:var(--radius-md);padding:16px}.channel-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.channel-title{font-size:.85rem;font-weight:600}.channel-filename{font-size:.8rem;color:var(--text-dim);display:block;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-filename.active{color:var(--accent-orange);font-weight:500}.rma-options-bar{display:flex;flex-wrap:wrap;gap:16px;background:#0003;padding:16px;border-radius:var(--radius-md);margin-bottom:24px}.rma-packer-container{padding:16px}@media(min-width:640px){.rma-packer-container{padding:32px}}@media(max-width:640px){.doc-section{padding:20px 12px}.doc-main-title{font-size:1.6rem}.doc-card,.modal-card{padding:16px}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}