:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{color:#111827;background:#f3f4f6;margin:0;padding:0;font-family:Inter,Arial,sans-serif}main{min-height:100vh;padding:2rem 1rem}.container{background:#fff;border-radius:16px;max-width:1080px;margin:0 auto;padding:1rem;box-shadow:0 10px 35px #00000014}h1{margin:0 0 .5rem;font-size:1.6rem}p{margin:0}.controls{grid-template-columns:1fr auto auto;gap:.5rem;margin-top:1rem;display:grid}input[type=url]{border:1px solid #d1d5db;border-radius:10px;width:100%;padding:.7rem .85rem;font-size:.95rem}button{cursor:pointer;border:0;border-radius:10px;padding:.65rem .85rem;font-weight:600}button.primary{color:#fff;background:#2563eb}button.secondary{color:#111827;background:#e5e7eb}button:disabled{opacity:.55;cursor:not-allowed}.meta{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.75rem;display:flex}.url-pill{color:#1e3a8a;text-overflow:ellipsis;white-space:nowrap;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;max-width:100%;padding:.25rem .65rem;overflow:hidden}.error{color:#b91c1c;margin-top:.75rem;font-size:.9rem}.frame-wrap{background:#fff;border:1px solid #e5e7eb;border-radius:12px;margin-top:1rem;overflow:hidden}iframe{border:0;width:100%;height:70vh;display:block}.loading{color:#374151;background:#f9fafb;border-bottom:1px solid #e5e7eb;padding:.75rem;font-size:.9rem}.history{margin-top:1rem}.history-list{gap:.35rem;margin:.5rem 0 0;padding:0;list-style:none;display:grid}.history-list button{text-align:left;color:#111827;background:#f9fafb;border:1px solid #e5e7eb;width:100%;font-weight:500}@media (max-width:800px){.controls{grid-template-columns:1fr}iframe{height:60vh}}