:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;color-scheme:light dark;color:#ffffffde;background-color:#242424;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh}main{max-width:1400px;margin:0 auto;padding:1.5rem}h1{margin:0 0 1rem;font-size:1.8rem}.layout{display:grid;grid-template-columns:2fr 1fr;gap:1rem}@media (max-width: 900px){.layout{grid-template-columns:1fr}}.left,.right{display:flex;flex-direction:column;gap:.75rem}.field{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem}.field>span{color:#aaa}textarea,.chat{font-family:inherit;font-size:.9rem;background-color:#1a1a1a;color:inherit;border:1px solid #333;border-radius:6px;padding:.5rem;resize:vertical}textarea[readonly]{opacity:.85}.chat{min-height:200px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem}.chat-msg{display:flex;flex-direction:column;gap:.2rem;padding:.4rem .6rem;border-radius:6px}.chat-user{background-color:#2a3a5a}.chat-assistant{background-color:#2a2a2a}.chat-role{font-size:.7rem;color:#aaa;text-transform:uppercase}.chat-body{white-space:pre-wrap}button{align-self:flex-start;border-radius:6px;border:1px solid #444;padding:.5rem 1.2rem;font-size:.9rem;font-family:inherit;background-color:#2a2a2a;color:inherit;cursor:pointer}button:hover:not(:disabled){border-color:#646cff}button:disabled{opacity:.5;cursor:not-allowed}video{width:100%;max-height:360px;background:#000;border-radius:6px}table{width:100%;border-collapse:collapse;font-size:.85rem;background-color:#1a1a1a;border-radius:6px;overflow:hidden}th,td{padding:.4rem .6rem;text-align:left;border-bottom:1px solid #2a2a2a}th{background-color:#2a2a2a;color:#aaa}tbody tr{cursor:pointer}tbody tr:hover{background-color:#2a3a5a}.loading-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.loading-overlay[hidden]{display:none}.loading-box{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1.25rem 1.75rem;background:#1a1a1a;border:1px solid #333;border-radius:8px;color:#eee;font-size:.95rem}.spinner{width:32px;height:32px;border:3px solid #444;border-top-color:#646cff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}textarea,.chat,table{background-color:#f9f9f9;border-color:#ddd}.field>span{color:#555}.chat-user{background-color:#dbeafe}.chat-assistant{background-color:#f3f4f6}.chat-role{color:#555}button{background-color:#f3f4f6;border-color:#ccc}th{background-color:#f3f4f6;color:#555}th,td{border-bottom-color:#e5e7eb}tbody tr:hover{background-color:#dbeafe}}