.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 .intro-section{margin-bottom:.5rem}.hateoas-explorer .intro-section p{margin:0;color:var(--sl-color-text, #1e293b);line-height:1.6}.hateoas-explorer .controls-section{display:flex;flex-direction:column;gap:1rem}.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:var(--sl-color-white, #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 .tabs-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 .tabs-header{display:flex;border-bottom:1px solid var(--sl-color-hairline, #e5e7eb);background:var(--sl-color-bg-nav, var(--sl-color-bg, #fff))}.hateoas-explorer .tab-button{flex:1;padding:.75rem 1.25rem;background:none;border:none;border-bottom:2px solid transparent;color:var(--sl-color-text, #1e293b);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s;font-family:inherit}.hateoas-explorer .tab-button:hover:not(:disabled){background:var(--sl-color-bg-sidebar, var(--sl-color-bg-nav, var(--sl-color-bg, #fff)));color:var(--sl-color-accent, #4f46e5)}.hateoas-explorer .tab-button.active{color:var(--sl-color-accent, #4f46e5);border-bottom-color:var(--sl-color-accent, #4f46e5);font-weight:600}.hateoas-explorer .tab-button:disabled{opacity:.5;cursor:not-allowed}.hateoas-explorer .tabs-content{padding:1.25rem}.hateoas-explorer .links-section,.hateoas-explorer .json-section,.hateoas-explorer .data-section{background:transparent;border:none;padding:0}.hateoas-explorer .data-section-title{margin-top:1.5rem;margin-bottom:.75rem;color:var(--sl-color-text, #1e293b);font-size:var(--sl-text-h4, 1rem);font-weight:600}.hateoas-explorer .data-section-title:first-of-type{margin-top:0}.hateoas-explorer .data-divider{margin:1.5rem 0;border:none;border-top:1px solid var(--sl-color-hairline, #e5e7eb)}.hateoas-explorer .resource-attributes{margin-bottom:1rem}.hateoas-explorer .attribute-list{display:grid;grid-template-columns:auto 1fr;gap:.5rem 1.5rem;margin:0;padding:0}.hateoas-explorer .attribute-list dt{font-weight:600;color:var(--sl-color-text, #1e293b);font-size:.875rem;margin:0}.hateoas-explorer .attribute-list dd{margin:0;color:var(--sl-color-text, #1e293b);font-size:.875rem;font-family:var(--sl-font-mono, ui-monospace, "Courier New", monospace);word-break:break-word}.hateoas-explorer .data-empty{padding:2rem;text-align:center;color:var(--sl-color-text, #1e293b);font-size:.875rem}.hateoas-explorer .links-subsection-title{margin-top:1.5rem;margin-bottom:.75rem;color:var(--sl-color-text, #1e293b);font-size:var(--sl-text-h4, 1rem);font-weight:600}.hateoas-explorer .links-subsection-title:first-of-type{margin-top:0}.hateoas-explorer .links-divider{margin:1.5rem 0;border:none;border-top:1px solid var(--sl-color-hairline, #e5e7eb)}.hateoas-explorer .links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.hateoas-explorer .collection-items-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.hateoas-explorer .collection-items-list li{margin:0;padding:0}.hateoas-explorer .collection-item-link{color:var(--sl-color-accent, #4f46e5);text-decoration:underline;font-size:.875rem;font-family:var(--sl-font-mono, ui-monospace, "Courier New", monospace);cursor:pointer;transition:color .15s}.hateoas-explorer .collection-item-link:hover{color:var(--sl-color-accent-high, #4338ca)}.hateoas-explorer .link-card{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);padding:1rem;cursor:pointer;transition:border-color .15s,background-color .15s;display:flex;flex-direction:column;gap:.75rem}.hateoas-explorer .link-card:hover{border-color:var(--sl-color-accent, #4f46e5);background:var(--sl-color-bg-sidebar, var(--sl-color-bg-nav, var(--sl-color-bg, #fff)))}.hateoas-explorer .link-header{display:flex;flex-direction:column;gap:.5rem}.hateoas-explorer .link-rel{font-weight:600;color:var(--sl-color-accent, #4f46e5);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.hateoas-explorer .link-href{font-size:.8125rem;font-family:var(--sl-font-mono, ui-monospace, "Courier New", monospace);color:var(--sl-color-text, #1e293b);word-break:break-all;line-height:1.4}.hateoas-explorer .link-loading{font-size:.8125rem;color:var(--sl-color-accent, #4f46e5);font-style:italic;padding:.5rem;background:var(--sl-color-accent-low, #f0f4ff);border-radius:var(--sl-border-radius, .5rem)}.hateoas-explorer .link-error{font-size:.8125rem;color:var(--sl-color-red, #dc2626);padding:.5rem;background:var(--sl-color-red-low, #fef2f2);border-radius:var(--sl-border-radius, .5rem)}.hateoas-explorer .link-data-name{font-size:.9375rem;font-weight:600;color:var(--sl-color-text, #1e293b);margin-top:.25rem}.hateoas-explorer .link-data{margin-top:.5rem;padding-top:.75rem;border-top:1px solid var(--sl-color-hairline, #e5e7eb);display:flex;flex-direction:column;gap:.5rem}.hateoas-explorer .link-data-id{font-size:.8125rem;color:var(--sl-color-text, #1e293b);font-family:var(--sl-font-mono, ui-monospace, "Courier New", monospace)}.hateoas-explorer .link-data-description{font-size:.875rem;color:var(--sl-color-text, #1e293b);line-height:1.5}.hateoas-explorer .link-data-meta{display:flex;gap:.5rem;flex-wrap:wrap}.hateoas-explorer .link-data-type,.hateoas-explorer .link-data-status{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--sl-border-radius, .5rem);background:var(--sl-color-accent-low, #f0f4ff);color:var(--sl-color-accent, #4f46e5);font-weight:500}.hateoas-explorer .link-data-status{background:var(--sl-color-green-low, #f0fdf4);color:var(--sl-color-green, #16a34a)}.hateoas-explorer .link-data-other{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.hateoas-explorer .link-data-field{font-size:.75rem;color:var(--sl-color-text, #1e293b);display:flex;gap:.5rem}.hateoas-explorer .link-data-field-key{font-weight:500;color:var(--sl-color-text, #1e293b)}.hateoas-explorer .link-data-field-value{color:var(--sl-color-text, #1e293b);word-break:break-word;flex:1}.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}.hateoas-explorer .welcome-message{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);padding:2rem;text-align:center;color:var(--sl-color-text, #1e293b)}.hateoas-explorer .welcome-message p{font-size:1rem;line-height:1.6}@media(max-width:768px){.hateoas-explorer .form-row{flex-direction:column}.hateoas-explorer .form-group{min-width:100%}.hateoas-explorer .submit-button{width:100%}.hateoas-explorer .links-grid{grid-template-columns:1fr}}