:root{font-family:Pretendard,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg-color: #0f172a;--accent-glow: rgba(56, 189, 248, .4);--sidebar-bg: rgba(30, 41, 59, .7);--card-bg: rgba(51, 65, 85, .4);--accent-color: #38bdf8;--accent-hover: #7dd3fc;--text-primary: #f8fafc;--text-secondary: #94a3b8;--border-color: rgba(255, 255, 255, .1);--glass-blur: blur(12px);--item-bg: rgba(255, 255, 255, .08);--item-bg-hover: rgba(255, 255, 255, .15);--item-bg-active: rgba(255, 255, 255, .15);--item-bg-subtle: rgba(255, 255, 255, .03);--thumbnail-bg: #1e293b;--btn-text: white;--connected-bg: rgba(15, 23, 42, .6);--count-badge-bg: rgba(255, 255, 255, .1);--input-bg: rgba(255, 255, 255, .12);--input-color: white;--version-badge-bg: rgba(56, 189, 248, .15);--header-bg: rgba(15, 23, 42, .92);--header-border: rgba(255, 255, 255, .08);--dropdown-bg: rgba(20, 20, 35, .97);color:var(--text-primary);background-color:var(--bg-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass{background:var(--card-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--border-color)}.premium-button{background:var(--accent-color);color:#000;border:none;padding:.6rem 1.2rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.5rem}.premium-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #38bdf84d}.connection-active{background:#22c55e26!important;border:1px solid rgba(34,197,94,.4)!important;box-shadow:0 0 15px #22c55e33!important;color:#4ade80!important}.sidebar{width:390px;height:100vh;padding:1.5rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:0;border-right:1px solid var(--border-color);overflow-y:auto;scrollbar-width:thin}.sidebar.glass{background:var(--sidebar-bg)}.main-content{flex:1;padding:2rem;overflow-y:auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.5rem;margin-top:2rem}.score-card{position:relative;aspect-ratio:3/4;border-radius:12px;overflow:hidden;cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1)}.score-card:hover{transform:scale(1.03)}.score-card img{width:100%;height:100%;object-fit:cover}.score-card .overlay{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(transparent,#000c);color:#fff}.list-container{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem}.list-item{display:flex;align-items:center;gap:1.5rem;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;transition:all .2s ease}.list-item:hover{background:var(--item-bg)}.list-item .thumbnail{width:50px;height:60px;border-radius:4px;overflow:hidden;background:var(--thumbnail-bg)}.list-item .thumbnail img{width:100%;height:100%;object-fit:cover}.list-item .info{flex:1}.list-item .title{font-weight:600;font-size:1rem}.list-item .category-tag{font-size:.75rem;color:var(--text-secondary);text-transform:capitalize}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;display:flex;justify-content:center;align-items:center}.modal-content{width:min(600px,90vw);max-height:80vh;overflow-y:auto;border-radius:20px;padding:2rem}.pending-file-item{background:var(--item-bg-subtle);border:1px solid var(--border-color);border-radius:12px;padding:1rem;margin-bottom:1rem}.title-options{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.title-option{padding:.5rem 1rem;border-radius:8px;background:var(--item-bg);color:var(--text-primary);cursor:pointer;border:1px solid transparent;transition:.2s;font-size:.9rem}.title-option:hover{background:var(--item-bg-hover)}.title-option.selected{border-color:var(--accent-color);background:#38bdf81a}.custom-input{background:var(--input-bg);border:1px solid var(--border-color);border-radius:8px;padding:.6rem 1rem;color:var(--input-color);width:100%;box-sizing:border-box;outline:none}.custom-input:focus{border-color:var(--accent-color)}.storage-info{margin-top:auto;padding:1rem;background:var(--item-bg-subtle);border-radius:12px;font-size:.8rem}.storage-bar-container{width:100%;height:6px;background:var(--count-badge-bg);border-radius:3px;margin:.8rem 0;overflow:hidden}.storage-bar-fill{height:100%;background:var(--accent-color);border-radius:3px;transition:width .5s ease-out}.storage-details{display:flex;justify-content:space-between;color:var(--text-secondary)}.delete-modal{background:#1e1e1e!important;border:1px solid #ef444455!important}.delete-button{background:#ef4444!important;color:#fff!important}.count-badge{margin-left:auto;font-size:.75rem;background:var(--count-badge-bg);padding:2px 8px;border-radius:10px;opacity:.7}.sidebar-item.active .count-badge{background:#0000001a;opacity:1}.sort-controls{display:flex;gap:.5rem;margin-bottom:2.5rem;align-items:center}.sort-button{background:transparent;border:1px solid var(--border-color);color:var(--text-secondary);padding:.3rem .8rem;border-radius:15px;font-size:.75rem;cursor:pointer;transition:.2s}.group-item-container{display:flex;align-items:center;position:relative;width:100%}.group-delete-btn{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;opacity:1;pointer-events:auto;background:#ef44440d;border:1.5px solid rgba(239,68,68,.22);color:#ef444473;cursor:pointer;width:28px;height:28px;padding:0;border-radius:8px;transition:background .15s,color .15s,border-color .15s,transform .1s}.group-delete-btn:hover{background:#ef444433;color:#ef4444;border-color:#ef444499}.group-delete-btn:active{transform:scale(.92)}.category-chips{display:flex;flex-direction:column;gap:.5rem;margin-top:.5rem}.category-chip{padding:.5rem 1rem;border-radius:20px;background:#ffffff0d;border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:.2s}.app-version{font-size:.65rem;color:var(--text-secondary);opacity:.5;margin-top:-.5rem;margin-bottom:1.5rem;font-family:monospace}.group-picker-list{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem;max-height:300px;overflow-y:auto}.group-picker-item{display:flex;align-items:center;gap:.75rem;padding:1rem;background:var(--item-bg-subtle);border:1px solid var(--border-color);border-radius:12px;color:var(--text-primary);cursor:pointer;transition:.2s;text-align:left}.group-picker-item:hover{background:var(--item-bg);border-color:var(--accent-color)}.menu-toggle-btn{display:none;background:#22d3ee26;border:2.5px solid rgba(34,211,238,.75);color:#22d3ee;cursor:pointer;padding:0;border-radius:14px;transition:background .2s,box-shadow .2s;width:58px;height:58px;box-shadow:0 0 14px #22d3ee59;flex-shrink:0}.menu-toggle-btn:hover{background:#22d3ee47;box-shadow:0 0 22px #22d3ee8c}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000}@media (max-width: 1024px){.sidebar{position:fixed;left:0;transform:translate(-100%);z-index:1001;transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:20px 0 50px #00000080}.sidebar.open{transform:translate(0)}.menu-toggle-btn{display:flex;align-items:center;justify-content:center}.main-content{padding:1.5rem}.grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}.premium-button{padding:.8rem 1.4rem}.list-item{padding:1rem 1.5rem}.category-chip{padding:.7rem 1.2rem}}@media (max-width: 640px){.grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.modal-content{padding:1.5rem;width:95vw}}:root{--section-header-bg-1: #1e293b;--section-header-bg-2: rgba(30,41,59,.72);--section-header-bg-3: rgba(30,41,59,.45);--section-header-bg-4: rgba(30,41,59,.25);--section-header-border: rgba(255, 255, 255, .1);--section-header-text: rgba(248, 250, 252, .75)}[data-theme=white]{--section-header-bg-1: #0f172a;--section-header-bg-2: rgba(15,23,42,.72);--section-header-bg-3: rgba(15,23,42,.45);--section-header-bg-4: rgba(15,23,42,.25);--section-header-border: rgba(15, 23, 42, .12);--section-header-text: rgba(248, 250, 252, .9)}[data-theme=sky]{--section-header-bg-1: #0c4a6e;--section-header-bg-2: rgba(12,74,110,.72);--section-header-bg-3: rgba(12,74,110,.45);--section-header-bg-4: rgba(12,74,110,.25);--section-header-border: rgba(12, 74, 110, .18);--section-header-text: #e0f2fe}[data-theme=mint]{--section-header-bg-1: #052e16;--section-header-bg-2: rgba(5,46,22,.72);--section-header-bg-3: rgba(5,46,22,.45);--section-header-bg-4: rgba(5,46,22,.25);--section-header-border: rgba(5, 46, 22, .18);--section-header-text: #dcfce7}[data-theme=rose]{--section-header-bg-1: #4c0519;--section-header-bg-2: rgba(76,5,25,.72);--section-header-bg-3: rgba(76,5,25,.45);--section-header-bg-4: rgba(76,5,25,.25);--section-header-border: rgba(76, 5, 25, .18);--section-header-text: #ffe4e6}[data-theme=white],[data-theme=sky],[data-theme=mint],[data-theme=rose]{color-scheme:light;--item-bg: rgba(0, 0, 0, .05);--item-bg-hover: rgba(0, 0, 0, .09);--item-bg-active: rgba(0, 0, 0, .1);--item-bg-subtle: rgba(0, 0, 0, .03);--thumbnail-bg: #e2e8f0;--btn-text: var(--text-primary);--connected-bg: rgba(255, 255, 255, .85);--count-badge-bg: rgba(0, 0, 0, .08);--input-bg: rgba(0, 0, 0, .06);--input-color: var(--text-primary);--header-border: rgba(0, 0, 0, .08);--dropdown-bg: rgba(255, 255, 255, .97)}[data-theme=white]{--header-bg: rgba(248, 250, 252, .94);--bg-color: #f8fafc;--sidebar-bg: rgba(241, 245, 249, .92);--card-bg: rgba(255, 255, 255, .8);--accent-color: #0284c7;--accent-hover: #0369a1;--text-primary: #0f172a;--text-secondary: #64748b;--border-color: rgba(0, 0, 0, .1);--version-badge-bg: rgba(2, 132, 199, .12)}[data-theme=sky]{--header-bg: rgba(240, 249, 255, .94);--bg-color: #f0f9ff;--sidebar-bg: rgba(224, 242, 254, .92);--card-bg: rgba(255, 255, 255, .8);--accent-color: #0284c7;--accent-hover: #0369a1;--text-primary: #0c4a6e;--text-secondary: #0369a1;--border-color: rgba(3, 105, 161, .15);--version-badge-bg: rgba(2, 132, 199, .12)}[data-theme=mint]{--header-bg: rgba(240, 253, 244, .94);--bg-color: #f0fdf4;--sidebar-bg: rgba(220, 252, 231, .92);--card-bg: rgba(255, 255, 255, .8);--accent-color: #059669;--accent-hover: #047857;--text-primary: #052e16;--text-secondary: #047857;--border-color: rgba(4, 120, 87, .15);--version-badge-bg: rgba(5, 150, 105, .12)}[data-theme=rose]{--header-bg: rgba(255, 241, 242, .94);--bg-color: #fff1f2;--sidebar-bg: rgba(255, 228, 230, .92);--card-bg: rgba(255, 255, 255, .8);--accent-color: #e11d48;--accent-hover: #be123c;--text-primary: #4c0519;--text-secondary: #be123c;--border-color: rgba(190, 18, 60, .15);--version-badge-bg: rgba(225, 29, 72, .12)}[data-theme=onyx]{--bg-color: #0c0c14;--sidebar-bg: rgba(14, 14, 22, .94);--card-bg: rgba(22, 22, 36, .65);--accent-color: #c9a86c;--accent-hover: #e2c48a;--text-primary: #e8e4d9;--text-secondary: #6b6880;--border-color: rgba(201, 168, 108, .1);--glass-blur: blur(16px);--item-bg: rgba(201, 168, 108, .06);--item-bg-hover: rgba(201, 168, 108, .11);--item-bg-active: rgba(201, 168, 108, .16);--item-bg-subtle: rgba(201, 168, 108, .03);--thumbnail-bg: #1a1a28;--btn-text: white;--connected-bg: rgba(12, 12, 20, .85);--count-badge-bg: rgba(201, 168, 108, .12);--input-bg: rgba(201, 168, 108, .07);--input-color: #e8e4d9;--version-badge-bg: rgba(201, 168, 108, .12);--header-bg: rgba(10, 10, 18, .97);--header-border: rgba(201, 168, 108, .08);--dropdown-bg: rgba(14, 14, 24, .99);--accent-glow: rgba(201, 168, 108, .4);--section-header-bg-1: #1a1520;--section-header-bg-2: rgba(26, 21, 32, .75);--section-header-bg-3: rgba(26, 21, 32, .48);--section-header-bg-4: rgba(26, 21, 32, .28);--section-header-border: rgba(201, 168, 108, .1);--section-header-text: rgba(201, 168, 108, .78)}[data-theme=steel]{--bg-color: #0f1318;--sidebar-bg: rgba(15, 19, 24, .94);--card-bg: rgba(20, 25, 32, .7);--accent-color: #7eb8d4;--accent-hover: #a0cfe5;--text-primary: #d4dae4;--text-secondary: #5a6478;--border-color: rgba(126, 184, 212, .1);--glass-blur: blur(16px);--item-bg: rgba(126, 184, 212, .05);--item-bg-hover: rgba(126, 184, 212, .1);--item-bg-active: rgba(126, 184, 212, .15);--item-bg-subtle: rgba(126, 184, 212, .03);--thumbnail-bg: #1c2330;--btn-text: white;--connected-bg: rgba(15, 19, 24, .85);--count-badge-bg: rgba(126, 184, 212, .1);--input-bg: rgba(126, 184, 212, .07);--input-color: #d4dae4;--version-badge-bg: rgba(126, 184, 212, .1);--header-bg: rgba(12, 16, 20, .97);--header-border: rgba(126, 184, 212, .07);--dropdown-bg: rgba(14, 18, 24, .99);--accent-glow: rgba(126, 184, 212, .38);--section-header-bg-1: #1c2330;--section-header-bg-2: rgba(28, 35, 48, .75);--section-header-bg-3: rgba(28, 35, 48, .48);--section-header-bg-4: rgba(28, 35, 48, .28);--section-header-border: rgba(126, 184, 212, .09);--section-header-text: rgba(126, 184, 212, .72)}[data-theme=ivory]{color-scheme:light;--bg-color: #f5f3ee;--sidebar-bg: rgba(242, 240, 234, .97);--card-bg: rgba(255, 255, 255, .88);--accent-color: #2c3e50;--accent-hover: #1a252f;--text-primary: #1a1a2e;--text-secondary: #8a8a9a;--border-color: rgba(44, 62, 80, .1);--glass-blur: blur(16px);--item-bg: rgba(44, 62, 80, .05);--item-bg-hover: rgba(44, 62, 80, .09);--item-bg-active: rgba(44, 62, 80, .13);--item-bg-subtle: rgba(44, 62, 80, .03);--thumbnail-bg: #e8e5de;--btn-text: white;--connected-bg: rgba(255, 255, 255, .92);--count-badge-bg: rgba(44, 62, 80, .08);--input-bg: rgba(44, 62, 80, .06);--input-color: #1a1a2e;--version-badge-bg: rgba(44, 62, 80, .08);--header-bg: rgba(245, 243, 238, .97);--header-border: rgba(44, 62, 80, .08);--dropdown-bg: rgba(255, 255, 255, .99);--accent-glow: rgba(44, 62, 80, .22);--section-header-bg-1: #2c3e50;--section-header-bg-2: rgba(44, 62, 80, .72);--section-header-bg-3: rgba(44, 62, 80, .45);--section-header-bg-4: rgba(44, 62, 80, .25);--section-header-border: rgba(44, 62, 80, .1);--section-header-text: rgba(255, 255, 255, .88)}[data-theme=porcelain]{color-scheme:light;--bg-color: #fbfbfd;--sidebar-bg: rgba(243, 243, 246, .96);--card-bg: rgba(255, 255, 255, .9);--accent-color: #2f6bdf;--accent-hover: #1f4fab;--text-primary: #1d1d22;--text-secondary: #6b6b77;--border-color: rgba(0, 0, 0, .08);--glass-blur: blur(16px);--item-bg: rgba(0, 0, 0, .04);--item-bg-hover: rgba(0, 0, 0, .07);--item-bg-active: rgba(47, 107, 223, .12);--item-bg-subtle: rgba(0, 0, 0, .025);--thumbnail-bg: #ececef;--btn-text: var(--text-primary);--connected-bg: rgba(255, 255, 255, .9);--count-badge-bg: rgba(0, 0, 0, .07);--input-bg: rgba(0, 0, 0, .05);--input-color: var(--text-primary);--version-badge-bg: rgba(47, 107, 223, .12);--header-bg: rgba(251, 251, 253, .94);--header-border: rgba(0, 0, 0, .08);--dropdown-bg: rgba(255, 255, 255, .98);--accent-glow: rgba(47, 107, 223, .25);--section-header-bg-1: rgba(47, 107, 223, .13);--section-header-bg-2: rgba(47, 107, 223, .095);--section-header-bg-3: rgba(47, 107, 223, .13);--section-header-bg-4: rgba(47, 107, 223, .07);--section-header-border: rgba(47, 107, 223, .2);--section-header-text: #1f4fab}[data-theme=linen]{color-scheme:light;--bg-color: #fbf8f1;--sidebar-bg: rgba(242, 236, 223, .97);--card-bg: rgba(255, 253, 248, .92);--accent-color: #b0542f;--accent-hover: #8c3f20;--text-primary: #2a2521;--text-secondary: #847a6b;--border-color: rgba(64, 48, 26, .1);--glass-blur: blur(16px);--item-bg: rgba(64, 48, 26, .045);--item-bg-hover: rgba(64, 48, 26, .08);--item-bg-active: rgba(176, 84, 47, .13);--item-bg-subtle: rgba(64, 48, 26, .028);--thumbnail-bg: #efe7d8;--btn-text: var(--text-primary);--connected-bg: rgba(255, 253, 248, .92);--count-badge-bg: rgba(64, 48, 26, .08);--input-bg: rgba(64, 48, 26, .05);--input-color: var(--text-primary);--version-badge-bg: rgba(176, 84, 47, .13);--header-bg: rgba(251, 248, 241, .95);--header-border: rgba(64, 48, 26, .1);--dropdown-bg: rgba(255, 253, 248, .99);--accent-glow: rgba(176, 84, 47, .25);--section-header-bg-1: rgba(176, 84, 47, .13);--section-header-bg-2: rgba(176, 84, 47, .095);--section-header-bg-3: rgba(176, 84, 47, .13);--section-header-bg-4: rgba(176, 84, 47, .07);--section-header-border: rgba(176, 84, 47, .2);--section-header-text: #8c3f20}[data-theme=sage]{color-scheme:light;--bg-color: #f9fbf8;--sidebar-bg: rgba(237, 240, 234, .97);--card-bg: rgba(255, 255, 255, .92);--accent-color: #3a6b56;--accent-hover: #2a5040;--text-primary: #1f2723;--text-secondary: #687069;--border-color: rgba(35, 55, 45, .09);--glass-blur: blur(16px);--item-bg: rgba(35, 55, 45, .045);--item-bg-hover: rgba(35, 55, 45, .08);--item-bg-active: rgba(58, 107, 86, .13);--item-bg-subtle: rgba(35, 55, 45, .028);--thumbnail-bg: #e7ece6;--btn-text: var(--text-primary);--connected-bg: rgba(255, 255, 255, .92);--count-badge-bg: rgba(35, 55, 45, .08);--input-bg: rgba(35, 55, 45, .05);--input-color: var(--text-primary);--version-badge-bg: rgba(58, 107, 86, .13);--header-bg: rgba(249, 251, 248, .95);--header-border: rgba(35, 55, 45, .09);--dropdown-bg: rgba(255, 255, 255, .99);--accent-glow: rgba(58, 107, 86, .25);--section-header-bg-1: rgba(58, 107, 86, .14);--section-header-bg-2: rgba(58, 107, 86, .1);--section-header-bg-3: rgba(58, 107, 86, .14);--section-header-bg-4: rgba(58, 107, 86, .075);--section-header-border: rgba(58, 107, 86, .2);--section-header-text: #2a5040}[data-theme=porcelain] .header-title-text,[data-theme=linen] .header-title-text,[data-theme=sage] .header-title-text{filter:brightness(.55) saturate(1.4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.45}}.sidebar{transition:all .3s ease}.sidebar-item:hover{background:var(--item-bg-hover)!important}.sidebar-item.active{box-shadow:0 4px 12px var(--accent-glow)}.score-card.selected:after,.list-item.selected:after{content:"✓";position:absolute;background:var(--accent-color);color:#000;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;z-index:10}.score-card.selected:after{top:10px;left:10px}.list-item.selected:after{right:50px}.viewer-nav:disabled{opacity:.2;cursor:not-allowed}.viewer-nav:not(:disabled):hover{background:#fff3}