*{box-sizing:border-box}html,body{color:#f8f8f2;background:radial-gradient(circle at top,#bd93f91a,#0000 35%),radial-gradient(circle at 100% 100%,#8be9fd14,#0000 30%),linear-gradient(#191a21 0%,#1e1f29 100%);min-height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-shell{grid-template-columns:1fr 1fr;gap:24px;min-height:100vh;padding:28px;display:grid}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#252732f5,#1e1f29fa);border:1px solid #ffffff0f;border-radius:16px;padding:24px;position:relative;overflow:hidden;box-shadow:0 18px 50px #00000073}.panel:before{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,#ffffff0f,#0000 20% 80%,#ffffff08);position:absolute;inset:0}h2{letter-spacing:.2px;color:#f2f2f7;margin:30px 0 0;font-size:1.35rem;font-weight:700}.subtitle{color:#a6accd;margin:0 0 20px;font-size:.95rem;line-height:1.5}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.status-pill{color:#bfffcf;letter-spacing:.3px;background:#50fa7b1a;border:1px solid #50fa7b2e;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.82rem;font-weight:600;display:inline-flex}.field{margin-bottom:18px;display:block}.field>span{color:#d7daf0;margin-bottom:8px;font-size:.9rem;font-weight:600;display:inline-block}textarea{resize:vertical;color:#f8f8f2;width:100%;min-height:140px;font:inherit;background:linear-gradient(#191b24,#171923);border:1px solid #3a3d4d;border-radius:14px;outline:none;padding:14px 16px;line-height:1.6;transition:border-color .2s,box-shadow .2s,transform .15s;box-shadow:inset 0 1px #ffffff08}textarea::placeholder{color:#6f7596}textarea:focus{border-color:#bd93f9;transform:translateY(-1px);box-shadow:0 0 0 4px #bd93f959}.send-btn{color:#171923;width:100%;font:inherit;letter-spacing:.2px;cursor:pointer;background:linear-gradient(135deg,#bd93f9,#8be9fd);border:0;border-radius:14px;margin-top:4px;padding:13px 16px;font-weight:800;transition:transform .18s,box-shadow .18s,filter .18s;box-shadow:0 12px 28px #bd93f940}.send-btn:hover:not(:disabled){filter:saturate(1.08);transform:translateY(-2px);box-shadow:0 16px 34px #bd93f954}.send-btn:active:not(:disabled){transform:translateY(0)}.send-btn:disabled{opacity:.62;cursor:not-allowed;box-shadow:none}.error-box{color:#ffb0b0;background:#ff55551a;border:1px solid #ff555538;border-radius:12px;margin-bottom:16px;padding:12px 14px;font-size:.92rem;line-height:1.5}.response-box{color:#e6e6e6;white-space:pre-wrap;word-break:break-word;background:linear-gradient(#1b1d26fa,#161820fa);border:1px solid #ffffff0f;border-radius:14px;min-height:420px;margin:0;padding:18px;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.95rem;line-height:1.7;overflow:auto;box-shadow:inset 0 1px #ffffff08}.response-box::-webkit-scrollbar{width:10px;height:10px}textarea::-webkit-scrollbar{width:10px;height:10px}.response-box::-webkit-scrollbar-track{background:0 0}textarea::-webkit-scrollbar-track{background:0 0}.response-box::-webkit-scrollbar-thumb{background:#bd93f947;border:2px solid #00000026;border-radius:999px}textarea::-webkit-scrollbar-thumb{background:#bd93f947;border:2px solid #00000026;border-radius:999px}.response-box::-webkit-scrollbar-thumb:hover{background:#bd93f96b}textarea::-webkit-scrollbar-thumb:hover{background:#bd93f96b}@media (width<=900px){.app-shell{grid-template-columns:1fr;padding:16px}.panel{padding:18px}.response-box{min-height:280px}}