*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;font-weight:400;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a2e)}#root{width:100%;min-height:100vh}.app{width:100%;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem}.header{text-align:center;margin-bottom:3rem;max-width:800px}.header h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:.75rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header p{color:#fff9;font-size:clamp(1rem,2vw,1.125rem);margin:0}.main{width:100%;max-width:700px;display:flex;flex-direction:column;gap:2rem}.media-request-form{background:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d}.form-group{margin-bottom:1.5rem}.label{display:block;margin-bottom:.75rem;font-weight:600;color:#ffffffe6;font-size:.95rem}.textarea{width:100%;padding:1rem;border-radius:12px;border:2px solid rgba(255,255,255,.1);background:#2a2a2a99;color:#fff;font-family:inherit;font-size:1rem;resize:vertical;transition:all .3s ease;min-height:120px}.textarea:focus{outline:none;border-color:#667eea;background:#2a2a2acc;box-shadow:0 0 0 3px #667eea1a}.textarea::placeholder{color:#fff6}.image-upload{margin-bottom:1.5rem}.file-input{display:block;margin-top:.5rem;padding:1rem;border:2px dashed rgba(255,255,255,.2);border-radius:12px;cursor:pointer;width:100%;background:#2a2a2a66;color:#fff9;transition:all .3s ease}.file-input:hover{border-color:#667eea;background:#667eea1a}.preview-container{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem;align-items:flex-start}.preview-image{max-width:100%;max-height:250px;border-radius:12px;display:block;border:2px solid rgba(255,255,255,.1)}.button-group{display:flex;gap:1rem;flex-wrap:wrap}.submit-button,.clear-button{padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem;flex:1;min-width:140px}.submit-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea80}.submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.clear-button{background:#333c;color:#ffffffe6;border:1px solid rgba(255,255,255,.1)}.clear-button:hover:not(:disabled){background:#444c;border-color:#fff3}.response-container{background:#1a1a1acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000004d;animation:slideIn .4s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.response-container.error{border-color:#e53e3e80;background:#e53e3e0d}.response-container.success{border-color:#48bb7880;background:#48bb780d}.response-container h3{margin-top:0;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700;color:#fffffff2}.result-section{margin-bottom:2rem}.result-section:last-child{margin-bottom:0}.result-section h4{margin-bottom:.75rem;color:#ffffff80;font-size:.85rem;text-transform:uppercase;letter-spacing:1px;font-weight:600}.model-value,.type-value{font-size:1.3rem;font-weight:700;color:#667eea;padding:.5rem 1rem;background:#667eea1a;border-radius:8px;display:inline-block}.arguments{background:#2a2a2a99;padding:1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.05)}.argument-row{display:flex;gap:1rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.05);flex-wrap:wrap}.argument-row:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.argument-key{font-weight:600;color:#fff9;min-width:120px;font-size:.9rem}.argument-value{color:#ffffffe6;word-break:break-word;flex:1;font-family:Monaco,Courier New,monospace;font-size:.9rem}@media(max-width:768px){.app{padding:1rem .75rem}.header{margin-bottom:2rem}.media-request-form,.response-container{padding:1.5rem}.button-group{flex-direction:column}.submit-button,.clear-button{width:100%}.argument-row{flex-direction:column;gap:.5rem}.argument-key{min-width:auto}}