:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#111827;background:#f3f4f6}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}.page{display:flex;flex-direction:column;gap:16px;min-height:100vh;padding:32px}.target-frame{display:block;width:100%;min-height:400px;height:calc(100vh - 176px);border:32px solid #9ca3af;background:#fff}.url-form{width:100%}.url-form label{display:block;margin-bottom:6px;font-weight:600}.url-controls{display:flex;gap:8px}.url-controls input{min-width:0;flex:1;padding:10px 12px;border:1px solid #9ca3af;border-radius:4px;font:inherit}.url-controls button{padding:10px 16px;border:0;border-radius:4px;background:#1f2937;color:#fff;font:inherit;cursor:pointer}.error{margin:6px 0 0;color:#b91c1c}@media (max-width: 600px){.page{padding:16px}.target-frame{height:calc(100vh - 192px);border-width:16px}.url-controls{flex-direction:column}}