:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--shell:#00173d;--accent:#6161ff;--accent-hover:#4e4ecc;--border:#3a3a99;--active:#272766;--text:#eaebec;--muted:#b6bdd0;--subtle:#919cb6;--success:#1f9e6e;--danger:#d6473f;--radius:4px}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--shell);color:var(--text);font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.5}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button,summary{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:default;opacity:.65}button:disabled{opacity:.5}a{color:#b5b5ff;text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin:0}h1{font-size:24px;font-weight:500;line-height:1.25}h2{font-size:16px;font-weight:500}h3{font-size:14px;font-weight:600}small{font-size:11px}:focus-visible{outline-offset:3px;outline:2px solid #aaf}input,textarea,select{color:var(--text);background:var(--shell);border:1px solid var(--border);border-radius:var(--radius);width:100%;min-width:0;padding:8px 10px}input::placeholder,textarea::placeholder{color:var(--subtle);opacity:1}input:focus,textarea:focus,select:focus{border-color:#8e8eff}textarea{resize:vertical}select{min-height:36px}label{color:var(--text);flex-direction:column;gap:6px;display:flex}label small{color:var(--muted);line-height:1.5}fieldset{min-width:0}.button{white-space:nowrap;border:1px solid var(--border);border-radius:var(--radius);color:var(--text);background:0 0;justify-content:center;align-items:center;gap:8px;min-height:34px;padding:7px 12px;font-size:12px;display:inline-flex}.button:hover:not(:disabled){background:var(--active);text-decoration:none}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.button.quiet{color:var(--muted);border-color:#0000}.wide{width:100%}.muted{color:var(--muted)}.draft-label{color:#c1b9ff}.brand{color:#8b8bff;white-space:nowrap;font-size:20px;font-weight:500}.brand:hover{text-decoration:none}.app-shell{min-height:100dvh;display:flex}.sidebar{background:var(--shell);border-right:1px solid var(--border);z-index:20;flex-direction:column;flex:0 0 200px;justify-content:space-between;width:200px;padding:24px 12px;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.sidebar-top{flex-direction:column;gap:48px;display:flex}.sidebar .brand{padding:0 12px;display:block}.sidebar nav{flex-direction:column;gap:4px;display:flex}.nav-item{color:var(--text);border-radius:var(--radius);min-height:34px;padding:8px 12px;font-size:13px}.nav-item:hover{background:#111e57;text-decoration:none}.nav-item.active{background:var(--active)}.sidebar-bottom nav{border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:4px 0}.account{flex-direction:column;gap:4px;padding:14px 12px 0;display:flex}.account>span{text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.account>small{color:var(--muted)}.account-logout{color:#b6b6ff;background:0 0;border:0;align-self:flex-start;padding:4px 0;font-size:12px}.workspace{flex-direction:column;width:calc(100% - 200px);min-width:0;margin-left:200px;display:flex}.page-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:24px;height:86px;min-height:86px;padding:16px 26px;display:flex}.page-header p{color:var(--muted);margin-top:4px;font-size:12px}.header-actions,.toolbar-actions{align-items:center;gap:8px;display:flex}.toolbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-height:49px;padding:8px 26px;font-size:12px;display:flex}.toolbar-leading{align-items:center;gap:18px;display:flex}.toolbar-actions>input{width:260px}.toolbar-actions>select{width:150px}.page-body{padding:24px 26px}.notice{border:1px solid var(--border);border-radius:var(--radius);color:#d7dded;overflow-wrap:anywhere;background:#071f49;margin-bottom:16px;padding:11px 14px;font-size:12px}.notice-error{color:#ffcfca;background:#341c36;border-color:#a23a48}.notice-success{color:#cae4da;background:#0b353d;border-color:#1f765f}.notice-warning{color:#ffdf9f;background:#292944;border-color:#877436}.notice .button{margin-left:12px}.empty{color:var(--muted);text-align:center;max-width:530px;margin:0 auto;padding:46px 26px}.empty h2{color:#d7d7f7;margin-bottom:8px;font-size:15px}.empty p{font-size:13px;line-height:1.7}.badge{white-space:nowrap;background:var(--active);color:#c8c8ff;border-radius:2px;padding:3px 7px;font-size:10px;font-weight:500;line-height:1.4;display:inline-flex}.badge-good{color:#d0eddf;background:#135f42}.badge-bad{color:#ffd3cc;background:#652b36}.badge-muted{color:#c4ccdc;background:#243354}.json-view{white-space:pre-wrap;overflow-wrap:anywhere;color:#c1cbe1;max-height:420px;margin:12px 0 0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.6;overflow-y:auto}.filters{border-bottom:1px solid var(--border);background:#011a42;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:14px 26px;display:flex}.filters>label{width:175px;font-size:11px}.advanced-filters{align-self:center;position:relative}summary{color:#c3c7f9;font-size:12px}details[open]>summary{margin-bottom:14px}.advanced-filters[open]{flex-basis:100%;order:10}.filter-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 24px;display:grid}.list-detail{flex:1;grid-template-columns:334px minmax(0,1fr);min-height:470px;display:grid}.message-list{border-right:1px solid var(--border);flex-direction:column;gap:8px;max-height:calc(100dvh - 224px);padding:12px;display:flex;overflow-y:auto}.message-list>.empty{padding:40px 12px}.message-row{color:var(--text);text-align:left;border-radius:var(--radius);cursor:pointer;background:0 0;border:1px solid #0000;width:100%;padding:10px}.message-row:hover{background:#0a2053}.message-row.selected{border-color:var(--accent);background:#0a2053}.message-row-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.message-row-top strong{color:#c5c5ff;overflow-wrap:anywhere;font-size:12px;font-weight:500}.message-row p{overflow-wrap:anywhere;white-space:pre-wrap;margin:6px 0;font-size:12px}.message-row small{color:var(--muted);font-size:10px;display:block}.title-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.timings{margin:14px 0}.timings-compact{margin:10px 0 0}.timing-heading{color:var(--muted);justify-content:space-between;gap:10px;margin-bottom:5px;font-size:11px;display:flex}.timing-heading strong{color:#cad5e7;font-size:11px;font-weight:500}.timing-track{background:#08233d;border:1px solid #294872;border-radius:4px;gap:2px;width:100%;height:22px;padding:3px;display:flex}.timings-compact .timing-track{height:15px;padding:2px}.timing-segment{border-radius:1px;flex-basis:0;min-width:4px;position:relative}.timing-segment:focus-visible{outline-offset:2px}.timing-tooltip{z-index:5;color:#e8edf7;white-space:nowrap;pointer-events:none;background:#102340;border:1px solid #617194;border-radius:4px;padding:5px 8px;font-size:11px;display:none;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.timing-segment:hover .timing-tooltip,.timing-segment:focus .timing-tooltip{display:block}.timing-segment:first-child .timing-tooltip{left:0;transform:none}.timing-segment:last-child .timing-tooltip{left:auto;right:0;transform:none}.timing-step-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px;margin:14px 0;display:grid}.timing-step-list>div{justify-content:space-between;gap:12px;font-size:12px;display:flex}.timing-step-list dt{color:var(--muted);align-items:center;gap:7px;display:flex}.timing-step-list dd{font-variant-numeric:tabular-nums;margin:0}.timing-dot{border-radius:2px;flex:0 0 8px;width:8px;height:8px}.timing-unavailable{color:var(--subtle);margin:10px 0 0!important;font-size:10px!important}.timing-secondary{color:var(--muted);flex-wrap:wrap;gap:6px 18px;font-size:11px;display:flex}.page-more{margin-top:8px}.message-detail{min-width:0}.message-detail>.empty{margin-top:54px}.detail-inner{max-width:1000px;padding:26px}.detail-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.message-content{white-space:pre-wrap;overflow-wrap:anywhere;margin:16px 0;font-size:15px}.metadata{grid-template-columns:110px minmax(0,1fr);gap:8px 14px;margin:18px 0 26px;font-size:12px;display:grid}.metadata dt{color:var(--muted)}.metadata dd{overflow-wrap:anywhere;margin:0}.detail-inner h3{margin-top:24px;margin-bottom:12px}.decision-card{border-top:1px solid #303f74;margin-top:8px;padding:14px 0}.decision-card>p{color:var(--muted);margin-top:8px}.runtime-strip{border-top:1px solid var(--border);padding:12px 26px}.panel{border:1px solid var(--border);border-radius:var(--radius);background:#021b42;min-width:0;padding:20px}.session-grid,.health-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.health-card h2{text-transform:capitalize;margin-bottom:14px}.health-number{color:#c8c8ff;font-size:30px}.health-note{color:var(--muted);margin-top:12px;font-size:11px}.manual-fields{margin-top:20px}.commands-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.command-card{border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:20px}.command-ignored{border-color:#33436c}.command-content{white-space:pre-wrap;overflow-wrap:anywhere;color:#e0e3ed;margin:18px 0;font-size:13px;line-height:1.7}.availability{color:var(--muted);margin-bottom:12px;font-size:11px}.toggle-row{flex-direction:row;justify-content:space-between;align-items:center;gap:18px;padding:12px 0;display:flex}.toggle-row>span{flex-direction:column;gap:3px;display:flex}.field-title{font-size:13px}.switch{appearance:none;cursor:pointer;background:#263559;border:1px solid #71749c;border-radius:12px;flex:0 0 34px;width:34px;height:20px;padding:0;position:relative}.switch:after{content:"";background:#d4d9e7;border-radius:100%;width:12px;height:12px;transition:left .12s;display:block;position:absolute;top:3px;left:3px}.switch:checked{background:var(--accent);border-color:#9090ff}.switch:checked:after{background:#fff;left:17px}.command-mapping{border-top:1px solid #263663;flex-wrap:wrap;align-items:flex-end;gap:10px;padding:12px 0;display:flex}.command-mapping>label{flex:1;min-width:160px;font-size:11px}.command-card footer{color:var(--muted);flex-direction:column;gap:3px;margin-top:12px;font-size:10px;display:flex}.sync-summary{margin-bottom:20px}.configuration-form{max-width:1120px;padding:20px 26px}.config-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.config-panel{margin-bottom:20px}.config-panel>h2{margin-bottom:12px}.config-panel>p{color:var(--muted);margin-bottom:20px;font-size:12px}.config-panel>.form-grid{margin:16px 0}.config-fields{border:0;margin:0;padding:0}.playground-body{padding:20px 26px}.playground-toolbar{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:18px;display:flex}.preview-toggle .toggle-row{flex-direction:row-reverse;gap:8px;padding:0}.toolbar-spacer{flex:1}.sample-settings{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:18px;padding:14px}.sample-settings p{margin-top:14px;font-size:11px}.variable-toolbar{align-items:flex-end;gap:12px;padding:14px 0 18px;display:flex}.variable-toolbar label{font-size:11px}.variable-toolbar label:nth-child(2){flex:1;max-width:650px}.editors{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;overflow:hidden}.editor-pane+.editor-pane{border-left:1px solid var(--border)}.editor-heading{border-bottom:1px solid var(--border);background:#082048;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.editor-heading h2{font-size:16px}.editor-heading span{color:var(--muted);font-size:10px}.code-editor{color:#c8d2e9;tab-size:2;background:#011632;border:0;border-radius:0;height:500px;min-height:280px;padding:18px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;line-height:1.7;display:block}.code-editor:focus{outline-offset:-3px}.template-hint{color:var(--muted);margin:12px 0 20px;font-size:11px}.sample-panel,.playground-result{margin-top:20px}.sample-panel>p:first-of-type{color:var(--muted);margin-top:14px;font-size:11px}.playground-result>p{margin-top:12px}.playground-result h3{margin-top:18px}.auth-page{justify-content:center;align-items:center;min-height:100dvh;padding:32px 20px;display:flex}.auth-card{border:1px solid var(--border);background:#031d45;border-radius:8px;width:100%;max-width:390px;padding:32px}.auth-brand{margin-bottom:36px;display:inline-block}.auth-card>h1{margin:24px 0 8px;font-size:24px}.auth-card>p{color:var(--muted);margin-bottom:24px;font-size:12px}.auth-card form{flex-direction:column;gap:20px;display:flex}.auth-card form .button{margin-top:4px}.auth-card .auth-help{margin:22px 0 0;font-size:11px}.auth-card>.button{margin-top:14px}.mobile-bar,.drawer-backdrop{display:none}.skip-link{z-index:100;background:var(--accent);color:#fff;padding:10px 16px;position:fixed;top:-60px;left:16px}.skip-link:focus{top:12px}@media (min-width:1600px){.commands-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1120px){.commands-grid,.session-grid{grid-template-columns:1fr}.list-detail{grid-template-columns:300px minmax(0,1fr)}.toolbar-actions>input{width:200px}.page-header,.toolbar,.filters,.page-body,.playground-body,.configuration-form,.detail-inner{padding-left:20px;padding-right:20px}.playground-toolbar .toolbar-spacer{display:none}}@media (max-width:760px){.app-shell{display:block}.mobile-bar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;height:60px;padding:12px 16px;display:flex}.mobile-bar .brand{font-size:18px}.sidebar{display:none;top:60px}.sidebar-open{display:flex;box-shadow:12px 0 35px #0008}.drawer-backdrop{z-index:19;background:#0008;border:0;display:block;position:fixed;inset:60px 0 0}.workspace{width:100%;margin-left:0}.page-header{gap:12px;height:auto;min-height:86px;padding:16px}h1{font-size:22px}.page-header p{font-size:11px}.header-actions{flex-wrap:wrap;justify-content:flex-end}.toolbar{flex-wrap:wrap;padding:12px 16px}.toolbar-actions{flex-wrap:wrap}.toolbar-actions>input{flex:1;width:auto;min-width:130px}.toolbar-leading{flex-wrap:wrap;gap:8px}.filters{gap:10px;padding:14px 16px}.filters>label{flex:1;min-width:130px}.list-detail{grid-template-columns:1fr}.message-list{border-right:0;border-bottom:1px solid var(--border);max-height:420px}.message-detail>.empty{margin-top:0}.page-body,.playground-body,.configuration-form,.detail-inner{padding:18px 16px}.form-grid,.filter-grid,.health-grid,.editors,.timing-step-list{grid-template-columns:1fr}.config-toolbar{flex-direction:column;align-items:flex-start}.variable-toolbar{flex-wrap:wrap}.variable-toolbar label:nth-child(2){flex-basis:calc(100% - 135px)}.editor-pane+.editor-pane{border-left:0;border-top:1px solid var(--border)}.code-editor{height:350px}.metadata{grid-template-columns:95px minmax(0,1fr)}.panel,.command-card{padding:16px}.auth-card{padding:26px}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}