:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--sidebar-bg: #2c3e50;--sidebar-text: #ecf0f1;--sidebar-hover: #34495e;--transition-speed: .3s}.sidebar{height:100vh;background-color:var(--sidebar-bg);color:var(--sidebar-text);transition:width var(--transition-speed) ease;display:flex;flex-direction:column;overflow:hidden}.sidebar.open{width:250px}.sidebar.collapsed{width:70px}.sidebar-header{padding:20px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.2rem;white-space:nowrap}.toggle-btn{background:none;border:none;color:#fff;cursor:pointer;padding:5px}.sidebar-menu{list-style:none;padding:0;margin:20px 0;flex-grow:1}.menu-item{display:flex;align-items:center;padding:15px 25px;cursor:pointer;transition:background .2s;white-space:nowrap}.menu-item:hover{background-color:var(--sidebar-hover)}.icon{font-size:1.5rem;min-width:30px}.text{margin-left:15px}.sidebar-footer{padding:20px;text-align:center;font-size:.8rem;border-top:1px solid rgba(255,255,255,.1)}.engine-wrapper{padding:30px;background-color:#fcfcfc;background-image:radial-gradient(#e0e0e0 1px,transparent 1px);background-size:20px 20px;height:auto}.engine-section{background:#fffc;border:1px solid #ccc;padding:20px;margin-bottom:25px;border-radius:4px}.section-title{font-size:1.1rem;font-weight:700;margin-top:0;margin-bottom:20px;border-left:5px solid #333;padding-left:10px}.engine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:15px}.engine-item{display:flex;align-items:center;gap:10px;font-family:Arial,sans-serif;font-weight:600;cursor:pointer}.engine-item input[type=checkbox]{width:18px;height:18px;cursor:pointer}.voicebank-container{padding:40px;max-width:1200px;margin:0 auto}.voicebank-header{display:flex;justify-content:space-between;align-items:flex-end;border-bottom:2px solid #333;padding-bottom:10px;margin-bottom:30px}.title{font-size:1.8rem;font-weight:700;margin:0}.voicebank-grid{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(2,1fr);gap:20px;margin-bottom:40px}.thumbnail-slot{aspect-ratio:1 / 1;border:2px dashed #ccc;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:#f9f9f9;overflow:hidden;transition:all .2s ease}.thumbnail-slot:hover{border-color:#666;background-color:#f0f0f0}.upload-label{width:100%;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer}.plus-icon{font-size:3rem;color:#aaa;font-weight:300}.preview-img{width:100%;height:100%;object-fit:cover}.empty{border:1px solid #eee;background-color:#fafafa}.pagination-controls{display:flex;justify-content:center;gap:20px}.nav-btn{padding:10px 25px;background-color:#2c3e50;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:700;transition:background .2s}.nav-btn:hover:not(:disabled){background-color:#34495e}.nav-btn:disabled{background-color:#ccc;cursor:not-allowed}.archive-container{padding:40px;max-width:1200px;margin:0 auto}.archive-header{margin-bottom:30px;border-bottom:1px solid #eee;padding-bottom:20px}.archive-title{font-size:2rem;color:#2c3e50;margin:0}.archive-subtitle{color:#7f8c8d;margin-top:5px}.archive-category-nav{display:flex;gap:15px;margin-bottom:30px;border-bottom:2px solid #f1f1f1;padding-bottom:10px}.category-btn{padding:10px 20px;border:none;background:none;font-size:1rem;color:#95a5a6;cursor:pointer;transition:all .3s ease;border-radius:20px}.category-btn:hover{color:#2c3e50;background-color:#f8f9fa}.category-btn.active{color:#fff;background-color:#2c3e50;font-weight:700}.archive-content-area{min-height:400px;background-color:#fff;border:1px solid #e1e1e1;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 6px #00000005}.placeholder-text{color:#bdc3c7;font-size:1.1rem}*{margin:0;padding:0;box-sizing:border-box}.main-layout{display:flex;width:100vw;height:100vh;overflow:hidden;background-color:#f0f2f5}.sidebar-area{height:100%;flex-shrink:0}.content-area{flex-grow:1;height:100%;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:30px}.content-section{background-color:#fff;border-radius:12px;box-shadow:0 2px 10px #0000000d;width:100%}.content-area::-webkit-scrollbar{width:8px}.content-area::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}