/* bundled source: json-pro.css */
.json-page{max-width:1380px}.json-workbench{background:#fff;border:1px solid #dce2eb;border-radius:16px;box-shadow:0 12px 36px #24375308;overflow:hidden}.json-workbench button,.json-workbench select{font:inherit}.json-workbench button{border:1px solid #d7dfea;background:#fff;border-radius:7px;padding:7px 11px;font-size:14px;color:#24344b;cursor:pointer}.json-workbench button:hover{border-color:#6d8ee8;background:#f0f5ff}.json-workbench button:focus-visible,.json-workbench input:focus-visible,.json-workbench select:focus-visible{outline:3px solid #8fb0fb;outline-offset:2px}.json-workbench button:disabled{cursor:default;opacity:.5}.json-workbench button.primary{background:#2456e8;border-color:#2456e8;color:#fff}.json-commandbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 20px;border-bottom:1px solid #dce2eb;background:#f8fafd}.json-primary-actions,.json-file-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.json-inline-label{font-size:14px;display:flex;gap:6px;align-items:center;color:#53657d}.json-inline-label select{border:1px solid #dce2eb;background:white;padding:6px;border-radius:6px;font-size:14px}.json-workbench input[type=checkbox]{accent-color:#2456e8}.json-editor-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.json-editor-panel{min-width:0}.json-editor-panel+section{border-left:1px solid #dce2eb}.json-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:#fff}.json-panel-heading h2{font-size:14px;margin:0;white-space:nowrap}.json-panel-heading>div{display:flex;gap:5px;flex-wrap:wrap}.json-panel-heading button{padding:5px 7px;font-size:14px}.json-editor{height:400px;max-width:100%;overflow:hidden;background:#fcfdff}.json-editor .cm-editor{height:100%;font-size:16px}.json-editor .cm-scroller{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.7}.json-editor .cm-content{min-height:100%}.json-editor-foot{padding:9px 15px;display:flex;align-items:center;justify-content:space-between;font:14px ui-monospace,SFMono-Regular,monospace;color:#718099;border-top:1px solid #edf0f5;gap:8px}.json-editor-foot button{font-family:inherit;padding:3px 7px;font-size:14px;flex-shrink:0}.json-validation,.json-target-validation{min-height:47px;padding:12px 15px!important;margin:0;width:100%;text-align:left;border:0!important;border-radius:0!important;background:#f6f8fc!important;color:#60728b!important;line-height:1.55;font-size:14px!important;overflow-wrap:anywhere}.json-validation:disabled{opacity:1!important}.json-validation.valid,.json-target-validation.valid{color:#177353!important;background:#eef9f4!important}.json-validation.invalid,.json-target-validation.invalid{color:#a83831!important;background:#fff3f1!important}.json-validation.invalid{cursor:pointer!important}.json-notice{margin:0;padding:13px 20px;font-size:14px;color:#53657d;border-top:1px solid #dce2eb;line-height:1.6;overflow-wrap:anywhere}.json-notice.success{color:#177353;background:#f2fbf6}.json-notice.error{color:#a83831;background:#fff5f4}.json-explore-bar{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-block:1px solid #dce2eb;background:#f8fafd;gap:12px}.json-explore-bar>div{display:flex;gap:6px}.json-explore-bar button[aria-selected=true]{background:#e9f0ff;color:#1748ce;border-color:#cbdafa}.json-explore-bar>span{font-size:14px;color:#748199}.json-tree-tools{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px}.json-tree-tools form{display:flex;gap:7px;flex:1;min-width:0}.json-tree-tools input{width:100%;min-width:0;max-width:480px;border:1px solid #dce2eb;padding:9px 10px;font:14px ui-monospace,SFMono-Regular,monospace;border-radius:7px}.json-tree-tools button{white-space:nowrap}.json-tree-tools>div{display:flex;gap:6px}.json-tree{height:320px;overflow:auto;padding:0 20px 16px;font:14px ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.json-tree-node{min-width:0}.json-tree-children{padding-left:22px;border-left:1px solid #e2e8f2;margin-left:6px}.json-tree-row{display:flex;align-items:center;gap:10px;min-height:34px;padding:3px 6px;border-radius:5px;list-style:none}.json-tree-row:hover{background:#f4f7fd}.json-tree summary{cursor:pointer}.json-tree summary:before{content:'▸';color:#798aa5;font-size:14px;width:8px;flex-shrink:0}.json-tree details[open]>summary:before{content:'▾'}.json-tree button.json-tree-key{font-family:inherit;border:0;padding:2px 0;background:transparent;color:#274ea5;text-align:left;overflow-wrap:anywhere;max-width:44%}.json-type{font-size:14px;padding:2px 5px;background:#f0f3f9;color:#6a7c96;border-radius:4px;flex-shrink:0}.json-type-number{color:#935414;background:#fff5e5}.json-type-string{color:#137557;background:#eaf8f1}.json-type-boolean{color:#7654b1;background:#f3eefe}.json-tree-value{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:20px;color:#5c6e88}.json-tree button.json-tree-path{font-size:14px;margin-left:auto;padding:2px 6px;border-color:transparent;color:#8593a9;flex-shrink:0}.json-tree button.json-tree-more{margin:8px;font:14px ui-monospace,monospace;color:#2456e8}.json-tree-limit{color:#996623;font-size:14px;background:#fff9ed;padding:9px;line-height:1.6}.json-selection{font:14px ui-monospace,monospace;color:#718099;margin:0;padding:11px 20px;border-top:1px solid #edf0f5;overflow-wrap:anywhere}.json-empty{color:#8895aa;text-align:center;padding:52px 15px;font:14px system-ui,sans-serif}.json-diff-tools{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 20px}.json-diff-tools p{font-size:16px;line-height:1.7;color:#61728a;margin:0}.json-diff-tools button{white-space:nowrap}.json-diff{height:350px;overflow:auto;padding:0 20px 20px}.json-diff-summary,#j-diff-summary{font-size:14px;color:#53657d;margin:0;padding:0 20px 16px}.json-diff-item{border:1px solid #e2e8f1;border-radius:8px;overflow:hidden;margin-bottom:10px}.json-diff-item>div:first-child{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#f9fbfe}.json-diff-item>div:first-child button{font:14px ui-monospace,monospace;border:0;background:transparent;text-align:left;overflow-wrap:anywhere}.json-diff-badge{font-size:12px;color:#78501c;background:#fff3db;padding:3px 6px;border-radius:4px;flex-shrink:0}.json-diff-item.added .json-diff-badge{color:#137458;background:#e9f8f1}.json-diff-item.removed .json-diff-badge{color:#a8423b;background:#fff0ee}.json-diff-values{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.json-diff-values pre{white-space:pre-wrap;overflow-wrap:anywhere;font:14px/1.7 ui-monospace,monospace;padding:10px;margin:0;background:#fff6f4;max-height:130px;overflow:auto}.json-diff-values pre+pre{border-left:1px solid #e2e8f1;background:#f2faf6}.json-export-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:23px 20px;gap:15px 25px;border-top:1px solid #dce2eb;background:#fafcff}.json-export-panel h2{font-size:16px;margin:0 0 8px}.json-export-panel p{font-size:16px;color:#63748c;line-height:1.75;margin:0}.json-csv-controls{display:flex;flex-direction:column;gap:9px;font-size:14px;color:#4b607d;justify-content:center}.json-csv-controls label{display:flex;align-items:center;gap:6px}.json-csv-controls button{width:max-content}.json-export-panel p.json-export-note{grid-column:1/-1;font-size:16px;color:#7a899f}.json-draft-bar{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:15px 20px;border-top:1px solid #dce2eb;font-size:14px;color:#718099}.json-draft-bar label{display:flex;align-items:center;gap:6px}.json-draft-bar button{font-size:14px;padding:4px 7px}.json-draft-bar span{margin-left:auto}.json-workbench.dragging{outline:3px solid #6d94f2;outline-offset:3px}.json-page .prose a{color:#2456e8}.json-page .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:1000px){.json-commandbar{align-items:flex-start;flex-wrap:wrap}.json-primary-actions{gap:6px}.json-file-actions{margin-left:auto}.json-panel-heading{flex-wrap:wrap;gap:8px}.json-tree-tools{flex-wrap:wrap}.json-tree-tools>div{margin-left:auto}.json-export-panel{grid-template-columns:1fr}.json-draft-bar span{margin-left:0}.json-editor{height:380px}}@media(max-width:700px){.json-page .tool-heading h1{font-size:31px}.json-editor-grid{grid-template-columns:minmax(0,1fr)}.json-editor-panel+section{border-left:0;border-top:1px solid #dce2eb}.json-commandbar,.json-panel-heading,.json-tree-tools,.json-explore-bar,.json-notice,.json-export-panel,.json-draft-bar{padding-inline:13px}.json-editor{height:310px}.json-tree-tools form{flex-wrap:wrap}.json-tree-tools input{flex-basis:100%;max-width:none}.json-tree-tools>div{margin-left:0}.json-tree{padding-inline:10px;height:310px}.json-tree-children{padding-left:12px}.json-tree-row{gap:6px}.json-type{font-size:14px}.json-tree button.json-tree-key{max-width:50%}.json-tree-value{max-width:35%}.json-tree button.json-tree-path{font-size:14px}.json-explore-bar{align-items:flex-start;flex-direction:column;gap:8px}.json-diff-tools{padding:13px;align-items:flex-start;flex-direction:column;gap:10px}.json-diff{padding-inline:10px}.json-diff-values{grid-template-columns:1fr}.json-diff-values pre+pre{border-left:0;border-top:1px solid #e2e8f1}.json-draft-bar{gap:9px}.json-file-actions{margin-left:0}.json-primary-actions{row-gap:10px}.json-inline-label{font-size:14px}.json-export-panel p.json-export-note{grid-column:auto}}

/* bundled source: command-palette.css */
:root{--xunl-search-styles:1;--palette-bg:#fff;--palette-text:#172a47;--palette-muted:#617187;--palette-border:#dce3ee;--palette-active:#f1f5fc;--palette-blue:#2456e8;--palette-blue-bg:#edf2ff}html:is([data-xunl-theme=dark],[data-theme=dark]){--palette-bg:#142034;--palette-text:#e7eef9;--palette-muted:#b0bfd3;--palette-border:#344156;--palette-active:#22324c;--palette-blue:#91b5ff;--palette-blue-bg:#243758}.xunl-header-search{position:relative;display:flex;align-items:center;gap:9px;box-sizing:border-box;flex:1 1 240px;min-width:180px;max-width:400px;height:44px;margin:0 4px 0 auto;padding:0 12px;border:1px solid var(--line,var(--palette-border));border-radius:10px;background:var(--white,var(--palette-bg));color:var(--muted,var(--palette-muted))}.xunl-header-search:focus-within{border-color:var(--blue,var(--palette-blue));box-shadow:0 0 0 3px var(--blue-soft,var(--palette-blue-bg))}.xunl-header-search>svg{width:18px;height:18px;flex:0 0 18px;fill:none;color:inherit}.xunl-header-search input[type=search],.xunl-header-search input[data-xunl-search]{display:block;flex:1 1 auto;box-sizing:border-box;width:100%;min-width:0;min-height:42px;height:42px;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;color:var(--ink,var(--palette-text));font:inherit;font-size:15px;line-height:1.4;outline:0}.xunl-header-search input::placeholder{color:var(--muted,var(--palette-muted));opacity:1}.xunl-header-search>kbd{flex:0 0 auto;padding:2px 5px;border:1px solid var(--line,var(--palette-border));border-radius:4px;background:var(--paper,var(--palette-active));color:var(--muted,var(--palette-muted));font-family:inherit;font-size:11px;line-height:1.3;white-space:nowrap}.header nav{margin-left:0}:is(.header,.pnav.xnav-header) .xunl-header-search input:focus-visible{outline:0;box-shadow:none}@media(max-width:1100px){.header .nav-wrap:has(>.xunl-header-search){flex-wrap:wrap;gap:10px 14px}.header .nav-wrap>.xunl-header-search{order:9;flex-basis:100%;max-width:none;min-width:0;margin:0}.xunl-header-search input[type=search],.xunl-header-search input[data-xunl-search]{font-size:16px}}@media(max-width:600px){.xunl-header-search>kbd{display:none}}.xunl-search-popover{position:fixed;z-index:10000;display:flex;flex-direction:column;box-sizing:border-box;margin:0;padding:0;border:1px solid var(--palette-border);border-radius:14px;background:var(--palette-bg);color:var(--palette-text);box-shadow:0 16px 48px rgba(15,23,42,.2);overflow:hidden;isolation:isolate}.xunl-search-popover[hidden]{display:none!important}.xunl-palette-suggestions{display:flex;flex:0 0 auto;align-items:center;gap:8px;min-height:48px;padding:7px 10px;border-bottom:1px solid var(--palette-border);background:var(--palette-active)}.xunl-suggestions-label{flex:0 0 auto;font-size:12px;color:var(--palette-muted)}.xunl-suggestion-chips{display:flex;align-items:center;gap:6px;min-width:0;overflow-x:auto;scrollbar-width:thin}.xunl-suggestion-chip{flex:0 0 auto;min-height:32px;padding:5px 10px;border:1px solid var(--palette-border);border-radius:999px;background:var(--palette-bg);color:var(--palette-text);font:inherit;font-size:12px;line-height:1.3;white-space:nowrap;cursor:pointer}.xunl-suggestion-chip:hover{border-color:var(--palette-blue);color:var(--palette-blue)}.xunl-palette-close{flex:0 0 36px;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--palette-muted);font-family:inherit;font-size:24px;line-height:1;cursor:pointer}.xunl-palette-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:5px;scrollbar-width:thin}.xunl-palette-item{display:flex;align-items:center;gap:2px;padding:0;border-radius:9px;color:var(--palette-text)}.xunl-palette-item:hover,.xunl-palette-item.active{background:var(--palette-active)}.xunl-palette-result{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0;min-height:64px;padding:9px 8px;color:inherit;text-decoration:none}.xunl-palette-visual{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;overflow:hidden;border:1px solid var(--palette-border);border-radius:9px;background:var(--palette-active);color:var(--palette-blue)}.xunl-palette-thumb{display:block;box-sizing:border-box;width:100%;height:100%;object-fit:cover}.xunl-palette-fallback-icon{font-size:24px;line-height:1}.xunl-palette-meta{display:block;flex:1 1 auto;min-width:0}.xunl-palette-title{display:block;color:var(--palette-text);font-size:14px;font-weight:650;line-height:1.45;white-space:normal;overflow-wrap:anywhere}.xunl-palette-title mark,.xunl-palette-desc mark{background:transparent;color:var(--palette-blue);font-weight:700;text-decoration:underline}.xunl-palette-desc{display:block;margin-top:2px;color:var(--palette-muted);font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xunl-palette-jump{flex:0 0 auto;color:var(--palette-muted);font-size:18px}.xunl-palette-star{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--palette-muted);font-size:22px;cursor:pointer}.xunl-palette-star:hover,.xunl-palette-star.starred{color:#a46300;background:var(--palette-blue-bg)}html:is([data-xunl-theme=dark],[data-theme=dark]) .xunl-palette-star.starred{color:#ffd377}.xunl-search-popover :is(a,button):focus-visible{outline:2px solid var(--palette-blue);outline-offset:-2px}.xunl-palette-empty{padding:24px 18px;color:var(--palette-muted);font-size:14px;line-height:1.6;text-align:center}.xunl-search-retry{display:block;min-height:44px;margin:12px auto 0;padding:8px 18px;border:1px solid var(--palette-blue);border-radius:8px;background:var(--palette-bg);color:var(--palette-blue);font:inherit;cursor:pointer}.xunl-palette-footer{display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:5px 12px;border-top:1px solid var(--palette-border);background:var(--palette-active);color:var(--palette-muted);font-size:11px;line-height:1.4}.xunl-palette-count{font-variant-numeric:tabular-nums}@media(max-width:600px){.xunl-search-popover{border-radius:11px}.xunl-suggestions-label{display:none}.xunl-palette-result{gap:9px}.xunl-palette-desc{max-width:100%}.xunl-palette-visual{flex-basis:38px;width:38px;height:38px}.xunl-palette-star{flex-basis:40px;width:40px}.xunl-palette-hints{font-size:10px}}@media print{.xunl-header-search,.xunl-search-popover{display:none!important}}@media(max-width:1100px){.header>.nav-wrap.nav-wrap{flex-wrap:wrap!important}.header>.nav-wrap>.brand{flex:0 0 auto;min-width:0}.header>.nav-wrap>.xunl-header-search{flex:1 0 100%;min-width:0;width:100%;max-width:none;box-sizing:border-box}}@media(max-width:600px){.header>.nav-wrap>.brand{flex:1 1 auto}.header>.nav-wrap>.nav-login{display:none}.header>.nav-wrap>nav{order:10;flex:1 0 100%;min-width:0;max-width:100%;overflow-x:auto}.header>.nav-wrap>.xunl-preferences{margin-left:0}.header>.nav-wrap>.nav-signup{flex:0 0 auto}}

/* bundled source: interaction-play.css */
/* Small, truthful interaction cues. Loaded in <head> so icon space is reserved. */
:root{--xplay-accent:var(--blue,#2855eb);--xplay-good:#14866d;--xplay-bad:#c64155;--xplay-icon-play:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m8 5 11 7-11 7z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");--xplay-icon-copy:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='8' y='8' width='12' height='13' rx='2' fill='none' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M16 8V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h3' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E");--xplay-icon-download:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3v12m-5-5 5 5 5-5M4 16v4h16v-4' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--xplay-icon-reset:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 9a8 8 0 1 1 1 9M4 3v6h6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--xplay-icon-example:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m13 3-8 10h6l-1 8 9-12h-7z' fill='none' stroke='black' stroke-width='1.8' stroke-linejoin='round'/%3E%3C/svg%3E");--xplay-icon-chart:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4v16h17M8 15v-4m5 4V7m5 8v-6' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round'/%3E%3C/svg%3E");--xplay-icon-controls:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16M4 12h16M4 18h16' stroke='black' stroke-width='1.8'/%3E%3Cpath d='M8 3v6m8 0v6m-5 0v6' stroke='black' stroke-width='3'/%3E%3C/svg%3E")}
:where(button,a[role="button"],a.button,a.primary-link,input[type="submit"]){touch-action:manipulation;transition:transform 120ms ease,box-shadow 140ms ease,border-color 140ms ease,background-color 140ms ease}
:where(button,a[role="button"],a.button,a.primary-link,input[type="submit"]):not(:disabled):not([aria-disabled="true"]):active{transform:translateY(1px) scale(.978)}
:where(button,a[role="button"],a.button,a.primary-link,input[type="submit"]):focus-visible{outline:3px solid color-mix(in srgb,var(--xplay-accent) 55%,transparent);outline-offset:3px}
:where(main input,main textarea,main select){transition:border-color 140ms ease,box-shadow 140ms ease;accent-color:var(--xplay-accent)}
:where(main input,main textarea,main select):focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--xplay-accent) 12%,transparent)}
:is(#run-button,#copy-button,#download-button,#example-button,#clear-button,#mw-copy,#mw-share,#el-copy,#el-share){position:relative;padding-inline-start:36px}
:is(#run-button,#copy-button,#download-button,#example-button,#clear-button,#mw-copy,#mw-share,#el-copy,#el-share)::before{content:"";position:absolute;inset-inline-start:12px;top:50%;width:16px;height:16px;transform:translateY(-50%);background:currentColor;mask:var(--xplay-action-icon,var(--xplay-icon-play)) center/contain no-repeat;pointer-events:none}
:where(#copy-button,#mw-copy,#mw-share,#el-copy,#el-share){--xplay-action-icon:var(--xplay-icon-copy)}
#download-button{--xplay-action-icon:var(--xplay-icon-download)}
#example-button{--xplay-action-icon:var(--xplay-icon-example)}
#clear-button{--xplay-action-icon:var(--xplay-icon-reset)}
:is(.input-panel h2,.output-panel h2,.mw-overline){position:relative;padding-inline-start:29px}
:is(.input-panel h2,.output-panel h2,.mw-overline)::before{content:"";position:absolute;inset-inline-start:0;top:50%;width:20px;height:20px;transform:translateY(-50%);background:var(--xplay-accent);mask:var(--xplay-section-icon,var(--xplay-icon-controls)) center/contain no-repeat;pointer-events:none}
:is(.output-panel h2,.mw-overline){--xplay-section-icon:var(--xplay-icon-chart)}
:where(.mw-shapes label,.el-choice label,[role="tab"],[aria-pressed="true"]){transition:border-color 120ms ease,background-color 120ms ease,box-shadow 120ms ease}
:where(.mw-shapes label:has(input:checked),.el-choice label:has(input:checked)){box-shadow:inset 0 0 0 1px var(--xplay-accent)}
.xplay-result-pane{position:relative}
.xplay-result-pane::after{content:"";position:absolute;inset-inline-end:13px;top:13px;width:9px;height:9px;border:2px solid var(--xplay-accent);border-radius:50%;opacity:0;pointer-events:none;z-index:1}
.xplay-result-pane.xplay-updated::after{animation:xplay-result-pulse 520ms ease-out both}
.xplay-confirmed{animation:xplay-confirm 420ms ease-out both}
.xplay-invalid{outline:2px solid var(--xplay-bad);outline-offset:2px;animation:xplay-nudge 240ms ease-out}
.xplay-input-touched{animation:xplay-input 330ms ease-out}
.xplay-active-control{box-shadow:0 0 0 3px color-mix(in srgb,var(--xplay-accent) 16%,transparent)}
@keyframes xplay-result-pulse{0%{opacity:0;transform:scale(.6)}25%{opacity:.95;transform:scale(1)}100%{opacity:0;transform:scale(2.2)}}
@keyframes xplay-confirm{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--xplay-good) 35%,transparent)}100%{box-shadow:0 0 0 7px transparent}}
@keyframes xplay-nudge{0%,100%{translate:0}30%{translate:-3px}65%{translate:3px}}
@keyframes xplay-input{0%{outline:2px solid color-mix(in srgb,var(--xplay-accent) 45%,transparent);outline-offset:2px}100%{outline:2px solid transparent;outline-offset:4px}}
@media(hover:hover) and (pointer:fine){:where(main button,header button):not(:disabled):hover{border-color:var(--xplay-accent)}:where(.tool-card,.kit-card){transition:transform 140ms ease,box-shadow 140ms ease}:where(.tool-card,.kit-card):hover{transform:translateY(-2px)}}
@media(prefers-reduced-motion:reduce){:where(button,a[role="button"],a.button,a.primary-link,input[type="submit"],main input,main select,main textarea,.tool-card,.kit-card){transition:none!important}:where(button,a[role="button"],a.button,a.primary-link,input[type="submit"]):active{transform:none}.xplay-updated::after,.xplay-confirmed,.xplay-invalid,.xplay-input-touched{animation:none!important}:where(.tool-card,.kit-card):hover{transform:none}}
html.xplay-paused .xplay-updated::after,html.xplay-paused :is(.xplay-confirmed,.xplay-invalid,.xplay-input-touched){animation:none!important}