.kb-studio{--kb-blue:#6d5dfc;--kb-cyan:#27d7d0;--kb-ink:#101426;max-width:980px;margin:48px auto;padding:clamp(24px,5vw,56px);border-radius:28px;background:linear-gradient(145deg,#101426,#171d36 70%,#132d38);color:#f7f8ff;box-shadow:0 28px 80px rgba(12,16,34,.25);font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}.kb-head{max-width:720px;margin-bottom:34px}.kb-head h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1;margin:0 0 18px;color:#fff}.kb-head p{font-size:1.05rem;line-height:1.7;color:#c9cee5}.kb-head .kb-kicker{font-size:.78rem;letter-spacing:.18em;font-weight:800;color:var(--kb-cyan);margin-bottom:12px}.kb-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.kb-drop{position:relative;display:flex;min-height:220px;flex-direction:column;align-items:flex-start;justify-content:center;padding:26px;border:1px dashed #687091;border-radius:20px;background:rgba(255,255,255,.04);cursor:pointer;transition:.2s ease}.kb-drop:hover,.kb-drop:focus-within{border-color:var(--kb-cyan);background:rgba(39,215,208,.08);transform:translateY(-2px)}.kb-drop input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.kb-step{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--kb-blue),var(--kb-cyan));font-weight:800;margin-bottom:16px}.kb-drop strong{font-size:1.25rem;color:#fff}.kb-drop small{display:block;margin-top:7px;color:#aeb5d0}.kb-file-name{display:block;width:100%;margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8ff4ee;font-weight:650}.kb-submit,.kb-button{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;padding:14px 22px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--kb-blue),#8a5dfc);color:#fff!important;font-weight:800;text-decoration:none!important;cursor:pointer;box-shadow:0 12px 28px rgba(109,93,252,.3);transition:.2s ease}.kb-submit:hover,.kb-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.kb-submit:disabled{opacity:.55;cursor:wait;transform:none}.kb-status,.kb-results{display:flex;align-items:center;gap:18px;margin-top:26px;padding:22px;border-radius:16px;background:rgba(39,215,208,.09);border:1px solid rgba(39,215,208,.25)}.kb-status p,.kb-results p{margin:4px 0 0;color:#bdc5dd}.kb-status.is-error{background:rgba(255,92,111,.1);border-color:rgba(255,92,111,.35)}.kb-spinner{width:28px;height:28px;flex:0 0 auto;border:3px solid rgba(255,255,255,.2);border-top-color:var(--kb-cyan);border-radius:50%;animation:kb-spin .8s linear infinite}.kb-status.is-error .kb-spinner{display:none}.kb-results{display:block}.kb-results h2{margin:0;color:#fff}.kb-result-actions{display:flex;gap:12px;flex-wrap:wrap}.kb-note{margin:24px 0 0;font-size:.84rem;line-height:1.6;color:#8992b2}.kb-login{text-align:center}.kb-login .kb-button{margin-top:10px}@keyframes kb-spin{to{transform:rotate(360deg)}}@media(max-width:700px){.kb-studio{margin:24px 12px;padding:26px 18px;border-radius:20px}.kb-grid{grid-template-columns:1fr}.kb-drop{min-height:180px}}