.view-tabs{display:flex;align-items:center;gap:4px;padding:8px 14px;border-bottom:1px solid var(--tip-border);color:var(--tip-fg)}.view-tabs button{display:inline-flex;align-items:center;gap:6px;border:1px solid transparent;border-radius:6px;padding:6px 12px;background:transparent;color:inherit;font-size:12px;white-space:nowrap}.view-tabs button:hover,.view-tabs button[aria-pressed=true]{background:color-mix(in srgb,var(--tip-fg) 10%,transparent)}.view-tabs button[aria-pressed=true]{font-weight:650;border-color:var(--tip-border);box-shadow:0 1px 3px #00000009}.view-tabs>span{margin-left:auto;font-size:10px;opacity:.65}.view-message{min-height:360px;display:flex;align-items:center;justify-content:center;padding:32px;color:var(--tip-fg);font-size:13px}.view-caption{padding:9px 16px;color:var(--tip-fg);font-size:11px;line-height:1.6;border-bottom:1px solid var(--tip-border)}.view-caption span{opacity:.75}.tree-scroll,.table-scroll{height:420px;overflow:auto;color:var(--tip-fg);background:var(--tip-bg);scrollbar-color:var(--tip-border) transparent}.tree-row{display:flex;align-items:center;gap:8px;font:12px/1.4 Consolas,monospace}.tree-guides{position:absolute;left:22px;top:0;bottom:0;pointer-events:none;background:repeating-linear-gradient(to right,var(--tip-border) 0 1px,transparent 1px 18px);opacity:.55}.node-container-icon{flex:none;color:var(--p-interactive, #8599e6)}.node-key-container{font-weight:650}.node-count{font:11px/1.4 system-ui,sans-serif;color:var(--tip-fg);opacity:.55}.tree-row:hover,.tree-row:focus-within,.data-table-row:not(.table-header):hover{background:color-mix(in srgb,var(--tip-fg) 5%,var(--tip-bg))}.node-toggle{flex:none;width:22px;height:26px;padding:0;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:inherit}.node-toggle:disabled{cursor:default}.node-key{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:0}.node-type{border-radius:4px;padding:2px 5px;font:10px/1.3 system-ui,sans-serif;color:var(--tip-fg);background:color-mix(in srgb,var(--tip-fg) 8%,transparent);flex:none}.type-string{color:#32976a}.type-number{color:#c58035}.type-boolean{color:#8274d9}.node-value{opacity:.8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.node-actions{display:flex;margin-left:auto;padding-right:10px;flex:none}.node-actions .tool-button{height:26px;width:26px;color:var(--tip-fg)}.node-actions [data-tooltip]:after{left:auto;right:0;transform:translateY(3px)}.node-actions [data-tooltip]:hover:after,.node-actions [data-tooltip]:focus-visible:after{transform:translateY(0)}.node-dialog{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;margin:0;border:1px solid var(--tip-border);border-radius:12px;padding:20px;background:var(--tip-bg);color:var(--tip-fg);box-shadow:var(--tip-shadow);z-index:100}.node-dialog::backdrop{background:#0006}.node-dialog-title{display:flex;justify-content:space-between;align-items:center;font-size:14px}.node-dialog code{display:block;margin:10px 0;overflow-wrap:anywhere;font-size:12px}.node-dialog label{display:block;margin-top:14px;font-size:12px}.node-dialog input,.node-dialog textarea{width:100%;display:block;margin-top:12px;padding:12px;border:1px solid var(--tip-border);border-radius:8px;background:color-mix(in srgb,var(--tip-fg) 3%,var(--tip-bg));color:inherit;outline:none}.node-dialog input:focus,.node-dialog textarea:focus{outline:none;border-color:var(--p-interactive, #8599e6);box-shadow:0 0 0 1px color-mix(in srgb,var(--tip-fg) 8%,transparent)}.node-dialog textarea{min-height:160px;height:180px;max-height:55dvh;resize:vertical;font:13px/1.7 Consolas,monospace}.node-dialog p{font-size:12px;color:#d76464}.node-dialog-buttons{display:flex;gap:8px;justify-content:flex-end;margin-top:16px}.node-dialog-buttons button{border:1px solid var(--tip-border);border-radius:6px;padding:6px 14px;background:var(--tip-bg);color:inherit;font-size:12px}.node-dialog-buttons button[type=submit]{background:color-mix(in srgb,var(--tip-fg) 12%,var(--tip-bg))}.node-toggle:not(:disabled):hover,.node-dialog button:not(:disabled):hover,.node-actions button:not(:disabled):hover{background:color-mix(in srgb,var(--tip-fg) 12%,var(--tip-bg));color:var(--p-interactive, #8599e6)}.node-toggle:not(:disabled):active,.node-dialog button:not(:disabled):active,.node-actions button:not(:disabled):active{transform:translateY(1px)}.table-controls{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:10px 16px;color:var(--tip-fg);font-size:11px;border-bottom:1px solid var(--tip-border)}.table-controls label{display:flex;align-items:center;gap:8px;min-width:0}.table-controls select{max-width:min(360px,55vw);height:32px;padding:5px 10px;border:1px solid var(--tip-border);border-radius:8px;background:var(--tip-bg);color:inherit;font-size:12px;cursor:pointer}.table-controls select:hover{background:color-mix(in srgb,var(--tip-fg) 6%,var(--tip-bg));border-color:var(--p-interactive, #8599e6)}.table-controls select:focus{outline:none;border-color:var(--p-interactive, #8599e6);box-shadow:none}.select-control{position:relative;display:inline-flex;align-items:center}.select-control select{appearance:none;min-width:66px;padding-right:30px}.select-control svg{position:absolute;right:10px;pointer-events:none;opacity:.7}.data-table-row{display:flex;width:100%;font:12px/1.4 Consolas,monospace}.data-table-row>span{display:flex;align-items:center;width:180px;height:36px;flex:none;padding:0 12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-bottom:1px solid var(--tip-border);border-right:1px solid var(--tip-border)}.data-table-row .table-index{width:60px;opacity:.65}.table-header{position:sticky;top:0;z-index:1;background:var(--tip-bg);font-weight:650}.graph-surface{height:clamp(260px,50dvh,460px);background:var(--tip-bg)}.graph-surface .react-flow{--xy-background-color: var(--tip-bg);--xy-node-background-color: var(--tip-bg);--xy-node-color: var(--tip-fg);--xy-node-border: 1px solid var(--tip-border);--xy-edge-stroke: var(--tip-fg);--xy-controls-button-background-color: var(--tip-bg);--xy-controls-button-color: var(--tip-fg);--xy-controls-button-border-color: var(--tip-border);--xy-controls-button-background-color-hover: color-mix(in srgb, var(--tip-fg) 12%, var(--tip-bg));--xy-controls-button-color-hover: var(--p-interactive, #8599e6)}.graph-surface .react-flow__controls{border:1px solid var(--tip-border);border-radius:9px;overflow:hidden;box-shadow:var(--tip-shadow)}.graph-surface .react-flow__controls-button{width:32px;height:32px}.graph-surface .react-flow__controls-button:active{filter:brightness(.9)}.graph-surface .react-flow__node:hover{border-color:var(--p-interactive, #8599e6)}.graph-surface .react-flow__node{width:220px;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;font:11px/1.6 Consolas,monospace}.editor-footer{gap:10px;flex-wrap:wrap;height:auto;min-height:33px;padding-block:5px}@media(max-width:650px){.view-tabs button{padding:6px 9px}.node-key{max-width:110px}.node-type{font-size:9px}.table-controls{flex-wrap:wrap}}.issues-heading{display:flex;align-items:center;gap:7px;color:var(--tip-fg);font-size:12px;font-weight:600}.path-menu{position:fixed;z-index:150;width:240px;max-width:calc(100vw - 16px);padding:5px;border:1px solid var(--tip-border);border-radius:10px;color:var(--tip-fg);background:var(--tip-bg);box-shadow:var(--tip-shadow)}.path-menu code{display:block;padding:8px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.65;font-size:11px}.path-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:9px 10px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;font-size:12px}.path-menu button:hover,.path-menu button:focus-visible{outline:none;background:color-mix(in srgb,var(--tip-fg) 9%,transparent)}.graph-surface .react-flow__attribution{background:transparent;padding:3px 7px}.graph-surface .react-flow__attribution a{color:var(--tip-fg);opacity:.5;font-size:9px}.graph-surface .react-flow__attribution a:hover{opacity:1}.details-card .details-heading{height:38px;border-bottom:0}.details-card .empty-state{min-height:54px;padding:0 16px 12px;gap:9px}.details-card .empty-icon{width:24px;height:24px;background:transparent}.details-card .details-footer{min-height:27px}.view-tabs{flex-wrap:wrap}.editor-card{position:relative}.drop-hint{position:absolute;inset:0;z-index:80;display:grid;place-items:center;pointer-events:none;background:color-mix(in srgb,var(--tip-bg) 94%,transparent);border:2px dashed var(--p-interactive, #8599e6);border-radius:inherit;color:var(--tip-fg)}.analysis-tools{color:var(--tip-fg);background:var(--tip-bg)}.analysis-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:12px 16px}.analysis-toolbar input{flex:1;min-width:180px;padding:9px 12px;border:1px solid var(--tip-border);border-radius:7px;background:transparent;color:inherit;font:12px Consolas,monospace}.analysis-toolbar input:focus{outline:none;border-color:var(--p-interactive, #8599e6)}.analysis-toolbar button{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:0;border-radius:7px;background:color-mix(in srgb,var(--tip-fg) 8%,transparent);color:inherit}.analysis-toolbar button:hover{background:color-mix(in srgb,var(--tip-fg) 14%,transparent)}.analysis-message{margin:0;padding:8px 16px 14px;font-size:12px;opacity:.75}.analysis-message.error{color:#dc6574;opacity:1}.analysis-results{height:330px;overflow:auto;scrollbar-width:thin}.analysis-row{position:absolute;top:0;width:100%;padding:8px 16px;border-top:1px solid color-mix(in srgb,var(--tip-border) 40%,transparent);font:12px/1.8 Consolas,monospace}.analysis-row code{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.analysis-path{opacity:.6;font-size:11px}.diff-editors,.diff-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.diff-editors>div{min-width:0}.diff-editors>div+div{border-left:1px solid var(--tip-border)}.diff-editors header{padding:10px 16px;font-size:12px;border-bottom:1px solid var(--tip-border)}.diff-editors .cm-editor{height:320px}.diff-values{gap:12px}.diff-values code{padding:0 6px;border-radius:3px}.diff-legend{display:flex;align-items:center;gap:6px;margin-right:auto;font-size:11px}.diff-legend i{display:inline-block;width:10px;height:10px;border-radius:2px;margin-left:8px}.diff-create{background:#2bb67330;box-shadow:inset 0 -1px #2bb67388}.diff-remove{background:#dc657430;box-shadow:inset 0 -1px #dc657488}.diff-change{background:#d5a34030;box-shadow:inset 0 -1px #d5a34088}.diff-type{background:#a78bfa30;box-shadow:inset 0 -1px #a78bfa88}.linked-editors{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.linked-editors[hidden]{display:none}.linked-editors>*{min-width:0}.linked-editors>.data-view{border-left:1px solid var(--tip-border)}.tree-row[aria-selected=true]{background:color-mix(in srgb,var(--p-interactive, #6579d9) 12%,var(--tip-bg))}.current-path{display:inline-flex;align-items:center;gap:8px;max-width:40%;min-width:0;padding:3px 6px;border:0;border-radius:4px;background:transparent;color:var(--tip-fg);opacity:.7}.current-path code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.current-path svg{flex:none}.current-path:hover{opacity:1;background:color-mix(in srgb,var(--tip-fg) 8%,transparent)}.command-trigger{display:inline-flex;align-items:center;gap:7px;font-size:12px}.command-dialog{position:fixed;top:min(17vh,130px);bottom:auto;width:min(520px,calc(100vw - 24px));padding:0;border:1px solid var(--tip-border);border-radius:14px;background:var(--tip-bg);color:var(--tip-fg);box-shadow:0 24px 80px #0004}.command-dialog::backdrop{background:#10172870;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.command-search{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--tip-border)}.command-search>svg{opacity:.55;flex:none}[cmdk-input]{width:100%;border:0;outline:none;background:transparent;color:inherit;font:14px/1.7 system-ui,sans-serif}[cmdk-list]{max-height:min(360px,52dvh);overflow:auto;padding:6px;scrollbar-width:thin}[cmdk-item]{display:flex;align-items:center;gap:10px;padding:10px 12px;margin:2px 0;border-radius:7px;font-size:13px;cursor:pointer}[cmdk-item]>span{flex:1}[cmdk-item][data-disabled=true]{opacity:.35;cursor:default}[cmdk-empty]{padding:28px 16px;text-align:center;font-size:13px;opacity:.65}.command-dialog footer{display:flex;align-items:center;gap:16px;padding:11px 16px;border-top:1px solid var(--tip-border);font-size:10px;opacity:.6}.command-dialog footer span{display:inline-flex;align-items:center;gap:5px}.command-dialog footer span:last-child{margin-left:auto}.output-toolbar>span{margin-right:auto;font-size:12px;opacity:.6}.large-tree .table-controls code{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.linked-editors{grid-template-columns:minmax(0,1fr)}.linked-editors>.data-view{border-left:0;border-top:1px solid var(--tip-border)}.linked-editors .cm-editor,.linked-editors .tree-scroll{height:300px}.current-path{max-width:100%;flex:1}.command-trigger span{display:none}}.import-hint{margin-top:12px;font-size:11px;opacity:.65;line-height:1.6}.app-shell{--icon-blue: #4776c5;--icon-green: #258865;--icon-cyan: #23879a;--icon-violet: #8a67c5;--icon-amber: #a97127;--icon-slate: #718099;--icon-red: #bc5464}.app-shell[data-theme=dark]{--icon-blue: #8fb5f8;--icon-green: #77caaa;--icon-cyan: #6ec5d0;--icon-violet: #b7a0ed;--icon-amber: #dcb578;--icon-slate: #9aa7bc;--icon-red: #e798a2}[data-tone=red]{--icon-color: var(--icon-red)}[data-tone=blue]{--icon-color: var(--icon-blue)}[data-tone=green]{--icon-color: var(--icon-green)}[data-tone=cyan]{--icon-color: var(--icon-cyan)}[data-tone=violet]{--icon-color: var(--icon-violet)}[data-tone=amber]{--icon-color: var(--icon-amber)}[data-tone=slate]{--icon-color: var(--icon-slate)}[data-tone]>svg,[data-tone] .command-icon svg{color:var(--icon-color)}.analysis-toolbar button svg{color:var(--icon-color)}.view-tabs .view-group-start{margin-left:10px;position:relative}.view-group-start:before{content:"";position:absolute;left:-8px;width:1px;height:16px;background:var(--tip-border)}.command-search:focus-within{background:color-mix(in srgb,var(--tip-fg) 3%,transparent)}.command-search [cmdk-input],.command-search [cmdk-input]:focus,.command-search [cmdk-input]:focus-visible{min-width:0;padding:3px 0;border:0;border-radius:0;outline:0;box-shadow:none}.command-search [cmdk-input]::placeholder{color:var(--tip-fg);opacity:.45}.command-search [cmdk-input]::selection{background:color-mix(in srgb,var(--icon-blue) 25%,transparent);color:inherit}[cmdk-item]>.command-icon{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:color-mix(in srgb,var(--icon-color) 12%,transparent)}[cmdk-item][data-selected=true]{background:color-mix(in srgb,var(--icon-blue) 10%,transparent)}[cmdk-item] kbd{flex:none;font-size:10px;color:var(--tip-fg);opacity:.65;border:0;background:transparent;box-shadow:none}.select-field{display:flex;align-items:center;gap:12px;font-size:12px}.select-field>span{opacity:.7}.analysis-toolbar .select-trigger{display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:148px;height:36px;padding:0 12px;border:1px solid var(--tip-border);background:var(--tip-bg);border-radius:8px;font:inherit}.select-trigger[data-popup-open],.select-trigger:focus-visible{outline:none;border-color:var(--icon-blue);box-shadow:0 0 0 2px color-mix(in srgb,var(--icon-blue) 12%,transparent)}.select-trigger svg{color:var(--icon-violet)}.select-positioner{z-index:110;outline:none}.select-popup{width:max(var(--anchor-width),160px);max-height:min(280px,var(--available-height, 280px));overflow:auto;padding:5px;border:1px solid var(--tip-border);border-radius:10px;background:var(--tip-bg);color:var(--tip-fg);box-shadow:var(--tip-shadow);font:12px/1.5 system-ui,sans-serif;outline:none}.select-option{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:34px;padding:7px 10px;border-radius:6px;cursor:pointer;outline:none}.select-option[data-highlighted]{background:color-mix(in srgb,var(--icon-blue) 12%,transparent)}.select-option[data-selected]{color:var(--icon-violet)}.settings-shortcuts{display:flex;align-items:center;gap:8px;width:100%;margin-top:12px;padding:9px 8px;border:0;border-radius:6px;background:color-mix(in srgb,var(--tip-fg) 5%,transparent);color:inherit;font-size:12px}.settings-shortcuts span{flex:1;text-align:left}.settings-shortcuts:hover{background:color-mix(in srgb,var(--tip-fg) 9%,transparent)}.shortcut-dialog{position:fixed;top:min(10vh,80px);bottom:auto;width:min(620px,calc(100vw - 24px));max-height:calc(100dvh - 40px);padding:0;border:1px solid var(--tip-border);border-radius:14px;background:var(--tip-bg);color:var(--tip-fg);box-shadow:0 24px 80px #0004}.shortcut-dialog[open]{display:flex;flex-direction:column}.shortcut-dialog::backdrop{background:#10172870;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.shortcut-dialog header{display:flex;align-items:center;gap:10px;padding:14px 18px;font-size:14px}.shortcut-dialog header>button{margin-left:auto}.shortcut-dialog>p{margin:0;padding:0 18px 14px;font-size:12px;opacity:.65}.shortcut-list{overflow:auto;max-height:55dvh;padding:4px 12px;scrollbar-width:thin}.shortcut-row{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:7px;font-size:12px}.shortcut-row:hover{background:color-mix(in srgb,var(--tip-fg) 4%,transparent)}.shortcut-row>span{flex:1}.shortcut-record{padding:6px 9px;border:1px solid var(--tip-border);border-radius:6px;background:transparent;color:inherit}.shortcut-record kbd{padding:0;border:0;background:transparent;color:inherit;font-size:11px}.shortcut-record:hover,.shortcut-record.recording{border-color:var(--icon-blue);background:color-mix(in srgb,var(--icon-blue) 9%,transparent)}.shortcut-dialog footer{display:flex;align-items:center;gap:14px;padding:14px 18px;border-top:1px solid var(--tip-border)}.shortcut-dialog footer span{flex:1;font-size:11px;opacity:.7}.shortcut-dialog footer button{display:flex;align-items:center;gap:6px;padding:7px 9px;border:0;border-radius:6px;background:color-mix(in srgb,var(--tip-fg) 7%,transparent);color:inherit;font-size:12px}@media(max-width:650px){[cmdk-item]{gap:8px;font-size:12px;padding:8px}[cmdk-item] kbd{font-size:9px}.shortcut-dialog footer{flex-wrap:wrap}.shortcut-dialog footer span{flex-basis:100%}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f7f8fa;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-optical-sizing:auto}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a7c2ff;outline-offset:2px}.app-shell{--page-gutter: clamp(12px, 1.5vw, 28px);--tip-bg: #fff;--tip-border: #dce2ec;--tip-fg: #354158;--tip-shadow: 0 8px 22px #1e2a431c;min-height:100vh;background:#edf1f7;color:#172033}.topbar{height:62px;padding:0 var(--page-gutter);border-bottom:1px solid #e9ebef;background:#ffffffe0;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:9px;color:#172033;text-decoration:none;font-size:16px;font-weight:720;letter-spacing:-.04em}.brand-mark{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#fff;box-shadow:0 2px 4px #17203312}.brand-mark img{display:block;width:28px;height:28px}.topbar-right{display:flex;gap:8px;align-items:center;color:#6b7280;font-size:12px}.header-control{height:36px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:transparent;color:#667085;cursor:pointer;transition:background-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.header-control:hover,.language-trigger[aria-expanded=true],.palette-trigger[aria-expanded=true]{background:#f3f6fc;color:#4058ae}.header-control:active{transform:scale(.96)}[data-tooltip]{position:relative}[data-tooltip]:after{position:absolute;z-index:30;bottom:calc(100% + 9px);left:50%;width:max-content;max-width:min(240px,calc(100vw - 24px));padding:7px 10px;border:1px solid var(--tip-border);border-radius:7px;background:var(--tip-bg);box-shadow:var(--tip-shadow);color:var(--tip-fg);content:attr(data-tooltip);font-size:11px;font-weight:500;line-height:1.35;text-align:center;white-space:normal;pointer-events:none;opacity:0;transform:translate(-50%,3px);transition:opacity .15s ease,transform .15s ease;display:none}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after,.mode-switch:focus-within:after{opacity:1;transform:translate(-50%);display:block}.topbar [data-tooltip]:after{top:calc(100% + 9px);bottom:auto;transform:translate(-50%,-3px)}.topbar [data-tooltip]:hover:after,.topbar [data-tooltip]:focus-visible:after{transform:translate(-50%)}.topbar .palette-trigger:after,.toolbar-actions .tool-button:last-child:after{right:0;left:auto;transform:translateY(3px)}.topbar .palette-trigger:after{transform:translateY(-3px)}.topbar .palette-trigger:hover:after,.topbar .palette-trigger:focus-visible:after,.toolbar-actions .tool-button:last-child:hover:after,.toolbar-actions .tool-button:last-child:focus-visible:after{transform:translate(0)}.theme-toggle,.palette-trigger{position:relative;width:36px}.theme-toggle svg{position:absolute;transition:opacity .22s ease,transform .25s ease}.theme-moon{opacity:1;transform:rotate(0) scale(1)}.theme-sun{opacity:0;transform:rotate(-55deg) scale(.65)}.language-picker,.palette-picker{position:relative}.language-trigger{gap:7px;padding:0 9px;font-size:12px;font-weight:600}.language-chevron{margin-left:1px;transition:transform .18s ease}.language-trigger[aria-expanded=true] .language-chevron{transform:rotate(180deg)}.language-options,.palette-options{position:absolute;z-index:10;top:calc(100% + 8px);right:0;padding:5px;border:1px solid #e4e9f2;border-radius:11px;background:#fff;box-shadow:0 12px 30px #1e2a431c,0 2px 6px #1e2a430a;animation:menu-enter .16s ease-out}.language-options{width:148px}.palette-options{width:180px}.palette-heading{display:block;padding:8px 10px 5px;color:#8a93a3;font-size:10px;font-weight:650}.palette-option{width:100%;min-height:35px;display:flex;gap:9px;align-items:center;padding:0 9px;border:0;border-radius:7px;background:transparent;color:#4b5568;font-size:11px;text-align:left;transition:background-color .16s ease,color .16s ease}.palette-option span:nth-child(2){flex:1}.palette-option:hover,.palette-option:focus-visible{background:#f3f6fc;color:#4058ae}.palette-option[aria-pressed=true]{color:#4058ae;font-weight:650}.palette-swatch{width:15px;height:15px;flex:none;border-radius:50%;box-shadow:inset 0 0 0 1px #0002}.language-option{width:100%;min-height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#4b5568;font-size:12px;text-align:left;transition:background-color .16s ease,color .16s ease}.language-option:hover,.language-option:focus-visible{background:#f3f6fc;color:#4058ae}.language-option[aria-pressed=true]{color:#4058ae;font-weight:650}@keyframes menu-enter{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.header-control,.theme-toggle svg,.language-chevron,.language-options,.palette-options,.palette-option{animation:none;transition:none}}.workspace{width:calc(100% - 2 * var(--page-gutter));margin:0 auto;padding:20px 0 24px}.editor-card,.details-card{overflow:hidden;border:1px solid #e3e6ec;border-radius:11px;background:#fff;box-shadow:0 2px 5px #18233d05,0 12px 32px #18233d05}.editor-card{overflow:visible}.editor-toolbar{min-height:49px;padding:8px 15px;display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:space-between;border-bottom:1px solid #eceef2}.file-label{min-width:0;display:flex;align-items:center;gap:8px;color:#586174;font-size:11px;font-weight:600}.file-label svg{flex:none;color:#6571d8}.file-name{width:150px;min-width:0;padding:4px 5px;border:1px solid transparent;border-radius:5px;outline:none;background:transparent;color:inherit;font-size:inherit;font-weight:inherit;text-overflow:ellipsis}.file-name:hover{border-color:#d9e0eb}.file-name:focus-visible{border-color:#9daae9;outline:none;box-shadow:0 0 0 2px #6677df1c}.toolbar-actions{display:flex;flex-wrap:wrap;gap:3px;align-items:center;justify-content:flex-end;margin-left:auto}.mode-switch{display:inline-flex;gap:7px;align-items:center;min-height:29px;padding:4px 8px;border:1px solid transparent;border-radius:7px;color:#687184;font-size:10px;font-weight:600;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .16s,border-color .16s}.mode-switch:hover{background:#f6f8fc}.mode-switch input{position:absolute;width:1px;height:1px;opacity:0}.switch-track{position:relative;width:29px;height:17px;flex:none;border:1px solid #cbd2df;border-radius:99px;background:#e7ebf2;box-shadow:inset 0 1px 2px #1e2a4314;transition:background .18s,border-color .18s}.switch-track:after{position:absolute;top:2px;left:2px;width:11px;height:11px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #12182730;content:"";transition:transform .18s}.mode-switch input:checked+.switch-track{border-color:#596bdf;background:#596bdf}.mode-switch input:checked+.switch-track:after{transform:translate(12px)}.mode-switch input:focus-visible+.switch-track{outline:2px solid #9aaaf0;outline-offset:2px}.mode-label{display:inline-flex;gap:4px;align-items:center}.mode-switch:has(input:checked) .mode-label{color:#4058ae}.toolbar-separator{width:1px;height:18px;margin:0 4px;background:#eaecf0}.tool-button{width:32px;height:32px;flex:none;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:7px;background:transparent;color:#687184}.tool-button:hover:not(:disabled){background:#f2f4f8;color:#354158}.tool-button:disabled{cursor:not-allowed;opacity:.4}.editor-card:focus-within{border-color:#b7c1ed;box-shadow:0 0 0 2px #6677df18,0 12px 32px #18233d05}.editor-settings{position:relative}.editor-settings>button{width:36px}.settings-panel{position:absolute;z-index:40;top:calc(100% + 8px);right:0;width:260px;padding:14px;border:1px solid var(--tip-border);border-radius:10px;background:var(--tip-bg);color:var(--tip-fg);box-shadow:var(--tip-shadow)}.settings-panel strong{font-size:12px}.indent-options{margin:14px 0 0;padding:0;border:0}.indent-options legend{padding:0 0 8px;font-size:11px}.indent-segments{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:3px;border-radius:8px;background:color-mix(in srgb,var(--tip-fg) 8%,var(--tip-bg))}.indent-segments label{position:relative;cursor:pointer}.indent-segments input{position:absolute;width:1px;height:1px;opacity:0}.indent-segments span{display:block;padding:7px 4px;border-radius:6px;font-size:11px;text-align:center;transition:background .15s,box-shadow .15s}.indent-segments input:checked+span{background:var(--tip-bg);box-shadow:0 1px 4px #0002;font-weight:650}.indent-segments input:focus-visible+span{outline:2px solid var(--tip-fg);outline-offset:1px}.settings-panel p{margin:10px 0 0;font-size:10px;line-height:1.6;opacity:.7}@media(max-width:650px){.settings-panel{right:-100px}}.action-notice{position:fixed;z-index:200;top:20px;left:50%;transform:translate(-50%);width:max-content;max-width:calc(100vw - 32px);padding:12px 18px;border-radius:10px;background:var(--tip-bg);color:var(--tip-fg);box-shadow:var(--tip-shadow);font-size:13px;line-height:1.5}.action-notice.notice-error{color:#dc6574}button.issue-row{width:100%;border:0;border-bottom:1px solid #eceef2;background:transparent;text-align:left}button.issue-row:hover{background:#6677df0a}.issue-content,.issue-title{display:block}.app-shell[data-theme=dark] .notice-error{color:#f59999}@media(max-width:650px){.editor-toolbar{height:auto;min-height:49px;flex-wrap:wrap;gap:6px;padding-top:7px;padding-bottom:7px}.toolbar-actions{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){[data-tooltip]:after,.switch-track,.switch-track:after{transition:none}}.editor-footer{height:33px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-top:1px solid #eceef2;color:#969eac;font-size:9px}.footer-left{display:flex;gap:15px;align-items:center}.footer-left span:first-child{display:flex;gap:5px;align-items:center}.shortcut{display:flex;gap:4px;align-items:center}kbd{min-width:16px;padding:1px 4px;border:1px solid #e3e6ec;border-radius:3px;background:#fafbfc;color:#7d8593;font:9px ui-sans-serif,system-ui;text-align:center}.details-card{margin-top:15px}.details-heading{height:45px;display:flex;justify-content:space-between;align-items:stretch;border-bottom:1px solid #eceef2;padding:0 15px}.tab-count{min-width:18px;padding:2px 5px;border-radius:99px;background:#f0f2f6;color:#798294;font-size:9px;text-align:center}.empty-state{min-height:106px;display:flex;gap:12px;align-items:center;padding:20px}.empty-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#eef9f2;color:#35a36a}.empty-state strong{color:#354158;font-size:11px;font-weight:650}.issues-list{max-height:265px;overflow:auto}.issue-row{min-height:58px;display:grid;grid-template-columns:22px minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:9px 16px;border-bottom:1px solid #f0f1f4}.issue-icon{display:grid;place-items:center}.issue-icon.error,.issue-code.error{color:#c6504b}.issue-icon.warning,.issue-code.warning{color:#b58027}.issue-title{color:#475167;font-size:11px;font-weight:580}.issue-content p{margin:4px 0 0;color:#8a92a0;font-size:10px}.issue-code{padding:3px 5px;border-radius:4px;background:#fff3f2;font:9px SFMono-Regular,Consolas,monospace}.issue-code.warning{background:#fff9eb}.issue-location{color:#9098a6;font:10px SFMono-Regular,Consolas,monospace;white-space:nowrap}.details-footer{min-height:31px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;border-top:1px solid #eceef2;color:#9aa1ae;font-size:9px}.details-footer span:first-child{display:inline-flex;gap:7px;align-items:center}.details-footer i{width:3px;height:3px;border-radius:50%;background:#c0c5ce}.page-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 20px;margin-top:17px;color:#9aa1ae;font-size:10px}.privacy-note{display:inline-flex;gap:7px;align-items:center}.privacy-lock{color:#7d8ad6}.page-footer a{color:#6875aa;text-decoration:none;text-underline-offset:3px;transition:color .16s ease}.page-footer a:hover{color:#4058dc;text-decoration:underline}html,.issues-list{scrollbar-width:thin;scrollbar-color:#aab6c6 transparent}html::-webkit-scrollbar,.issues-list::-webkit-scrollbar{width:5px;height:5px}html::-webkit-scrollbar-track,.issues-list::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb,.issues-list::-webkit-scrollbar-thumb{border-radius:999px;background:#aab6c6}html::-webkit-scrollbar-thumb:hover,.issues-list::-webkit-scrollbar-thumb:hover{background:#8797ab}html::-webkit-scrollbar-button,.issues-list::-webkit-scrollbar-button{display:none;width:0;height:0}html::-webkit-scrollbar-corner{background:transparent}@media(max-width:650px){.app-shell{--page-gutter: 12px}.topbar{height:56px}.topbar-right{gap:6px}.workspace{padding-top:14px}.editor-toolbar{padding:0 9px}.toolbar-actions{gap:1px}.tool-button{padding:0 6px}.shortcut{display:none}.mode-switch{gap:5px;padding:4px}.file-name{width:86px}.issue-row{grid-template-columns:19px minmax(0,1fr) auto;gap:7px;padding:10px}.issue-location{grid-column:2 / 4}}.app-shell[data-theme=dark]{--tip-bg: #263144;--tip-border: #42506a;--tip-fg: #e5ecf7;--tip-shadow: 0 10px 25px #0006;background:#111827;color:#e5e7eb;color-scheme:dark}.app-shell[data-theme=dark] .topbar{border-color:#293244;background:#111827f0}.app-shell[data-theme=dark] .brand{color:#f3f4f6}.app-shell[data-theme=dark] .topbar-right,.app-shell[data-theme=dark] .file-label,.app-shell[data-theme=dark] .mode-switch,.app-shell[data-theme=dark] .tool-button,.app-shell[data-theme=dark] .issue-title{color:#cbd5e1}.app-shell[data-theme=dark] .editor-card,.app-shell[data-theme=dark] .details-card{border-color:#30394b;background:#1b2433;box-shadow:0 8px 24px #0003}.app-shell[data-theme=dark] .editor-toolbar,.app-shell[data-theme=dark] .editor-footer,.app-shell[data-theme=dark] .details-heading,.app-shell[data-theme=dark] .details-footer,.app-shell[data-theme=dark] .issue-row{border-color:#30394b}.app-shell[data-theme=dark] .editor-card:focus-within{border-color:#6474ac;box-shadow:0 0 0 2px #8998ee27,0 8px 24px #0003}.app-shell[data-theme=dark] .file-name:focus-visible{border-color:#6474ac;box-shadow:0 0 0 2px #8998ee27}.app-shell[data-theme=dark] .tab-count,.app-shell[data-theme=dark] kbd{border-color:#394458;background:#263144;color:#b7c2d3}.app-shell[data-theme=dark] .header-control{color:#c1cbdb}.app-shell[data-theme=dark] .header-control:hover,.app-shell[data-theme=dark] .language-trigger[aria-expanded=true],.app-shell[data-theme=dark] .palette-trigger[aria-expanded=true]{background:#263349;color:#e5ecff}.app-shell[data-theme=dark] .theme-moon{opacity:0;transform:rotate(55deg) scale(.65)}.app-shell[data-theme=dark] .theme-sun{opacity:1;transform:rotate(0) scale(1)}.app-shell[data-theme=dark] .language-options,.app-shell[data-theme=dark] .palette-options{border-color:#344158;background:#1b2637;box-shadow:0 14px 32px #0005}.app-shell[data-theme=dark] .language-option,.app-shell[data-theme=dark] .palette-option{color:#d2d9e5}.app-shell[data-theme=dark] .language-option:hover,.app-shell[data-theme=dark] .language-option:focus-visible,.app-shell[data-theme=dark] .palette-option:hover,.app-shell[data-theme=dark] .palette-option:focus-visible{background:#293850;color:#b6c8ff}.app-shell[data-theme=dark] .language-option[aria-pressed=true],.app-shell[data-theme=dark] .palette-option[aria-pressed=true]{color:#b6c8ff}.app-shell[data-theme=dark] .palette-heading{color:#97a5ba}.app-shell[data-theme=dark] .tool-button:hover:not(:disabled){background:#2a3548;color:#f3f4f6}.app-shell[data-theme=dark] .mode-switch:hover{background:#263349}.app-shell[data-theme=dark] .switch-track{border-color:#556177;background:#42506a}.app-shell[data-theme=dark] .mode-switch input:checked+.switch-track{border-color:#7989ee;background:#7989ee}.app-shell[data-theme=dark] .mode-switch:has(input:checked) .mode-label{color:#b6c8ff}.app-shell[data-theme=dark] .empty-state strong{color:#e2e8f0}.app-shell[data-theme=dark] .issue-content p,.app-shell[data-theme=dark] .details-footer,.app-shell[data-theme=dark] .editor-footer,.app-shell[data-theme=dark] .privacy-note,.app-shell[data-theme=dark] .page-footer{color:#9ba9bd}.app-shell[data-theme=dark] .page-footer a{color:#aebdf9}.app-shell[data-theme=dark] .page-footer a:hover{color:#d6dfff}.app-shell[data-theme=dark] .issues-list{scrollbar-color:#65758e transparent}.app-shell[data-theme=dark] .issues-list::-webkit-scrollbar-thumb{background:#65758e}.app-shell[data-theme=dark] .issues-list::-webkit-scrollbar-thumb:hover{background:#8c9bb1}.app-shell[data-theme=dark] .issue-code.error{background:#442d34}.app-shell[data-theme=dark] .issue-code.warning{background:#443a27}@media(max-width:650px){.topbar-right{gap:5px}}.app-shell[data-palette=zen-linen]{--p-bg: #e9e4d8;--p-fg: #1e1e1e;--p-card: #f4efe4;--p-editor: #fffaf0;--p-border: #d2cbbb;--p-primary: #2e2e2e;--p-interactive: #2e2e2e;--p-muted: #cfc8b8;--p-popover: #f4efe4}.app-shell[data-palette=zen-linen][data-theme=dark]{--p-bg: #141414;--p-fg: #e8e3da;--p-card: #242321;--p-editor: #302d28;--p-border: #383630;--p-primary: #d1cfc0;--p-interactive: #d1cfc0;--p-muted: #2a2a2a;--p-popover: #242321}.app-shell[data-palette=amber-slate]{--p-bg: #e8ebed;--p-fg: #333;--p-card: #fff;--p-editor: #f3f7fa;--p-border: #ccc;--p-primary: #df6035;--p-interactive: #a84223;--p-muted: #e8edf2;--p-popover: #fff}.app-shell[data-palette=amber-slate][data-theme=dark]{--p-bg: #1a1a1a;--p-fg: #e5e5e5;--p-card: #292929;--p-editor: #273241;--p-border: #414141;--p-primary: #df6035;--p-interactive: #f28560;--p-muted: #303030;--p-popover: #292929}.app-shell[data-palette=nature]{--p-bg: #e4ebdf;--p-fg: #3e2723;--p-card: #fffdf7;--p-editor: #f5faf0;--p-border: #d2dfc9;--p-primary: #2e7d32;--p-interactive: #1b5e20;--p-muted: #e4eddf;--p-popover: #fffdf7}.app-shell[data-palette=nature][data-theme=dark]{--p-bg: #1c2a1f;--p-fg: #f0ebe5;--p-card: #2d3a2e;--p-editor: #354a37;--p-border: #465848;--p-primary: #4caf50;--p-interactive: #81c784;--p-muted: #29382b;--p-popover: #2d3a2e}.app-shell[data-palette=ocean-breeze]{--p-bg: #dbeefa;--p-fg: #374151;--p-card: #fff;--p-editor: #f3faff;--p-border: #ccdfeb;--p-primary: #22c55e;--p-interactive: #047857;--p-muted: #dceff8;--p-popover: #fff}.app-shell[data-palette=ocean-breeze][data-theme=dark]{--p-bg: #0f172a;--p-fg: #d1d5db;--p-card: #1e293b;--p-editor: #223c4c;--p-border: #4b5563;--p-primary: #34d399;--p-interactive: #34d399;--p-muted: #192d3a;--p-popover: #1e293b}.app-shell[data-palette]:not([data-palette=default]){--p-subtle: color-mix(in srgb, var(--p-fg) 64%, var(--p-bg));--p-faint: color-mix(in srgb, var(--p-fg) 44%, var(--p-bg));--p-line: color-mix(in srgb, var(--p-border) 65%, var(--p-card));--p-hover: color-mix(in srgb, var(--p-primary) 12%, var(--p-card));--tip-bg: var(--p-popover);--tip-border: var(--p-border);--tip-fg: var(--p-fg);--tip-shadow: 0 9px 22px color-mix(in srgb, var(--p-fg) 18%, transparent);background:var(--p-bg);color:var(--p-fg)}.app-shell[data-palette]:not([data-palette=default]) .topbar{background:var(--p-bg);border-color:var(--p-border)}.app-shell[data-palette]:not([data-palette=default]) .brand{color:var(--p-fg)}.app-shell[data-palette]:not([data-palette=default]) .brand-mark{background:var(--p-card);box-shadow:0 1px 4px color-mix(in srgb,var(--p-fg) 12%,transparent)}.app-shell[data-palette]:not([data-palette=default]) .editor-card,.app-shell[data-palette]:not([data-palette=default]) .details-card{background:var(--p-card);border-color:var(--p-border);box-shadow:0 8px 24px color-mix(in srgb,var(--p-fg) 6%,transparent)}.app-shell[data-palette]:not([data-palette=default]) .editor-toolbar,.app-shell[data-palette]:not([data-palette=default]) .editor-footer,.app-shell[data-palette]:not([data-palette=default]) .details-heading,.app-shell[data-palette]:not([data-palette=default]) .details-footer,.app-shell[data-palette]:not([data-palette=default]) .issue-row{border-color:var(--p-line)}.app-shell[data-palette]:not([data-palette=default]) .editor-card:focus-within{border-color:var(--p-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-primary) 15%,transparent)}.app-shell[data-palette]:not([data-palette=default]) .file-name:focus-visible{border-color:var(--p-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--p-primary) 15%,transparent)}.app-shell[data-palette]:not([data-palette=default]) .file-name,.app-shell[data-palette]:not([data-palette=default]) .issue-title,.app-shell[data-palette]:not([data-palette=default]) .empty-state strong{color:var(--p-fg)}.app-shell[data-palette]:not([data-palette=default]) .file-label,.app-shell[data-palette]:not([data-palette=default]) .mode-switch,.app-shell[data-palette]:not([data-palette=default]) .tool-button,.app-shell[data-palette]:not([data-palette=default]) .issue-content p,.app-shell[data-palette]:not([data-palette=default]) .editor-footer,.app-shell[data-palette]:not([data-palette=default]) .details-footer,.app-shell[data-palette]:not([data-palette=default]) .page-footer,.app-shell[data-palette]:not([data-palette=default]) .privacy-note{color:var(--p-subtle)}.app-shell[data-palette]:not([data-palette=default]) .file-label svg,.app-shell[data-palette]:not([data-palette=default]) .page-footer a,.app-shell[data-palette]:not([data-palette=default]) .page-footer a:hover,.app-shell[data-palette]:not([data-palette=default]) .privacy-lock{color:var(--p-interactive)}.app-shell[data-palette]:not([data-palette=default]) .tab-count,.app-shell[data-palette]:not([data-palette=default]) kbd{background:var(--p-muted);color:var(--p-subtle);border-color:var(--p-border)}.app-shell[data-palette]:not([data-palette=default]) .switch-track{border-color:var(--p-border);background:var(--p-muted)}.app-shell[data-palette]:not([data-palette=default]) .mode-switch input:checked+.switch-track{border-color:var(--p-primary);background:var(--p-primary)}.app-shell[data-palette]:not([data-palette=default]) .mode-switch:hover{background:var(--p-hover)}.app-shell[data-palette]:not([data-palette=default]) .mode-switch:has(input:checked) .mode-label{color:var(--p-interactive)}.app-shell[data-palette]:not([data-palette=default]) .header-control{color:var(--p-subtle)}.app-shell[data-palette]:not([data-palette=default]) button:focus-visible,.app-shell[data-palette]:not([data-palette=default]) a:focus-visible,.app-shell[data-palette]:not([data-palette=default]) input:focus-visible{outline-color:var(--p-primary)}.app-shell[data-palette]:not([data-palette=default]) .header-control:hover,.app-shell[data-palette]:not([data-palette=default]) .language-trigger[aria-expanded=true],.app-shell[data-palette]:not([data-palette=default]) .palette-trigger[aria-expanded=true],.app-shell[data-palette]:not([data-palette=default]) .tool-button:hover:not(:disabled){background:var(--p-hover);color:var(--p-interactive)}.app-shell[data-palette]:not([data-palette=default]) .language-options,.app-shell[data-palette]:not([data-palette=default]) .palette-options{background:var(--p-popover);border-color:var(--p-border)}.app-shell[data-palette]:not([data-palette=default]) .language-option,.app-shell[data-palette]:not([data-palette=default]) .palette-option{color:var(--p-fg)}.app-shell[data-palette]:not([data-palette=default]) .language-option:hover,.app-shell[data-palette]:not([data-palette=default]) .language-option:focus-visible,.app-shell[data-palette]:not([data-palette=default]) .palette-option:hover,.app-shell[data-palette]:not([data-palette=default]) .palette-option:focus-visible{background:var(--p-hover);color:var(--p-interactive)}.app-shell[data-palette]:not([data-palette=default]) .language-option[aria-pressed=true],.app-shell[data-palette]:not([data-palette=default]) .palette-option[aria-pressed=true]{color:var(--p-interactive)}.app-shell[data-palette]:not([data-palette=default]) .palette-heading,.app-shell[data-palette]:not([data-palette=default]) .issue-location{color:var(--p-faint)}.app-shell[data-palette]:not([data-palette=default]) .toolbar-separator,.app-shell[data-palette]:not([data-palette=default]) .details-footer i{background:var(--p-border)}.app-shell[data-palette]:not([data-palette=default]) .issues-list{scrollbar-color:var(--p-border) transparent}