*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--bg:#0b1020;--card:#121933;--muted:#aeb8d0;--text:#f4f7ff;--accent:#7aa2ff;--accent-2:#94f0c1;--border:#ffffff1f;--danger:#ff9a9a}*{box-sizing:border-box}body{color:var(--text);background:linear-gradient(#0b1020 0%,#0f1630 100%);min-height:100vh;margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{min-height:100vh;padding:32px 18px}.header{justify-content:center;align-items:center;max-width:980px;margin:0 auto 24px;display:flex}.logo{width:auto;height:60px}.tabs-container{max-width:980px;margin:0 auto 20px}.tabs{border:1px solid var(--border);background:#121933eb;border-radius:24px;flex-wrap:wrap;gap:12px;padding:12px;display:flex;box-shadow:0 20px 60px #00000040}.tab{color:var(--muted);font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #0000;border-radius:14px;padding:12px 24px;font-weight:600;transition:all .2s}.tab:hover{color:var(--text);background:#ffffff14}.tab.active{background:linear-gradient(135deg, var(--accent), #9b7cff);color:#fff;border-color:#0000}.tab-content{max-width:980px;margin:0 auto}.wrap{gap:20px;display:grid}.hero,.card{border:1px solid var(--border);background:#121933eb;border-radius:24px;box-shadow:0 20px 60px #00000040}.hero{padding:28px}h1{margin:0 0 10px;font-size:30px;line-height:1.1}p{color:var(--muted);margin:0;line-height:1.6}.grid{grid-template-columns:repeat(12,1fr);gap:20px;display:grid}.left,.right{grid-column:span 12}@media (width>=900px){.left{grid-column:span 7}.right{grid-column:span 5}}.card{padding:22px}label{margin-bottom:8px;font-weight:600;display:block}input,select,button,textarea{border:1px solid var(--border);width:100%;color:var(--text);font:inherit;background:#ffffff0a;border-radius:14px;padding:14px}input::placeholder,textarea::placeholder{color:#90a0c7}.dropzone{text-align:center;cursor:pointer;background:#7aa2ff0d;border:2px dashed #7aa2ff73;border-radius:18px;padding:28px;transition:all .2s}.dropzone.dragover{border-color:var(--accent-2);background:#7aa2ff24;transform:translateY(-1px)}.row{grid-template-columns:1fr;gap:14px;margin-top:16px;display:grid}@media (width>=700px){.row.two{grid-template-columns:1fr 1fr}}.actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}button.primary{cursor:pointer;background:linear-gradient(135deg, var(--accent), #9b7cff);color:#fff;border:none;width:auto;min-width:180px;font-weight:700;transition:all .2s}button.secondary{cursor:pointer;width:auto;min-width:180px;color:var(--text);background:#ffffff14;border:none;font-weight:700;transition:all .2s}button:disabled{opacity:.5;cursor:not-allowed}button.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #7aa2ff4d}button.secondary:hover:not(:disabled){background:#ffffff1f}.pill{border:1px solid var(--border);color:var(--muted);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;margin-top:14px;padding:8px 12px;font-size:13px;display:inline-flex}.files,.logs{gap:10px;max-height:360px;margin-top:16px;display:grid;overflow:auto}.file-item,.log-item{border:1px solid var(--border);background:#ffffff09;border-radius:16px;padding:14px}.file-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.small{color:var(--muted);font-size:13px}.success{color:var(--accent-2)}.error{color:var(--danger)}.muted{color:var(--muted)}.hint{color:#dff9ea;background:#94f0c10f;border:1px solid #94f0c138;border-radius:16px;margin-top:16px;padding:14px;font-size:14px;line-height:1.5}code{background:#ffffff14;border-radius:8px;padding:2px 6px}