:root{--bg: #0a0a0a;--surface: #111111;--border:rgba(255,255,255,.08);--text: #f8fafc;--muted: #94a3b8;--hover: rgba(255,255,255,.03);--success: #22c55e;--danger: #ef4444;--warning: #f59e0b;--radius: 14px}html.light,:root[data-theme=light]{--bg: #f5f7fb;--surface: #ffffff;--border: #e2e8f0;--text: #0f172a;--muted: #64748b;--hover: #f1f5f9;--response-bg: #f8fafc}.api-wrapper:where(.astro-kokw4fzh){width:100%;max-width:1400px;margin:0 auto}.topbar:where(.astro-kokw4fzh){display:flex;justify-content:space-between;align-items:center;gap:20px}.topbar-left:where(.astro-kokw4fzh){display:flex;align-items:center;gap:18px}.tool-badge:where(.astro-kokw4fzh){display:flex;align-items:center;justify-content:center;padding:.45rem .95rem;border-radius:var(--radius);margin-bottom:0;font-size:.78rem;font-weight:700;background:color-mix(in srgb,#8d63f0 15%,transparent);border:1px solid var(--border)}.hero:where(.astro-kokw4fzh){display:flex;align-items:baseline;gap:.75rem}.hero:where(.astro-kokw4fzh) p:where(.astro-kokw4fzh){margin:0}.title-group:where(.astro-kokw4fzh) h1:where(.astro-kokw4fzh){font-size:30px;font-weight:700;letter-spacing:-.03em;margin:0;padding:0;align-items:baseline}.title-group:where(.astro-kokw4fzh) p:where(.astro-kokw4fzh){margin-top:8px;color:var(--muted);line-height:1.7;font-size:18px}.request-card:where(.astro-kokw4fzh),.panel:where(.astro-kokw4fzh){background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.request-bar:where(.astro-kokw4fzh){display:flex;align-items:center;gap:12px;padding:20px;border-bottom:1px solid var(--border)}#methodSelect:where(.astro-kokw4fzh),#statusSelect:where(.astro-kokw4fzh),#expirySelect:where(.astro-kokw4fzh){appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;height:48px!important;min-width:140px;padding:0 40px 0 16px!important;border-radius:14px!important;border:1px solid var(--border)!important;background:#ffffff09!important;color:var(--text)!important;font-size:16px!important;font-weight:490!important;font-family:inherit!important;display:block!important;box-shadow:none!important;text-shadow:none!important;filter:none!important;backdrop-filter:none!important;transform:none!important;translate:none!important;scale:1!important;outline:none!important;background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px;background-repeat:no-repeat}#generateBtn:where(.astro-kokw4fzh){appearance:none!important;-webkit-appearance:none!important;height:48px!important;padding:0 20px!important;border-radius:14px!important;border:1px solid var(--border)!important;background:#ffffff09!important;color:var(--text)!important;font-size:14px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;transform:none!important;filter:none!important;outline:none!important}#methodSelect:where(.astro-kokw4fzh):hover,#statusSelect:where(.astro-kokw4fzh):hover,#expirySelect:where(.astro-kokw4fzh):hover,#generateBtn:where(.astro-kokw4fzh):hover,#methodSelect:where(.astro-kokw4fzh):focus,#statusSelect:where(.astro-kokw4fzh):focus,#expirySelect:where(.astro-kokw4fzh):focus,#generateBtn:where(.astro-kokw4fzh):focus,#methodSelect:where(.astro-kokw4fzh):active,#statusSelect:where(.astro-kokw4fzh):active,#expirySelect:where(.astro-kokw4fzh):active,#generateBtn:where(.astro-kokw4fzh):active{background:#ffffff0d!important;border-color:var(--border)!important;box-shadow:none!important;transform:none!important;outline:none!important}.panel-top:where(.astro-kokw4fzh){padding:18px 20px;border-bottom:1px solid var(--border)}.panel-top:where(.astro-kokw4fzh) h3:where(.astro-kokw4fzh){font-size:18px;font-weight:450;margin:0}.history-panel:where(.astro-kokw4fzh) .panel-top:where(.astro-kokw4fzh){padding-bottom:14px}.history-panel:where(.astro-kokw4fzh){padding-bottom:12px}.history-list:where(.astro-kokw4fzh){margin:0;padding:10px 14px 12px}.history-list:where(.astro-kokw4fzh) li:where(.astro-kokw4fzh){margin:0;border-radius:10px}.history-list:where(.astro-kokw4fzh) li:where(.astro-kokw4fzh):last-child{margin-bottom:4px}.history-method:where(.astro-kokw4fzh){min-width:70px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--border);font-size:12px;font-weight:700;flex-shrink:0}.history-url:where(.astro-kokw4fzh){flex:1;min-width:0;color:var(--muted);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center}.history-list:where(.astro-kokw4fzh) li:where(.astro-kokw4fzh) span:where(.astro-kokw4fzh){display:inline-flex;align-items:center}.history-list:where(.astro-kokw4fzh) li:where(.astro-kokw4fzh):last-child{border-bottom:none}@media(max-width:900px){.request-bar:where(.astro-kokw4fzh){flex-direction:column;align-items:stretch}#methodSelect:where(.astro-kokw4fzh),#statusSelect:where(.astro-kokw4fzh),#expirySelect:where(.astro-kokw4fzh){width:100%}button:where(.astro-kokw4fzh),.flat-btn:where(.astro-kokw4fzh){width:100%}}.request-bar:where(.astro-kokw4fzh)>:where(.astro-kokw4fzh){margin:0!important;box-shadow:none!important;transform:none!important}.request-bar:where(.astro-kokw4fzh) select:where(.astro-kokw4fzh),.request-bar:where(.astro-kokw4fzh) button:where(.astro-kokw4fzh){vertical-align:middle!important}#jsonInput:where(.astro-kokw4fzh){width:100%;min-height:220px;padding:14px;border-radius:12px;border:none;background:var(--surface);color:var(--text);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px;line-height:1.5;resize:vertical;box-sizing:border-box}.header-left:where(.astro-kokw4fzh){display:flex;align-items:center;gap:12px}.header-left:where(.astro-kokw4fzh) .logo:where(.astro-kokw4fzh){flex-shrink:0;display:flex;align-items:center;justify-content:center}.header-left:where(.astro-kokw4fzh) h1:where(.astro-kokw4fzh),.header-left:where(.astro-kokw4fzh) p:where(.astro-kokw4fzh){margin:0;line-height:1.4}.api-wrapper:where(.astro-kokw4fzh) .ghost-btn:where(.astro-kokw4fzh){appearance:none;-webkit-appearance:none;height:37px;padding:0 20px;border-radius:var(--radius);border:1px solid var(--border);background:#ffffff09;color:var(--text);font-size:14px;font-weight:400;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.api-wrapper:where(.astro-kokw4fzh) .ghost-btn:where(.astro-kokw4fzh):hover,.api-wrapper:where(.astro-kokw4fzh) .ghost-btn:where(.astro-kokw4fzh):focus,.api-wrapper:where(.astro-kokw4fzh) .ghost-btn:where(.astro-kokw4fzh):active{background:#ffffff0d;border-color:var(--border);color:var(--text)}pre:where(.astro-kokw4fzh){flex:1;margin:0;padding:1rem;overflow:auto;font-size:.9rem;font-family:ui-monospace,monospace;background:transparent;color:var(--sl-color-text);border:none}.select-wrapper:where(.astro-kokw4fzh){position:relative;display:inline-block}.select-wrapper:where(.astro-kokw4fzh) select:where(.astro-kokw4fzh){appearance:none;-webkit-appearance:none;-moz-appearance:none;padding-right:2.5rem}.select-wrapper:where(.astro-kokw4fzh):after{content:"▾";position:absolute;top:50%;right:1rem;transform:translateY(-50%);pointer-events:none;color:var(--sl-color-gray-3);font-size:14px}#historyList:where(.astro-kokw4fzh){list-style:none;margin:0;padding:12px 24px}#historyList:where(.astro-kokw4fzh) li:where(.astro-kokw4fzh){font-family:monospace font-size: 14px;color:var(--text);padding:4px 0}.generated-url:where(.astro-kokw4fzh) a:where(.astro-kokw4fzh){display:inline-block;font-size:15px;font-weight:400;color:#c52228 text-decoration: none;word-break:break-all;padding:8px 24px}.generated-url:where(.astro-kokw4fzh) a:where(.astro-kokw4fzh):hover{text-decoration:underline;color:var(--warning)}.select-wrapper:where(.astro-kokw4fzh) select:where(.astro-kokw4fzh) option:where(.astro-kokw4fzh){background:#fff;color:#0f172a}:root[data-theme=dark] .select-wrapper:where(.astro-kokw4fzh) select:where(.astro-kokw4fzh) option:where(.astro-kokw4fzh),html[data-theme=dark] .select-wrapper:where(.astro-kokw4fzh) select:where(.astro-kokw4fzh) option:where(.astro-kokw4fzh){background:#111;color:#f8fafc}#clearHistory:where(.astro-kokw4fzh).ghost-btn{background-color:#f87171!important;border:none!important;color:#fff!important}#clearHistory:where(.astro-kokw4fzh).ghost-btn:hover{background-color:#dc2626!important}#generateBtn:where(.astro-kokw4fzh).flat-btn,#methodSelect:where(.astro-kokw4fzh),#statusSelect:where(.astro-kokw4fzh),#expirySelect:where(.astro-kokw4fzh){height:40px!important;min-height:40px!important;font-size:14px!important;line-height:40px!important;font-weight:400!important}#generateBtn:where(.astro-kokw4fzh).flat-btn{padding:0 14px!important;background-color:#4f46e5!important;border:none!important;color:#fff!important}#generateBtn:where(.astro-kokw4fzh).flat-btn:hover{background-color:#4338ca!important}#methodSelect:where(.astro-kokw4fzh),#statusSelect:where(.astro-kokw4fzh),#expirySelect:where(.astro-kokw4fzh){padding:0 36px 0 16px!important}
