@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #09090b;--bg-gradient: radial-gradient(circle at top, #1a1a2e, #09090b 80%);--panel: rgba(23, 23, 23, .6);--panel-hover: rgba(30, 30, 30, .8);--panel-2: rgba(38, 38, 38, .6);--border: rgba(255, 255, 255, .08);--border-focus: rgba(59, 130, 246, .5);--text: #f8fafc;--muted: #94a3b8;--faint: #64748b;--accent: #3b82f6;--accent-bg: rgba(59, 130, 246, .15);--accent-hover: #2563eb;--green: #10b981;--green-bg: rgba(16, 185, 129, .15);--amber: #f59e0b;--amber-bg: rgba(245, 158, 11, .15);--red: #ef4444;--inset: rgba(0,0,0,.18);--inset-2: rgba(0,0,0,.25);--inset-3: rgba(0,0,0,.32);--hairline: rgba(255,255,255,.06);--hairline-2: rgba(255,255,255,.1);--radius: 8px;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}:root[data-theme=light]{--bg: #f3f5f9;--bg-gradient: none;--panel: #ffffff;--panel-hover: #eef2f7;--panel-2: #f1f5f9;--border: rgba(15, 23, 42, .12);--text: #0f172a;--muted: #5b6472;--faint: #94a3b8;--accent: #3b6ff6;--accent-bg: rgba(59, 111, 246, .12);--accent-hover: #2f5fe0;--inset: #f1f5f9;--inset-2: #e9eef5;--inset-3: #e2e8f0;--hairline: rgba(15, 23, 42, .08);--hairline-2: rgba(15, 23, 42, .13)}:root[data-theme=light] body:before,:root[data-theme=light] body:after{opacity:.05}:root[data-theme=light] .navrail,:root[data-theme=light] .sidebar,:root[data-theme=light] .preview,:root[data-theme=light] .wa-top{background:#fff}:root[data-theme=light] .nr-brand,:root[data-theme=light] .brand{color:var(--text)}:root[data-theme=light] .modal{background:#fff}:root[data-theme=light] .appitem:hover{background:#0f172a0d}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);background-image:var(--bg-gradient);background-attachment:fixed;color:var(--text);font-family:var(--font);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before,body:after{content:"";position:fixed;border-radius:50%;filter:blur(100px);z-index:-1;pointer-events:none;opacity:.15}body:before{top:-10%;left:-10%;width:40vw;height:40vw;background:var(--accent)}body:after{bottom:-10%;right:-10%;width:50vw;height:50vw;background:var(--green)}.glass{background:var(--panel);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}button{font-family:inherit;font-size:13px;font-weight:500;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:7px 14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:var(--transition)}button:hover{background:var(--panel-hover);border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 6px 12px #00000026}button:active{transform:translateY(1px) scale(.96)}button.primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));border-color:transparent;color:#fff;box-shadow:0 4px 15px #3b82f666}button.primary:hover{background:linear-gradient(135deg,#4f90f7,var(--accent));box-shadow:0 6px 20px #3b82f699}button.ghost{background:transparent;border-color:transparent}button.ghost:hover{background:#ffffff14}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}input,select,textarea{font-family:inherit;font-size:13px;color:var(--text);background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;width:100%;height:34px;transition:var(--transition)}input[type=checkbox],input[type=radio]{width:15px;height:15px;min-height:0;padding:0;margin:0;background:none;border:none;border-radius:0;box-shadow:none;-moz-appearance:auto;appearance:auto;-webkit-appearance:auto;accent-color:var(--accent);cursor:pointer;flex:none;vertical-align:middle}option{background:var(--bg);color:var(--text)}textarea{height:auto;resize:vertical;font-family:var(--mono)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);background:#0006;box-shadow:0 0 0 3px #3b82f640}input:disabled{color:var(--faint);background:#ffffff05}label.field{display:block}label.field>span{display:block;color:var(--muted);margin-bottom:4px;font-size:11px;font-weight:500}label.check{display:inline-flex;align-items:center;gap:5px;height:28px;cursor:pointer}label.check input{width:auto;height:auto;cursor:pointer}.row{display:grid;gap:9px}.row.c2{grid-template-columns:1fr 1fr}.row.c3{grid-template-columns:1fr 1fr 1fr}.probe-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:12px;align-items:stretch}.probe-card{min-width:0;padding:15px;background:var(--inset);border-radius:6px;border:1px solid var(--hairline)}.probe-fields{display:grid;gap:9px;min-width:0}.probe-fields-two{grid-template-columns:repeat(2,minmax(0,1fr))}.probe-fields-three{grid-template-columns:repeat(3,minmax(0,1fr))}.probe-fields .field{min-width:0}.annotation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:12px;margin:12px 0 15px}.annotations-field{min-width:0;margin:12px 0 15px;padding:14px;background:var(--inset);border:1px solid var(--hairline);border-radius:7px}.annotation-grid .annotations-field{margin:0}.annotations-field textarea{min-height:76px}.annotations-field .meta{margin:7px 0 0}@media (max-width: 720px){.probe-fields-two,.probe-fields-three{grid-template-columns:1fr}}.login-wrap{height:100%;display:flex;align-items:center;justify-content:center}.login-card{width:320px;padding:26px 24px;border-radius:12px;background:var(--panel);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);box-shadow:0 15px 30px -10px #00000080;animation:fadeSlideUp .4s ease-out}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-card h1{font-size:16px;font-weight:600;margin:0 0 4px;color:#fff}.login-card p.sub{color:var(--muted);margin:0 0 18px;font-size:11.5px}.login-card .f{margin-bottom:12px}.err{color:var(--red);font-size:11px;margin-top:8px;padding:6px;background:#ef44441a;border-radius:5px}.app{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:#09090bb3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10;box-shadow:0 4px 20px #0003}.req-invalid{border-color:#ef444499!important;background:#ef44440d!important;box-shadow:0 0 0 1px #ef444466}.req-invalid::placeholder{color:#ef444480!important}.brand{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;color:#fff;letter-spacing:.5px}.envtabs{display:flex;gap:4px;background:#0006;border-radius:12px;padding:4px;border:1px solid rgba(255,255,255,.08)}.envtab{padding:6px 14px;border-radius:8px;cursor:pointer;color:var(--muted);border:none;background:transparent;font-size:12px;font-weight:600;transition:var(--transition)}.envtab:hover:not(.active){color:var(--text);background:#ffffff14;transform:translateY(-1px)}.envtab.active{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;box-shadow:0 4px 10px #3b82f666}.envtab.add{color:var(--faint);padding:3px 9px}.ws{display:flex;align-items:center;gap:6px}.fielderr{color:var(--red);font-size:10.5px;margin-top:3px;display:block}.spacer{flex:1}.meta{color:var(--faint);font-size:11px}.main{flex:1;display:grid;grid-template-columns:220px 1fr;min-height:0}.sidebar{border-right:1px solid var(--border);background:#0f111566;padding:9px;overflow:auto}.center{overflow:auto;padding:12px 14px}.preview{border-left:1px solid var(--border);background:#0f111566;padding:10px;overflow:auto}.app.revamp{flex-direction:row}.navrail{width:214px;flex-shrink:0;border-right:1px solid var(--border);background:#0f11158c;display:flex;flex-direction:column;padding:12px 10px;gap:12px;overflow:auto}.nr-brand{font-weight:700;font-size:14px;color:#fff;display:flex;align-items:center;gap:8px;padding:2px 4px}.nr-sel{display:flex;flex-direction:column;gap:8px}.nr-sel-item{display:flex;flex-direction:column;gap:4px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:7px 9px}.nr-sel-label{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.nr-sel-item select,.nr-sel-item input{height:auto;min-height:34px;line-height:1.3;padding:6px 8px}.env-sel-production{background:#ef4444 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right .7rem center!important;color:#fff!important;border-color:#dc2626!important}.env-sel-development{background:#3b82f6 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right .7rem center!important;color:#fff!important;border-color:#2563eb!important}.env-sel-staging{background:#f59e0b url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>") no-repeat right .7rem center!important;color:#fff!important;border-color:#d97706!important}.nr-menu{display:flex;flex-direction:column;gap:3px;margin-top:2px}.nr-item{display:flex;align-items:center;gap:10px;justify-content:flex-start;width:100%;background:transparent;border:1px solid transparent;color:var(--muted);font-weight:600;padding:8px 10px;border-radius:9px;text-align:left}.nr-item:hover{background:#ffffff0d;color:var(--text);transform:none;box-shadow:none}.nr-item.active{background:var(--accent-bg);color:var(--accent);border-color:#3b82f640}.nr-ic{width:18px;text-align:center;font-size:14px}.nr-user{margin-top:auto;display:flex;align-items:center;gap:8px;padding:8px 6px 2px;border-top:1px solid var(--border)}.nr-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0}.nr-uname{font-size:12px;font-weight:600;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workarea{flex:1;min-width:0;display:flex;flex-direction:column}.wa-top{display:flex;align-items:center;gap:8px;padding:9px 14px;border-bottom:1px solid var(--border);background:#0f11154d;flex-wrap:wrap}.wa-content{flex:1;min-height:0;display:flex}.crumb{font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px}.grouplabel{font-size:11px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em;margin:12px 0 6px 4px}.appitem{padding:8px 12px;border-radius:8px;cursor:pointer;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;transition:var(--transition);margin-bottom:4px;border:1px solid transparent}.appitem:hover{background:#ffffff0d;color:var(--text);transform:translate(4px);border-color:#ffffff0d}.appitem.active{background:linear-gradient(90deg,var(--accent-bg),transparent);color:var(--accent);font-weight:600;border-left:3px solid var(--accent)}.section{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:12px;transition:var(--transition);box-shadow:0 4px 6px -1px #0000001a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.section:hover{border-color:#fff3;box-shadow:0 10px 15px -3px #0003;transform:translateY(-2px)}.section h3{margin:0 0 12px;font-size:14px;font-weight:600;display:flex;align-items:center;gap:8px;color:#fff}.section h3 .tag{font-size:11px;color:var(--accent);font-weight:600;background:var(--accent-bg);padding:2px 8px;border-radius:999px}.pill{font-size:10px;font-weight:600;padding:1px 8px;border-radius:999px;letter-spacing:.02em}.pill.green{background:var(--green-bg);color:var(--green);border:1px solid rgba(16,185,129,.2)}.pill.amber{background:var(--amber-bg);color:var(--amber);border:1px solid rgba(245,158,11,.2)}.pill.blue{background:var(--accent-bg);color:var(--accent);border:1px solid rgba(59,130,246,.2)}.pill.red{background:#ef444426;color:var(--red);border:1px solid rgba(239,68,68,.25)}.compact-table-wrap{width:100%;overflow-x:auto;border:1px solid var(--hairline);border-radius:10px;background:#0000001f}.simple-table{width:100%;border-collapse:collapse;table-layout:fixed}.simple-table th,.simple-table td{padding:8px 10px;border-bottom:1px solid var(--hairline);vertical-align:top;text-align:left}.simple-table th{color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.05em;font-weight:700}.simple-table td{font-size:12px}.simple-table tr:last-child td{border-bottom:0}.simple-table code{font-size:11px;word-break:break-word}.simple-table .nowrap{white-space:nowrap}.convert-history-table th:nth-child(1),.convert-history-table td:nth-child(1){width:150px}.convert-history-table th:nth-child(2),.convert-history-table td:nth-child(2){width:90px}.convert-history-table th:nth-child(3),.convert-history-table td:nth-child(3){width:250px}.convert-history-table th:nth-child(4),.convert-history-table td:nth-child(4){width:360px}.convert-history-table th:nth-child(5),.convert-history-table td:nth-child(5){width:210px}.convert-history-table th:nth-child(6),.convert-history-table td:nth-child(6){width:110px}.convert-history-table th:nth-child(7),.convert-history-table td:nth-child(7){width:100px}.toolbar{display:flex;gap:7px;align-items:center;margin-top:4px;padding-top:10px;border-top:1px solid rgba(255,255,255,.05)}.previewh{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;display:flex;align-items:center;gap:5px}pre.yaml{margin:0;font-family:var(--mono);font-size:10px;line-height:1.55;color:#a1a1aa;white-space:pre-wrap;word-break:break-word;background:#0003;padding:8px;border-radius:6px;border:1px solid var(--border)}.toast{position:fixed;right:14px;bottom:14px;padding:9px 13px;border-radius:8px;font-size:11.5px;font-weight:500;max-width:360px;box-shadow:0 8px 20px #0000004d;animation:slideInRight .3s cubic-bezier(.175,.885,.32,1.275);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast.ok{background:#10b98126;color:#34d399;border:1px solid rgba(16,185,129,.3)}.toast.bad{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.3)}.empty{color:var(--muted);padding:30px;text-align:center;font-size:12px;font-weight:500}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:50;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{width:300px;background:#141418d9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:24px;box-shadow:0 25px 50px -12px #000000b3,0 0 0 1px #ffffff0d inset;animation:scaleUp .4s cubic-bezier(.16,1,.3,1)}@keyframes scaleUp{0%{transform:scale(.92) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.modal h2{font-size:18px;font-weight:700;margin:0 0 16px;color:#fff;letter-spacing:-.02em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}input:not([type=checkbox]):not([type=radio]),select,textarea{background:linear-gradient(180deg,#ffffff09,#00000038);border:1px solid rgba(255,255,255,.12);border-radius:9px;height:38px;box-shadow:inset 0 1px #ffffff0a,0 1px 2px #00000038;transition:border-color .18s ease,box-shadow .2s ease,background .2s ease}textarea{height:auto}input:not([type=checkbox]):not([type=radio]):hover:not(:disabled),select:hover:not(:disabled),textarea:hover:not(:disabled){border-color:#78a0ff80}input:not([type=checkbox]):not([type=radio]):focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f638,inset 0 1px #ffffff0d}input::placeholder,textarea::placeholder{color:#ffffff4d;font-weight:400;letter-spacing:.01em}select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(180deg,#ffffff09,#00000038),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2393a4bd' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>");background-repeat:no-repeat,no-repeat;background-position:center,right 11px center;background-size:auto,15px;padding-right:34px}label.field>span{text-transform:uppercase;letter-spacing:.055em;font-size:10.5px;font-weight:600;transition:color .18s ease}label.field:focus-within>span{color:var(--accent)}.section h3{position:relative;padding-left:12px}.section h3:before{content:"";position:absolute;left:0;top:2px;bottom:2px;width:3px;border-radius:2px;background:linear-gradient(180deg,var(--accent),var(--accent-hover))}:root[data-theme=light] input:not([type=checkbox]):not([type=radio]),:root[data-theme=light] select,:root[data-theme=light] textarea{background:linear-gradient(180deg,#fff,#f3f5f9);border-color:#0f172a24;box-shadow:inset 0 1px 2px #0f172a0d}:root[data-theme=light] input:not([type=checkbox]):not([type=radio]):hover:not(:disabled),:root[data-theme=light] select:hover:not(:disabled),:root[data-theme=light] textarea:hover:not(:disabled){border-color:#3b82f68c}:root[data-theme=light] select{background-image:linear-gradient(180deg,#fff,#f3f5f9),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9l6 6 6-6'/></svg>")}:root[data-theme=light] input::placeholder,:root[data-theme=light] textarea::placeholder{color:#0f172a6b}