*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;overflow:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root,.app{height:100vh;width:100vw}.app{background-color:#0a0a0a;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif}.main-content{display:flex;flex:1 1;gap:24px;overflow:hidden;padding:24px}.navbar{background-color:#0a0a0a;border-bottom:1px solid #1f1f1f;height:60px;justify-content:space-between;padding:16px 32px}.navbar,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#fff;font-size:18px;font-weight:600;gap:8px}.logo-icon{color:#fff;font-size:20px;font-weight:700}.logo-text{font-weight:600;letter-spacing:-.5px}.navbar-credit{color:#fff;font-size:13px;font-weight:500}.left-panel-card{background-color:#0f0f0f;border:1px solid #1f1f1f;border-radius:6px;box-shadow:0 4px 6px #0000004d;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.controls-bar{align-items:center;background-color:#0a0a0a;border-bottom:1px solid #1f1f1f;display:flex;gap:12px;padding:20px 24px}.examples-dropdown{align-items:center;background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;color:#e0e0e0;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:8px 14px;position:relative;transition:all .2s}.examples-dropdown:hover{background-color:#252525;border-color:#333}.examples-menu{background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;box-shadow:0 4px 12px #00000080;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.example-item{border-bottom:1px solid #252525;color:#e0e0e0;cursor:pointer;font-size:12px;padding:10px 14px;transition:all .2s}.example-item:last-child{border-bottom:none}.example-item:hover{background-color:#252525;color:#fff}.url-input{background-color:#0f0f0f;border:1px solid #2a2a2a;border-radius:6px;color:#e0e0e0;flex:1 1;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;padding:8px 14px;transition:all .2s}.url-input:focus{background-color:#151515;border-color:#3b82f6;outline:none}.url-input::placeholder{color:#666}.fetch-button{background-color:#3b82f6;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 18px;transition:all .2s;white-space:nowrap}.fetch-button:hover:not(:disabled){background-color:#2563eb}.fetch-button:disabled{background-color:#1e3a8a;cursor:not-allowed;opacity:.6}.editor-container{background-color:#0f0f0f;display:flex;flex:1 1;overflow:hidden;position:relative}.line-numbers{background-color:#0a0a0a;border-right:1px solid #1a1a1a;color:#4a4a4a;font-family:SF Mono,Monaco,Menlo,Consolas,Courier New,monospace;font-size:13px;font-weight:400;line-height:1.6;min-width:48px;padding:20px 16px;text-align:right;-webkit-user-select:none;user-select:none}.line-number{height:22px}.schema-editor{background-color:#0f0f0f;border:none;color:#e0e0e0;flex:1 1;font-family:SF Mono,Monaco,Menlo,Consolas,Courier New,monospace;font-size:13px;font-weight:400;letter-spacing:.2px;line-height:1.6;outline:none;overflow-y:auto;padding:20px 24px;resize:none}.schema-editor::placeholder{color:#4a4a4a}.output-section{background-color:#0a0a0a;border-top:1px solid #1f1f1f;max-height:400px;overflow-y:auto;padding:20px 24px}.output-content{word-wrap:break-word;background-color:#0f0f0f;border:1px solid #1a1a1a;border-radius:6px;color:#e0e0e0;font-family:SF Mono,Monaco,Menlo,Consolas,Courier New,monospace;font-size:12px;font-weight:400;line-height:1.6;margin:0;overflow-x:auto;padding:20px;white-space:pre-wrap}.error-content{background-color:#1a0a0a;border-color:#7f1d1d;color:#ef4444}.output-content::-webkit-scrollbar,.output-section::-webkit-scrollbar,.schema-editor::-webkit-scrollbar{height:8px;width:8px}.output-content::-webkit-scrollbar-track,.output-section::-webkit-scrollbar-track,.schema-editor::-webkit-scrollbar-track{background:#0a0a0a}.output-content::-webkit-scrollbar-thumb,.output-section::-webkit-scrollbar-thumb,.schema-editor::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:4px}.output-content::-webkit-scrollbar-thumb:hover,.output-section::-webkit-scrollbar-thumb:hover,.schema-editor::-webkit-scrollbar-thumb:hover{background:#3a3a3a}.right-panel-card{background-color:#0f0f0f;border:1px solid #1f1f1f;border-radius:6px;box-shadow:0 4px 6px #0000004d;display:flex;flex:1 1;flex-direction:column;overflow:hidden}.screenshot-wrapper{background-color:#fafafa;flex:1 1;height:100%;overflow:auto;position:relative;width:100%}.webpage-iframe{background-color:#fff;border:none;height:100%;width:100%}.loading-state{align-items:center;background-color:#fafafa;bottom:0;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e0e0e0;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.loading-state p{color:#666;font-size:14px;font-weight:500;margin-top:16px}.error-state{color:#ef4444;padding:40px;text-align:center}.error-hint{color:#888;font-size:12px;margin-top:8px}.webpage-screenshot{background-color:#fff;display:block;height:auto;width:100%}.screenshot-wrapper::-webkit-scrollbar{height:12px;width:12px}.screenshot-wrapper::-webkit-scrollbar-track{background:#f0f0f0}.screenshot-wrapper::-webkit-scrollbar-thumb{background:silver;border-radius:6px}.screenshot-wrapper::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.toast{align-items:center;animation:slideIn .3s ease-out;background-color:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px;bottom:24px;box-shadow:0 4px 12px #00000080;display:flex;gap:10px;min-width:280px;padding:12px 18px;position:fixed;right:24px;z-index:1000}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.toast-message{color:#e0e0e0;flex:1 1;font-size:14px;font-weight:500}.toast-icon-spin{animation:spin 1s linear infinite;color:#3b82f6}@keyframes spin{to{transform:rotate(1turn)}}.toast-icon-success{color:#10b981}.toast-icon-error{color:#ef4444}.toast-success{background-color:#0a1f1a;border-color:#10b981}.toast-error{background-color:#1f0a0a;border-color:#ef4444}
/*# sourceMappingURL=main.e827fc90.css.map*/