:root{--bg:#eef3ef;--panel:#ffffffe0;--panel-strong:#fff;--border:#11182714;--text:#142013;--muted:#5d6c5a;--accent:#0d7c66;--accent-soft:#0d7c661f;--danger:#b42318;--shadow:0 18px 45px #10182814;--radius:24px;font-family:Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #0d7c6633, transparent 28%), radial-gradient(circle at bottom right, #f3b24c42, transparent 24%), var(--bg);min-height:100%;color:var(--text);margin:0}body{min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{min-height:100vh;padding:clamp(16px,2vw,28px)}.auth-wrap,.app-shell,.workspace{width:min(1560px,100%);margin:0 auto}.workspace{gap:18px;display:grid}.home-hero{padding:28px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.home-card{text-align:left;padding:22px}.auth-card,.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.auth-card{max-width:460px;margin:8vh auto 0;padding:32px}.eyebrow{background:var(--accent-soft);color:var(--accent);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:700;display:inline-flex}.title{margin:18px 0 10px;font-size:clamp(2rem,4vw,3.8rem);line-height:.95}.subtitle{color:var(--muted);margin:0 0 26px;line-height:1.5}.stack{gap:14px;display:grid}.field{gap:8px;display:grid}.label{font-size:14px;font-weight:700}.input,.textarea,.select{width:100%;color:var(--text);background:#fffffff5;border:1px solid #1118271a;border-radius:16px;outline:none;padding:14px 16px}.textarea{resize:vertical;min-height:170px}.input:focus,.textarea:focus,.select:focus{border-color:#0d7c6673;box-shadow:0 0 0 4px #0d7c661f}.button-row{flex-wrap:wrap;gap:10px;display:flex}.button,.ghost-button,.danger-button{border:0;border-radius:16px;padding:13px 18px;transition:transform .16s,opacity .16s,background .16s}.button:hover,.ghost-button:hover,.danger-button:hover{transform:translateY(-1px)}.button{background:var(--accent);color:#fff;font-weight:700}.ghost-button{color:var(--text);background:#1118270f}.danger-button{color:var(--danger);background:#b423181a;font-weight:700}.helper-text,.empty-state,.meta,.pill{color:var(--muted)}.json-error-card{background:#b423180f;border:1px solid #b4231824;border-radius:18px;padding:14px}.json-error-meta{color:var(--danger);margin-bottom:10px;font-size:13px;font-weight:700}.json-error-preview{white-space:pre;grid-template-columns:36px minmax(0,1fr);gap:0 12px;margin:0;font-family:SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.6;display:grid;overflow:auto}.json-error-line-number{color:#b42318b3;text-align:right}.json-error-line-text{color:var(--text)}.json-error-focus{color:var(--danger);background:#b4231824;border-radius:4px}.json-error-pointer{color:var(--danger);font-weight:700}.error{color:var(--danger);font-size:14px}.success{color:var(--accent);font-size:14px}.app-shell{grid-template-columns:minmax(320px,400px) minmax(0,1fr);gap:18px;display:grid}.panel{overflow:hidden}.sidebar,.main-panel{gap:18px;padding:20px;display:grid}.sidebar{align-content:start}.topbar{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}.tool-header{justify-content:space-between;align-items:center;gap:24px;display:flex}.tool-header-panel{z-index:10;padding:18px 20px;position:relative;overflow:visible}.tool-actions{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}.tool-actions.stretch{flex:1}.nav-tools{justify-content:flex-end;align-items:center}.tab-button{color:var(--text);background:#ffffffbf;border:1px solid #11182714;border-radius:999px;padding:12px 18px;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s,box-shadow .16s}.tab-button:hover{background:#ffffffeb;border-color:#0d7c662e;transform:translateY(-1px)}.tab-button:focus-visible,.tool-dropdown-item:focus-visible{outline:none;box-shadow:0 0 0 4px #0d7c661f}.tab-button.active{background:var(--accent);color:#fff;border-color:#0000}.tool-dropdown{flex:none;position:relative}.tool-dropdown-trigger{justify-content:center;align-items:center;gap:10px;min-width:130px;display:inline-flex}.tool-dropdown-caret{font-size:11px;transition:transform .16s}.tool-dropdown.open .tool-dropdown-caret{transform:rotate(180deg)}.tool-dropdown-menu{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#fffffffa,#f4faf7f7);border:1px solid #0d7c661f;border-radius:22px;gap:8px;min-width:360px;max-width:min(420px,100vw - 40px);padding:12px;display:none;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 24px 48px #10182824}.tool-dropdown.open .tool-dropdown-menu{display:grid}.tool-dropdown-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:18px;gap:4px;width:100%;padding:14px 16px;transition:background .16s,border-color .16s,transform .16s;display:grid}.tool-dropdown-item strong{color:var(--text);font-size:16px}.tool-dropdown-item span{color:var(--muted);font-size:13px;line-height:1.45}.tool-dropdown-item:hover,.tool-dropdown-item:focus-visible{background:#0d7c6612;border-color:#0d7c6624;transform:translateY(-1px)}.tool-dropdown-item.active{background:#0d7c661a;border-color:#0d7c6633}.tool-dropdown-item.active strong{color:var(--accent)}.small-title{margin:0;font-size:24px}.card-title{margin:0 0 8px;font-size:18px}.endpoint-url{width:100%;color:var(--text);word-break:break-all;background:#1118270d;border-radius:16px;padding:12px 14px;display:block}.hit-list{gap:10px;max-height:calc(100vh - 340px);padding-right:4px;display:grid;overflow:auto}.hit-item{text-align:left;background:#fffffff2;border:1px solid #11182714;border-radius:18px;padding:14px}.hit-item.static{cursor:default}.hit-item.active{background:#0d7c6614;border-color:#0d7c6659}.method{background:#11182714;border-radius:999px;justify-content:center;align-items:center;min-width:54px;padding:5px 10px;font-size:12px;font-weight:800;display:inline-flex}.method.get{color:#1d4ed8;background:#3b82f61f}.method.post{color:#0d7c66;background:#0d7c6626}.method.put,.method.patch{color:#b45309;background:#f59e0b26}.method.delete{color:var(--danger);background:#b423181f}.method.other{color:#374151;background:#6b72801f}.hit-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.path{word-break:break-all;margin:0;font-weight:700}.link-url{color:var(--accent);overflow-wrap:anywhere;word-break:break-word;white-space:normal;font-weight:700;text-decoration:none;display:block}.link-url:hover{text-decoration:underline}.detail-grid{gap:18px;display:grid}.split-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-block{background:var(--panel-strong);border:1px solid #11182714;border-radius:20px;padding:18px}.code{white-space:pre-wrap;word-break:break-word;margin:0;font-family:SFMono-Regular,Menlo,monospace;font-size:13px;line-height:1.55}.pill-row{flex-wrap:wrap;gap:10px;display:flex}.pill{background:#1118270f;border-radius:999px;padding:8px 10px;font-size:13px}.status-green{color:#0d7c66;background:#0d7c6626}.status-amber{color:#b45309;background:#f59e0b26}.status-red{color:var(--danger);background:#b423181f}.redirect-list{gap:14px;display:grid}.redirect-step{background:#fffffff5;border:1px solid #11182714;border-radius:18px;padding:14px}.source-block{background:#1118270a;border-radius:16px;margin-top:12px;padding:14px;overflow:auto}.compact{max-height:320px}@media (max-width:920px){.shell{padding:16px}.app-shell{grid-template-columns:1fr}.hit-list{max-height:420px}.tool-header{flex-direction:column;align-items:stretch}.tool-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.nav-tools{align-items:stretch}.tool-dropdown{width:100%}.tool-dropdown-trigger{justify-content:space-between;width:100%}.tool-dropdown-menu{width:100%;min-width:0;max-width:none;box-shadow:none;margin-top:10px;position:static}.home-grid,.split-grid{grid-template-columns:1fr}}