.hateoas-explorer{box-sizing:border-box}.hateoas-explorer *,.hateoas-explorer *:before,.hateoas-explorer *:after{box-sizing:border-box}.hateoas-explorer .app{display:flex;flex-direction:column;gap:1.5rem}.hateoas-explorer .controls-section{display:flex;flex-direction:column;gap:1rem}.hateoas-explorer .auth-section{background:var(--sl-color-bg-nav, var(--sl-color-bg, #fff));border:1px solid var(--sl-color-hairline, #e5e7eb);border-radius:var(--sl-border-radius, .5rem);overflow:hidden}.hateoas-explorer .auth-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background:none;border:none;border-bottom:1px solid var(--sl-color-hairline, #e5e7eb);cursor:pointer;transition:all .15s;font-family:inherit;text-align:left}.hateoas-explorer .auth-toggle:hover{background:var(--sl-color-bg-sidebar, var(--sl-color-bg-nav, var(--sl-color-bg, #fff)))}.hateoas-explorer .auth-toggle-label{font-weight:500;color:var(--sl-color-text, #1e293b);font-size:.875rem}.hateoas-explorer .auth-toggle-icon{color:var(--sl-color-accent, #4f46e5);font-size:.75rem;transition:transform .15s}.hateoas-explorer .auth-welcome-message{padding:1.25rem;text-align:center;color:var(--sl-color-text, #1e293b);font-size:.875rem;border-bottom:1px solid var(--sl-color-hairline, #e5e7eb)}.hateoas-explorer .auth-welcome-message p{margin:0;line-height:1.6}.hateoas-explorer .auth-section .control-form{padding:1.25rem}.hateoas-explorer .current-url-display{background:var(--sl-color-accent-low, #f0f4ff);border:1px solid var(--sl-color-hairline, #e5e7eb);border-radius:var(--sl-border-radius, .5rem);padding:.75rem 1rem;display:flex;align-items:center;gap:.75rem}.hateoas-explorer .current-url-label{font-size:.875rem;font-weight:600;color:var(--sl-color-accent, #4f46e5);white-space:nowrap}.hateoas-explorer .current-url-value{font-size:.875rem;font-family:var(--sl-font-mono, ui-monospace, "Courier New", monospace);color:var(--sl-color-text, #1e293b);word-break:break-all;flex:1;text-align:left}.hateoas-explorer .control-form{display:flex;flex-direction:column;gap:1rem}.hateoas-explorer .form-row{display:flex;gap:1rem;align-items:flex-end;flex-wrap:wrap}.hateoas-explorer .form-group{display:flex;flex-direction:column;gap:.5rem;flex:1;min-width:200px}.hateoas-explorer .form-group label{font-weight:500;color:var(--sl-color-text, #1e293b);font-size:.875rem}.hateoas-explorer .input-field{padding:.5rem .75rem;border:1px solid var(--sl-color-hairline, #e5e7eb);border-radius:var(--sl-border-radius, .5rem);font-size:.875rem;background:var(--sl-color-bg, #fff);color:var(--sl-color-text, #1e293b);transition:border-color .15s;width:100%}.hateoas-explorer .input-field:focus{outline:none;border-color:var(--sl-color-accent, #4f46e5);box-shadow:0 0 0 3px var(--sl-color-accent-low, rgba(79, 70, 229, .1))}.hateoas-explorer .submit-button{padding:.5rem 1.25rem;background:var(--sl-color-accent, #4f46e5);color:#fff;border:none;border-radius:var(--sl-border-radius, .5rem);font-size:.875rem;font-weight:500;cursor:pointer;transition:background-color .15s,opacity .15s;white-space:nowrap;height:fit-content}.hateoas-explorer .submit-button:hover:not(:disabled){background:var(--sl-color-accent-high, #4338ca)}.hateoas-explorer .submit-button:disabled{opacity:.5;cursor:not-allowed}.hateoas-explorer .breadcrumb-section{margin-top:.5rem}.hateoas-explorer .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.25rem;font-size:.875rem;color:var(--sl-color-text, #1e293b)}.hateoas-explorer .breadcrumb-separator{color:var(--sl-color-text, #1e293b);margin:0 .25rem}.hateoas-explorer .breadcrumb-link{background:none;border:none;padding:0;color:var(--sl-color-accent, #4f46e5);text-decoration:underline;cursor:pointer;font-size:.875rem;font-family:inherit}.hateoas-explorer .breadcrumb-link:hover{color:var(--sl-color-accent-high, #4338ca)}.hateoas-explorer .breadcrumb-current{color:var(--sl-color-text, #1e293b);font-weight:500}.hateoas-explorer .json-section{background:transparent;border:none;padding:0}.hateoas-explorer .json-display{background:var(--sl-color-gray-5, #1e293b);color:var(--sl-color-gray-1, #f8fafc);padding:1.25rem;border-radius:var(--sl-border-radius, .5rem);overflow-x:auto;font-family:var(--sl-font-mono, ui-monospace, "Courier New", monospace);font-size:.875rem;line-height:1.6;max-height:600px;overflow-y:auto}.hateoas-explorer .json-link{color:var(--sl-color-accent, #818cf8);text-decoration:underline;cursor:pointer;transition:color .15s}.hateoas-explorer .json-link:hover{color:var(--sl-color-accent-high, #6366f1);text-decoration:underline}.hateoas-explorer .error-message{background:var(--sl-color-red-low, #fef2f2);border:1px solid var(--sl-color-red, #dc2626);color:var(--sl-color-red, #dc2626);padding:1rem;border-radius:var(--sl-border-radius, .5rem);margin-bottom:1rem}.hateoas-explorer .loading-message{text-align:center;padding:2rem;color:var(--sl-color-text, #1e293b);font-size:1rem}@media(max-width:768px){.hateoas-explorer .form-row{flex-direction:column}.hateoas-explorer .form-group{min-width:100%}.hateoas-explorer .submit-button{width:100%}}