@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#212121;--bg-card:#28282b;--bg-card-alt:#353535;--border-color:#ffffff1a;--border-hover:#fff3;--primary:#f2f2f4;--primary-hover:#fff;--primary-bg:#2b2b31;--text-main:#fcfcfc;--text-muted:#a6a6a9;--radius:.65rem}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);-webkit-font-smoothing:antialiased;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.5;display:flex}#root{flex-direction:column;flex:1;display:flex}h1,h2,h3,h4{letter-spacing:-.02em;font-weight:600}.glass-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius)}.btn{border-radius:calc(var(--radius) - 2px);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.95rem;font-weight:500;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#111}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px)}.btn-secondary{color:var(--text-main);border-color:var(--border-color);background:0 0}.btn-secondary:hover{background:var(--bg-card-alt);border-color:var(--border-hover)}.layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--border-color);background:var(--bg-dark);justify-content:space-between;align-items:center;height:64px;padding:0 24px;display:flex}.header-title{color:var(--text-main);align-items:center;gap:12px;font-size:1.15rem;font-weight:600;display:flex}.main-content{flex:1;padding:24px;display:flex;overflow:hidden}.text-muted{color:var(--text-muted)}.dropzone{border:2px dashed var(--border-color);border-radius:var(--radius);text-align:center;cursor:pointer;background:#ffffff05;flex-direction:column;justify-content:center;align-items:center;padding:40px;transition:all .2s;display:flex}.dropzone:hover,.dropzone.active{border-color:var(--border-hover);background:var(--bg-card-alt)}.drop-icon{opacity:.8;margin-bottom:16px;font-size:40px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}input[type=color]{-webkit-appearance:none;border:1px solid var(--border-color);cursor:pointer;background:var(--bg-card-alt);border-radius:4px;width:28px;height:28px;padding:0;overflow:hidden}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border:none;border-radius:3px}.loading-spinner{border:3px solid var(--border-color);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}