.header{text-align:center;padding:1rem 0}.header__title{font-size:2rem;font-weight:700;color:var(--color-gray-900);margin-bottom:.5rem}.header__subtitle{font-size:1rem;color:var(--color-gray-600)}@media(max-width:639px){.header__title{font-size:1.5rem}.header__subtitle{font-size:.875rem}}.url-input-container{width:100%}.url-input{display:flex;gap:.75rem}.url-input__field-wrapper{flex:1;position:relative;display:flex;align-items:center}.url-input__icon{position:absolute;left:.875rem;color:var(--color-gray-400);pointer-events:none;display:flex}.url-input__field{width:100%;padding:.75rem .875rem .75rem 2.75rem;font-size:1rem;border:2px solid var(--color-gray-200);border-radius:var(--border-radius);background-color:var(--color-white);color:var(--color-gray-900);transition:border-color .15s ease,box-shadow .15s ease}.url-input__field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.url-input__field::placeholder{color:var(--color-gray-400)}.url-input__field--error{border-color:var(--color-error)}.url-input__field--error:focus{border-color:var(--color-error);box-shadow:0 0 0 3px #dc26261a}.url-input__button{padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.url-input__button:hover{background-color:var(--color-primary-hover)}.url-input__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.url-input__error{margin-top:.5rem;font-size:.875rem;color:var(--color-error)}@media(max-width:639px){.url-input{flex-direction:column}.url-input__button{width:100%}}.endpoint-selector{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.endpoint-selector__option{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem 1rem;background-color:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--border-radius);cursor:pointer;transition:all .15s ease;text-align:center}.endpoint-selector__option:hover{border-color:var(--color-gray-300);background-color:var(--color-gray-50)}.endpoint-selector__option:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.endpoint-selector__option--selected,.endpoint-selector__option--selected:hover{border-color:var(--color-primary);background-color:#eff6ff}.endpoint-selector__icon{color:var(--color-gray-500)}.endpoint-selector__option--selected .endpoint-selector__icon{color:var(--color-primary)}.endpoint-selector__label{font-size:.9375rem;font-weight:600;color:var(--color-gray-900)}.endpoint-selector__description{font-size:.75rem;color:var(--color-gray-500)}@media(max-width:639px){.endpoint-selector{grid-template-columns:1fr}.endpoint-selector__option{flex-direction:row;text-align:left;gap:.75rem;padding:1rem}.endpoint-selector__icon{flex-shrink:0}.endpoint-selector__label{flex:1}.endpoint-selector__description{display:none}}.loading-view{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:3rem 1rem}.loading-view__spinner{width:48px;height:48px}.loading-view__spinner-ring{width:100%;height:100%;border:3px solid var(--color-gray-200);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-view__text{font-size:1.125rem;font-weight:500;color:var(--color-gray-700)}.loading-view__url{font-size:.875rem;color:var(--color-gray-500);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.json-viewer{overflow:auto;max-height:500px}.json-viewer__content{margin:0;padding:1rem;font-family:SF Mono,Menlo,Monaco,Consolas,monospace;font-size:.8125rem;line-height:1.6;color:var(--color-gray-700);background-color:var(--color-gray-50);white-space:pre-wrap;word-break:break-word}.json-viewer__key{color:#0550ae}.json-viewer__string{color:#0a3069}.json-viewer__number{color:#0550ae}.json-viewer__boolean{color:#cf222e}.json-viewer__null{color:var(--color-gray-500)}.result-view{width:100%;max-width:800px;display:flex;flex-direction:column;gap:1rem}.result-view__card{background-color:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--border-radius);box-shadow:var(--shadow);overflow:hidden}.result-view__header{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-bottom:1px solid var(--color-gray-200);background-color:var(--color-success-bg)}.result-view__success{display:flex;align-items:center;gap:.5rem}.result-view__success-icon{color:var(--color-success);display:flex}.result-view__summary{font-size:.9375rem;font-weight:500;color:var(--color-gray-700)}.result-view__copy-button{display:flex;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-gray-600);background-color:var(--color-white);border:1px solid var(--color-gray-300);border-radius:6px;cursor:pointer;transition:background-color .15s ease}.result-view__copy-button:hover{background-color:var(--color-gray-50)}.result-view__copy-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.result-view__scrape-another{align-self:center;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;color:var(--color-white);background-color:var(--color-primary);border:none;border-radius:var(--border-radius);cursor:pointer;transition:background-color .15s ease}.result-view__scrape-another:hover{background-color:var(--color-primary-hover)}.result-view__scrape-another:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media(max-width:639px){.result-view__header{flex-direction:column;gap:.75rem;align-items:flex-start}.result-view__copy-button{width:100%;justify-content:center}}.error-view{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;max-width:500px;text-align:center}.error-view__icon{color:var(--color-error)}.error-view__title{font-size:1.25rem;font-weight:600;color:var(--color-gray-900)}.error-view__message{font-size:1rem;color:var(--color-gray-600)}.error-view__raw-response{width:100%;max-height:200px;overflow:auto;margin-top:.5rem}.error-view__actions{display:flex;gap:.75rem;margin-top:.5rem}.error-view__button{padding:.625rem 1.25rem;font-size:.9375rem;font-weight:500;border-radius:var(--border-radius);cursor:pointer;transition:background-color .15s ease}.error-view__button--primary{color:var(--color-white);background-color:var(--color-primary);border:none}.error-view__button--primary:hover{background-color:var(--color-primary-hover)}.error-view__button--secondary{color:var(--color-gray-700);background-color:var(--color-white);border:1px solid var(--color-gray-300)}.error-view__button--secondary:hover{background-color:var(--color-gray-50)}.error-view__button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-error: #dc2626;--color-error-bg: #fef2f2;--color-success: #16a34a;--color-success-bg: #f0fdf4;--color-gray-900: #111827;--color-gray-700: #374151;--color-gray-600: #4b5563;--color-gray-500: #6b7280;--color-gray-400: #9ca3af;--color-gray-300: #d1d5db;--color-gray-200: #e5e7eb;--color-gray-100: #f3f4f6;--color-gray-50: #f9fafb;--color-white: #ffffff;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--border-radius: 8px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-gray-50);color:var(--color-gray-900);line-height:1.5;-webkit-font-smoothing:antialiased}.app{min-height:100vh;display:flex;flex-direction:column}.app__container{max-width:900px;width:100%;margin:0 auto;padding:2rem 1rem;flex:1;display:flex;flex-direction:column}.app__main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2rem}.app__form{width:100%;max-width:600px;display:flex;flex-direction:column;gap:1.5rem}.app__footer{margin-top:auto;padding-top:2rem;text-align:center}.app__footer-text{color:var(--color-gray-500);font-size:.875rem}@media(max-width:639px){.app__container{padding:1rem}.app__main{padding-top:1rem}}