@import"https://fonts.googleapis.com/css2?family=Thin:wght@100&display=swap";.chat-interface{display:flex;flex-direction:column;gap:14px;max-height:700px;overflow-y:auto;padding-right:12px;animation:fadeIn .4s ease-in-out}.chat-interface::-webkit-scrollbar{width:8px}.chat-interface::-webkit-scrollbar-track{background:#641ec80d;border-radius:10px}.chat-interface::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#641ec84d,#4614964d);border-radius:10px;box-shadow:inset 0 0 6px #0003;transition:all .3s ease}.chat-interface::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#641ec880,#46149680);box-shadow:inset 0 0 10px #0000004d}.message{background:linear-gradient(135deg,#3c147814,#501e960a);padding:16px;border-radius:16px;border:2px solid rgba(100,30,200,.15);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 1px #ffffff0d}:root{--color-blue: #0080b0;--color-orange: #cc7700;--color-green: #008a99;--color-purple: #7d2ae8;--color-gray: #4a5069}.architect-display{display:flex;flex-direction:column;gap:0;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#3c14781a,#501e960d);border:2px solid rgba(100,30,200,.15);box-shadow:inset 0 1px 1px #ffffff0d,0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;animation:slideUp .5s ease-out}.architect-display:hover{border-color:#641ec840;box-shadow:inset 0 1px 1px #ffffff14,0 12px 40px #641ec826}.architect-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:linear-gradient(90deg,#3c147814,#501e960a);border-bottom:2px solid rgba(100,30,200,.12);gap:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.architect-title-section{display:flex;align-items:center;gap:12px}.architect-header h3{font-size:16px;font-weight:400;color:#7d2ae8;letter-spacing:1px;margin:0;text-transform:uppercase}.architect-badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#b4640026,#8c50001a);border:1px solid rgba(180,100,0,.2);color:#c94;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.architect-badge:hover{background:linear-gradient(135deg,#b4640033,#8c500026);border-color:#b464004d;box-shadow:0 4px 12px #b4640026}.architect-content{display:flex;flex-direction:column;gap:14px;max-height:500px;overflow-y:auto;padding:28px;background:#05050f33;animation:fadeIn .4s ease-in-out}.architect-content::-webkit-scrollbar{width:8px}.architect-content::-webkit-scrollbar-track{background:#641ec80d;border-radius:10px}.architect-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#641ec840,#46149640);border-radius:10px;box-shadow:inset 0 0 6px #00000026;transition:all .3s ease}.architect-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#641ec866,#46149666);box-shadow:inset 0 0 10px #0003}.message{background:linear-gradient(135deg,#3c147814,#501e960a);padding:16px;border-radius:16px;border:2px solid rgba(100,30,200,.15);border-left:3px solid;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 1px #ffffff0d}.message:hover{background:linear-gradient(135deg,#3c14781a,#501e960f);border-color:#641ec840;box-shadow:inset 0 1px 1px #ffffff14,0 4px 12px #641ec81a;transform:translate(2px)}.message-header{display:flex;align-items:center;gap:12px;margin-bottom:10px;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:12px;font-size:11px;font-weight:500;white-space:nowrap;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.badge:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.badge-blue{background:linear-gradient(135deg,#00789626,#0064821a);color:#00a8d4;border:1px solid rgba(0,120,150,.2)}.badge-orange{background:linear-gradient(135deg,#b4640026,#8c50001a);color:#c94;border:1px solid rgba(180,100,0,.2)}.badge-green{background:linear-gradient(135deg,#00788c26,#0064501a);color:#0b8;border:1px solid rgba(0,120,140,.2)}.badge-purple{background:linear-gradient(135deg,#641ec826,#4614961a);color:#d9c5ff;border:1px solid rgba(100,30,200,.2)}.badge-gray{background:linear-gradient(135deg,#505a6426,#3c46551a);color:#889;border:1px solid rgba(80,90,100,.2)}.timestamp{font-size:11px;color:#e0e0e073;margin-left:auto;font-weight:400;letter-spacing:.3px}.message-content{font-size:14px;line-height:1.6;color:#e0d5ff;font-family:Segoe UI,sans-serif;font-weight:300;white-space:pre-wrap;word-break:break-word;overflow-wrap:break-word}.empty-state{text-align:center;color:#e0e0e066;padding:48px 24px;font-size:15px;font-weight:300;letter-spacing:.5px}@media(max-width:768px){.architect-display{border-radius:16px}.architect-header{flex-direction:column;align-items:flex-start;padding:16px}.architect-header h3{font-size:14px}.architect-content{padding:16px;max-height:400px}.message{padding:12px}}.code-display{display:flex;flex-direction:column;gap:0;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#3c14781a,#501e960d);border:2px solid rgba(100,30,200,.15);box-shadow:inset 0 1px 1px #ffffff0d,0 8px 32px #0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.code-display:hover{border-color:#641ec840;box-shadow:inset 0 1px 1px #ffffff14,0 12px 40px #641ec826}.code-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;background:linear-gradient(90deg,#3c147814,#501e960a);border-bottom:2px solid rgba(100,30,200,.12);gap:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.code-title-section{display:flex;align-items:center;gap:12px}.code-actions{display:flex;gap:12px;align-items:center}.code-header h3{font-size:16px;font-weight:400;color:#7d2ae8;letter-spacing:1px;margin:0;text-transform:uppercase}.code-language{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#00788c26,#0064501a);border:1px solid rgba(0,100,80,.2);color:#0b8;border-radius:12px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.code-language:hover{background:linear-gradient(135deg,#00788c33,#00645026);border-color:#0064504d;box-shadow:0 4px 12px #00645026}.copy-btn{padding:10px 18px;background:linear-gradient(135deg,#00789640,#00648226);color:#00a8d4;border:2px solid rgba(0,120,150,.25);border-radius:12px;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 1px #ffffff0d,0 4px 12px #00789626;position:relative;overflow:hidden;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;letter-spacing:.5px}.copy-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.copy-btn:hover:before{left:100%}.copy-btn:hover{transform:translateY(-1px);border-color:#00789666;box-shadow:inset 0 1px 1px #ffffff14,0 8px 20px #00789640;background:linear-gradient(135deg,#00789659,#00648240)}.copy-btn:active{transform:translateY(0)}.copy-btn.copied{background:linear-gradient(135deg,#00645040,#00503c26);border-color:#00645040;color:#0b8;box-shadow:inset 0 1px 1px #ffffff0d,0 4px 12px #00645026}.download-btn{padding:10px 18px;background:linear-gradient(135deg,#c8641e40,#b4501426);color:#ff9d3d;border:2px solid rgba(200,100,30,.25);border-radius:12px;font-size:13px;font-weight:400;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 1px #ffffff0d,0 4px 12px #c8641e26;position:relative;overflow:hidden;white-space:nowrap;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;letter-spacing:.5px}.download-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.download-btn:hover:before{left:100%}.download-btn:hover{transform:translateY(-1px);border-color:#c8641e66;box-shadow:inset 0 1px 1px #ffffff14,0 8px 20px #c8641e40;background:linear-gradient(135deg,#c8641e59,#b4501440)}.download-btn:active{transform:translateY(0)}.code-block{margin:0;padding:28px;overflow-x:auto;background:#05050f66;font-family:Monaco,Courier New,monospace;font-size:14px;line-height:1.7;color:#e0d5ff;border:none;text-shadow:0 1px 2px rgba(0,0,0,.2);transition:all .3s ease;max-height:500px;overflow-y:auto;font-weight:300}.code-block::-webkit-scrollbar{width:8px;height:8px}.code-block::-webkit-scrollbar-track{background:#641ec80d;border-radius:10px}.code-block::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#641ec840,#46149640);border-radius:10px;box-shadow:inset 0 0 6px #00000026;transition:all .3s ease}.code-block::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#641ec866,#46149666);box-shadow:inset 0 0 10px #0003}.code-block code{display:block;white-space:pre;word-wrap:normal;text-shadow:0 1px 2px rgba(0,0,0,.15)}@media(max-width:768px){.code-display{border-radius:16px}.code-header{flex-direction:column;align-items:flex-start;padding:16px}.code-header h3{font-size:14px}.code-actions{align-self:flex-end;width:100%;justify-content:flex-end}.copy-btn,.download-btn{font-size:12px;padding:8px 14px}.code-block{padding:16px;font-size:12px}}.test-results-container{display:flex;flex-direction:column;gap:24px;animation:fadeIn .4s ease-in-out}.test-results-header{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.header-title h2{font-size:28px;font-weight:300;color:#7d2ae8;margin:0;letter-spacing:2px;text-transform:uppercase}.summary-badge{display:flex;align-items:center;gap:12px;padding:16px 24px;border-radius:16px;border:2px solid rgba(0,100,80,.25);background:linear-gradient(135deg,#0064501a,#00503c0d);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:inset 0 1px 1px #ffffff0d}.summary-badge:hover{border-color:#00645059;box-shadow:inset 0 1px 1px #ffffff14,0 6px 16px #00645026;transform:translateY(-1px)}.status-icon{font-size:20px;font-weight:400}.status-text{color:#e0d5ff;font-weight:400;font-size:15px;letter-spacing:.5px}.test-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-box{padding:24px;background:linear-gradient(135deg,#3c147814,#501e960a);border-radius:16px;border:2px solid rgba(100,30,200,.15);text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 1px #ffffff0d}.stat-box:hover{background:linear-gradient(135deg,#3c14781a,#501e960f);border-color:#641ec840;box-shadow:inset 0 1px 1px #ffffff14,0 6px 16px #641ec81a;transform:translateY(-2px)}.stat-box.success{border-color:#00645033;background:linear-gradient(135deg,#00645014,#00503c0a)}.stat-box.success:hover{border-color:#0064504d;background:linear-gradient(135deg,#0064501a,#00503c0f);box-shadow:inset 0 1px 1px #ffffff14,0 6px 16px #0064501a}.stat-box.failed{border-color:#b41e1e33;background:linear-gradient(135deg,#b41e1e14,#9614140a)}.stat-box.failed:hover{border-color:#b41e1e4d;background:linear-gradient(135deg,#b41e1e1a,#9614140f);box-shadow:inset 0 1px 1px #ffffff14,0 6px 16px #b41e1e1a}.stat-label{font-size:12px;color:#e0e0e08c;text-transform:uppercase;font-weight:500;letter-spacing:.8px;margin-bottom:8px}.stat-value{font-size:32px;font-weight:300;color:#7d2ae8;letter-spacing:1px}.test-details{padding:24px;background:linear-gradient(135deg,#3c147814,#501e960a);border-radius:16px;border:2px solid rgba(100,30,200,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:inset 0 1px 1px #ffffff0d}.test-details:hover{border-color:#641ec840;box-shadow:inset 0 1px 1px #ffffff14,0 6px 16px #641ec81a}.test-details h3{font-size:16px;font-weight:400;color:#7d2ae8;margin:0 0 16px;text-transform:uppercase;letter-spacing:1.5px}.test-list{display:flex;flex-direction:column;gap:12px}.test-item{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#280f4633;border-radius:12px;border-left:3px solid #7d2ae8;transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.test-item:hover{background:#280f464d;transform:translate(2px);box-shadow:0 4px 12px #641ec814}.test-item.passed{border-left-color:#0b8}.test-item.passed:hover{background:#00645014}.test-item.failed{border-left-color:#ff6b6b}.test-item.failed:hover{background:#b41e1e14}.test-status-icon{font-size:14px;font-weight:400;min-width:20px}.test-item.passed .test-status-icon{color:#0b8}.test-item.failed .test-status-icon{color:#ff6b6b}.test-name{flex:1;color:#e0d5ff;font-weight:400;font-family:Monaco,Courier New,monospace;font-size:14px}.test-params{color:#e0e0e080;font-size:12px;font-family:Monaco,Courier New,monospace}.test-badge{display:inline-block;padding:4px 10px;border-radius:8px;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .3s ease}.test-badge.passed{background:linear-gradient(135deg,#00645033,#00503c1a);color:#0b8;border:1px solid rgba(0,100,80,.3)}.test-badge.failed{background:linear-gradient(135deg,#b41e1e33,#9614141a);color:#f88;border:1px solid rgba(180,30,30,.3)}.test-output{padding:24px;background:linear-gradient(135deg,#3c147814,#501e960a);border-radius:16px;border:2px solid rgba(0,120,150,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:inset 0 1px 1px #ffffff0d}.test-output:hover{border-color:#00789640;box-shadow:inset 0 1px 1px #ffffff14,0 6px 16px #0078961a}.test-output h3{font-size:16px;font-weight:400;color:#00a8d4;margin:0 0 16px;text-transform:uppercase;letter-spacing:1.5px}.output-box{margin:0;padding:16px;background:#05050f66;border-radius:12px;border-left:3px solid #00a8d4;color:#e0d5ff;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;font-weight:300;max-height:300px;overflow-y:auto;text-shadow:0 1px 2px rgba(0,0,0,.15)}.test-error{padding:24px;background:linear-gradient(135deg,#3c147814,#501e960a);border-radius:16px;border:2px solid rgba(180,30,30,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:inset 0 1px 1px #ffffff0d}.test-error:hover{border-color:#b41e1e40;box-shadow:inset 0 1px 1px #ffffff14,0 6px 16px #b41e1e1a}.test-error h3{font-size:16px;font-weight:400;color:#f88;margin:0 0 16px;text-transform:uppercase;letter-spacing:1.5px}.error-box{margin:0;padding:16px;background:#05050f66;border-radius:12px;border-left:3px solid #ff6b6b;color:#f88;font-family:Monaco,Courier New,monospace;font-size:13px;line-height:1.6;font-weight:300;max-height:300px;overflow-y:auto;text-shadow:0 1px 2px rgba(0,0,0,.15)}.timeout-alert{padding:16px 20px;background:linear-gradient(135deg,#b464001a,#8c50000d);border:2px solid rgba(180,100,0,.2);border-radius:12px;color:#c94;font-weight:400;font-size:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:inset 0 1px 1px #ffffff0d}.timeout-alert:hover{background:linear-gradient(135deg,#b464001f,#8c500012);border-color:#b464004d;box-shadow:inset 0 1px 1px #ffffff14,0 4px 12px #b464001a}.test-actions{display:flex;justify-content:center;gap:12px}.retry-btn{padding:12px 32px;background:linear-gradient(135deg,#641ec840,#46149626);color:#7d2ae8;border:2px solid rgba(100,30,200,.25);border-radius:14px;font-size:14px;font-weight:400;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 1px #ffffff0d,0 4px 12px #641ec81a;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-transform:uppercase;letter-spacing:.8px}.retry-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.retry-btn:hover:not(:disabled):before{left:100%}.retry-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#641ec866;box-shadow:inset 0 1px 1px #ffffff14,0 8px 20px #641ec833;background:linear-gradient(135deg,#641ec859,#46149640)}.retry-btn:active:not(:disabled){transform:translateY(-1px)}.retry-btn:disabled{background:linear-gradient(135deg,#4b556326,#2d374b1a);cursor:not-allowed;box-shadow:inset 0 1px 1px #ffffff08;border-color:#6b728026;color:#e0e0e066}@media(max-width:768px){.test-results-container{gap:16px}.test-results-header{flex-direction:column}.summary-badge{align-self:stretch}.test-stats{grid-template-columns:1fr}.header-title h2{font-size:22px}.test-details,.test-output,.test-error{padding:16px}.output-box,.error-box{font-size:12px;max-height:250px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:300;background:#000;color:#e0e0e0;min-height:100vh}.app-container{max-width:1400px;margin:0 auto;padding:32px 16px}.header{text-align:center;margin-bottom:40px;padding:64px 32px;border-radius:32px;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:2px solid rgba(100,30,200,.2);background:linear-gradient(135deg,#3c14781a,#501e960d);box-shadow:inset 0 1px 1px #ffffff1a,0 20px 60px #3c147833}.header h1{font-size:96px;font-weight:100;letter-spacing:8px;color:transparent;background:linear-gradient(135deg,#7d2ae8,#5a1fa0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 0 40px rgba(100,30,200,.3);filter:drop-shadow(0 0 30px rgba(100,30,200,.25));margin:0;animation:glassShine 3s ease-in-out infinite}@keyframes glassShine{0%,to{filter:drop-shadow(0 0 30px rgba(100,30,200,.25))}50%{filter:drop-shadow(0 0 50px rgba(100,30,200,.4))}}.form-container{background:linear-gradient(135deg,#3c14781a,#501e960d);padding:36px;border-radius:24px;box-shadow:inset 0 1px 1px #ffffff1a,0 10px 40px #0000004d;margin-bottom:32px;border:2px solid rgba(100,30,200,.15);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.form-container form{display:flex;flex-direction:column;gap:16px}.input-field{padding:16px 20px;border:2px solid rgba(100,30,200,.2);border-radius:16px;font-size:16px;font-weight:300;font-family:inherit;transition:all .4s cubic-bezier(.4,0,.2,1);background-color:#05050f66;color:#e0e0e0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-field::placeholder{color:#e0e0e066}.input-field:focus{outline:none;border-color:#7d2ae8;background-color:#05050f99;box-shadow:inset 0 0 0 1px #641ec833,0 0 0 8px #641ec826}.input-field:hover{border-color:#641ec859;background-color:#280f4633}.input-field:disabled{background-color:#4b556326;cursor:not-allowed;color:#e0e0e066}.submit-btn{padding:16px 36px;background:linear-gradient(135deg,#641ec84d,#46149633);color:#7d2ae8;border:2px solid rgba(100,30,200,.3);border-radius:16px;font-size:16px;font-weight:400;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 1px #ffffff1a,0 8px 25px #641ec833;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.submit-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(125,42,232,.2),transparent);transition:left .5s}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#641ec880;box-shadow:inset 0 1px 1px #ffffff26,0 12px 35px #641ec84d;background:linear-gradient(135deg,#641ec866,#4614964d)}.submit-btn:active:not(:disabled){transform:translateY(-1px)}.submit-btn:disabled{background:linear-gradient(135deg,#4b556333,#2d374b26);cursor:not-allowed;box-shadow:inset 0 1px 1px #ffffff0d;border-color:#6b728033}.error-alert{background:linear-gradient(135deg,#b41e1e1a,#9614140d);border:2px solid rgba(180,30,30,.3);border-radius:16px;padding:18px 24px;color:#ff6b6b;margin-bottom:24px;font-weight:400;box-shadow:inset 0 1px 1px #ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;background:linear-gradient(135deg,#3c147814,#501e960d);border-radius:24px;margin-top:24px;box-shadow:inset 0 1px 1px #ffffff0d,0 8px 32px #0000004d;border:2px solid rgba(100,30,200,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.spinner{width:56px;height:56px;border:3px solid rgba(100,30,200,.15);border-top:3px solid #7d2ae8;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:24px;box-shadow:0 0 20px #641ec833}@keyframes spin{to{transform:rotate(360deg)}}.loading p{color:#7d2ae8;font-size:16px;font-weight:400;letter-spacing:1px}.response-container{background:linear-gradient(135deg,#3c14781a,#501e960d);border-radius:24px;box-shadow:inset 0 1px 1px #ffffff0d,0 10px 50px #0000004d;overflow:hidden;border:2px solid rgba(100,30,200,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.tabs-header{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid rgba(100,30,200,.15);background:linear-gradient(90deg,#3c14781a,#501e960d);padding:8px;gap:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tabs{display:flex;flex:1;gap:8px}.tab-btn{flex:1;padding:14px 20px;border:2px solid rgba(100,30,200,.2);background:linear-gradient(135deg,#3c147814,#501e960a);cursor:pointer;font-size:14px;font-weight:400;color:#e0e0e099;border-radius:14px;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:8px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px 1px #ffffff0d}.tab-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(100,30,200,.15),transparent);transition:left .5s}.tab-btn:hover{color:#7d2ae8;background:linear-gradient(135deg,#3c14781f,#501e9614);border-color:#641ec84d;transform:translateY(-1px);box-shadow:inset 0 1px 1px #ffffff14,0 4px 12px #641ec826}.tab-btn:hover:before{left:100%}.tab-btn.active{color:#e0d5ff;background:linear-gradient(135deg,#641ec840,#46149626);border-color:#7d2ae8;box-shadow:inset 0 1px 1px #ffffff1a,0 0 20px #641ec833}.tabs-actions{padding:8px;display:flex;gap:12px}.execute-btn{padding:12px 28px;background:linear-gradient(135deg,#0078964d,#00648233);color:#00a8d4;border:2px solid rgba(0,120,150,.3);border-radius:14px;font-size:14px;font-weight:400;cursor:pointer;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 1px #ffffff0d,0 6px 16px #00789633;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.execute-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.execute-btn:hover:not(:disabled):before{left:100%}.execute-btn:hover:not(:disabled){transform:translateY(-2px);border-color:#00789680;box-shadow:inset 0 1px 1px #ffffff14,0 10px 25px #0078964d;background:linear-gradient(135deg,#00789666,#0064824d)}.execute-btn:active:not(:disabled){transform:translateY(-1px)}.execute-btn:disabled{background:linear-gradient(135deg,#4b556326,#2d374b1a);cursor:not-allowed;box-shadow:inset 0 1px 1px #ffffff08;border-color:#6b728026;color:#e0e0e066}.tab-content{padding:40px;animation:fadeIn .4s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state{display:flex;align-items:center;justify-content:center;padding:80px 24px;color:#e0e0e066;font-size:16px;font-weight:300;background:#280f4626;border-radius:20px;border:2px dashed rgba(100,30,200,.15)}@media(max-width:768px){.app-container{padding:16px 12px}.header{padding:32px 20px;margin-bottom:24px}.header h1{font-size:56px}.form-container,.tab-content{padding:24px}.tabs{flex-wrap:wrap}.tab-btn{flex:0 1 calc(50% - 4px);font-size:13px;padding:12px 16px}}