:root{--ink:#173253;--blue:#1765ce;--line:#dce5f0;--muted:#75869a}body{margin:0;background:#f4f7fb;color:var(--ink);font-family:Inter,Segoe UI,Arial,sans-serif;font-size:13px}.topbar{height:70px;background:white;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 28px}.brand-mark{background:var(--blue);color:white;padding:10px;border-radius:10px;font-weight:800}.topbar strong{font-size:17px}.topbar small{display:block;letter-spacing:2px;font-size:9px;color:var(--muted)}.environment{background:#edf4ff;color:var(--blue);margin-left:20px}.workspace{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:calc(100vh - 70px)}.usecase-sidebar{background:white;border-right:1px solid var(--line);padding:26px 18px;display:flex;flex-direction:column}.sidebar-heading small,.page-heading small{color:var(--muted);font-size:10px;letter-spacing:1.7px;font-weight:700}.sidebar-heading h2{font-size:19px;margin:8px 0 20px}.sidebar-heading .badge{font-size:10px}.case-list{flex:1}.case-item{display:block;width:100%;text-align:left;border:1px solid transparent;border-radius:8px;padding:12px;margin-bottom:5px;background:white;color:var(--ink)}.case-item strong{display:block;overflow-wrap:anywhere}.case-item span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.case-item:hover,.case-item.selected{background:#edf5ff;border-color:#d7e8ff}.case-item.selected{border-left:3px solid var(--blue)}.sidebar-note{font-size:11px;color:var(--muted);padding-top:30px;line-height:1.9}.workbench{padding:25px 30px;max-width:1600px;width:100%;margin:auto}.page-heading h1{font-size:27px;font-weight:650;margin:5px 0}.page-heading p{color:var(--muted);margin-bottom:22px}.feature-tabs{gap:5px;border:0;margin-bottom:16px}.feature-tabs .nav-link{border:0;border-radius:7px;color:#697e99;padding:9px 18px;font-weight:600}.feature-tabs .nav-link.active{background:var(--blue);color:white;box-shadow:0 3px 9px #1765ce22}.card{border:1px solid var(--line);border-radius:10px;box-shadow:0 3px 12px #17325304;overflow:hidden}.panel-heading{padding:13px 18px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.step{display:inline-block;color:var(--blue);background:#edf4ff;padding:3px 6px;border-radius:4px;margin-right:10px;font-size:10px}.form-label{font-size:11px;font-weight:650;margin-bottom:5px}.parameter-type{color:var(--muted);font-weight:400;font-size:10px;margin-left:7px}.form-control,.form-select{border-color:var(--line);color:var(--ink)}.parameter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.json-editor{font:11px/1.65 Consolas,monospace;background:#f8faff;resize:vertical;min-height:90px}.card-footer{background:#fcfdff;border-color:var(--line);padding:12px 18px}.btn-primary{background:var(--blue);border-color:var(--blue)}.results-panel{margin-top:18px;min-height:300px}.results-panel>.card-body{max-height:650px;overflow:auto}.empty-results{text-align:center;padding:42px 20px;color:var(--muted)}.empty-results>span{font-size:30px;color:#85a8d7}.empty-results h3{font-size:16px;color:var(--ink);margin-top:10px}.empty-library{color:var(--muted);padding:25px 8px;font-size:12px;line-height:1.8}.result-fields{margin:0}.result-fields>div{display:grid;grid-template-columns:150px minmax(0,1fr);border-bottom:1px solid #edf1f6;padding:7px 0;gap:10px}.result-fields dt{font-size:11px;color:#637b98;font-weight:600}.result-fields dd{margin:0;overflow-wrap:anywhere}.result-list{padding-left:22px;margin:0}.result-list>li{padding:5px 0}.result-value{white-space:pre-wrap}.raw-result{background:#f4f7fb;border-radius:7px;padding:15px;margin-top:10px;font-size:11px}.feature-help{font-size:11px;color:#6b7f98}.feature-help p{margin-top:10px}.login-panel{position:absolute;right:28px;top:62px;width:330px;padding:18px;z-index:20;gap:8px}summary{cursor:pointer;color:var(--blue)}#blazor-error-ui{display:none;position:fixed;bottom:0;width:100%;padding:15px;background:#fff5ce;z-index:100}@media(min-width:1400px){.input-panel{min-height:390px}.results-panel{min-height:390px}}@media(max-width:900px){.workspace{grid-template-columns:190px minmax(0,1fr)}.workbench{padding:20px 16px}.parameter-grid{grid-template-columns:1fr}.feature-tabs .nav-link{padding:8px 10px}.environment{display:none}.result-fields>div{grid-template-columns:105px minmax(0,1fr)}}@media(max-width:600px){.workspace{grid-template-columns:1fr}.usecase-sidebar{border-right:0;border-bottom:1px solid var(--line);padding:15px}.case-list{max-height:180px;overflow:auto}.sidebar-note{display:none}.topbar{padding:0 15px}.page-heading h1{font-size:23px}.login-panel{right:10px;max-width:calc(100vw - 20px)}}
:root .input-panel>.card-body{max-height:36vh;overflow:auto}:root .results-panel{min-height:32vh}:root .results-panel>.card-body{max-height:36vh}:root .workbench{margin-top:0}:root .json-editor{min-height:65px}:root .page-heading p{margin-bottom:14px}@media(max-width:600px){:root .input-panel>.card-body{max-height:none}:root .results-panel>.card-body{max-height:none}}
.code-panel{margin-top:18px}.code-panel summary.panel-heading{display:list-item;list-style-position:inside;color:var(--ink)}.code-panel summary>.small{float:right}.code-panel .nav-link{font-size:12px;padding:7px 12px;color:var(--blue)}.code-panel .nav-link.active{color:white;background:var(--blue)}.usage-code{background:#f6f9fe;border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:8px;color:#193854;padding:18px;font:12px/1.65 Consolas,monospace;max-height:min(520px,55vh);overflow:auto;tab-size:4;margin:0}.usage-code:focus-visible{outline:2px solid var(--blue);outline-offset:2px}@media(max-width:600px){.code-panel summary>.small{float:none;display:block;margin:8px 0 0 26px}.usage-code{font-size:11px}}