:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);--text:#edf2ff;--text-code:#e8eeff;--text-muted:#8d9cbd;--text-soft:#aab6d3;--text-panel:#c8d3ef;--text-accent:#8fb3ff;--border:#253253;--surface:#11182b;--surface-raised:#141b32;--surface-code:#080d1a;--accent:#3d6df2;--accent-hover:#4d7cff;--radius-panel:12px;--radius-control:8px;--space-container:16px;--space-header:16px;--panel-head-height:58px;background:#0b1020;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(135deg,#3d6df21f,#0000 34%),linear-gradient(315deg,#22c5ae14,#0000 38%),#0b1020;min-width:320px;margin:0}button,textarea,pre{font:inherit}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}a{color:var(--text-accent);text-underline-offset:3px;text-decoration:none;transition:color .15s,text-decoration-color .15s}a:hover,.footer-link:hover{color:var(--accent-hover);text-decoration:underline}a:focus-visible,.footer-link:focus-visible{outline:2px solid var(--text-accent);outline-offset:3px;border-radius:3px}.shell{flex-direction:column;width:min(1440px,100vw - 32px);min-height:100vh;margin:0 auto;padding:32px 0;display:flex}header{justify-content:space-between;align-items:end;gap:var(--space-header);margin-bottom:var(--space-header);display:flex}header>div{width:100%}h1{margin:0;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.08}.lead{color:var(--text-soft);max-width:none;margin:10px 0 0}.eyebrow{text-transform:uppercase;letter-spacing:.16em;color:var(--text-accent);margin:0 0 8px;font-size:.78rem}.mode{background:var(--surface-raised);border-radius:var(--radius-panel);border:1px solid #263252;flex-wrap:wrap;flex:none;padding:4px;display:flex}.mode button,.panel-button{border-radius:var(--radius-control);color:var(--text);cursor:pointer;background:0 0;border:0;padding:10px 14px;transition:background-color .15s,color .15s,box-shadow .15s}.mode button:hover{background:#ffffff0f}.mode button.active,.panel-button{background:var(--accent)}.panel-button:hover{background:var(--accent-hover)}.mode button:focus-visible,.panel-button:focus-visible,.compatibility input:focus-visible,.info-button:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}.controls{justify-content:space-between;align-items:center;gap:var(--space-container);margin-bottom:var(--space-container);display:flex}.compatibility{min-width:0;max-width:100%;color:var(--text-soft);cursor:pointer;align-items:center;gap:10px;font-size:.92rem;line-height:1.25;display:flex}.compatibility-control{align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.compatibility input{width:18px;height:18px;accent-color:var(--accent);cursor:pointer;flex:none}.compatibility.disabled{color:var(--text-muted);cursor:not-allowed;opacity:.65}.compatibility.disabled input{cursor:not-allowed}.info-button{width:22px;height:22px;color:var(--text-accent);background:var(--surface-raised);cursor:pointer;border:1px solid #3b4a70;border-radius:50%;flex:none;place-items:center;padding:0;font-size:.78rem;font-weight:700;line-height:1;transition:background-color .15s,border-color .15s,color .15s;display:inline-grid}.info-button:hover{border-color:var(--text-accent);color:var(--text);background:#ffffff0f}.grid{gap:var(--space-container);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);flex-direction:column;min-width:0;min-height:clamp(420px,62vh,780px);display:flex;overflow:hidden;box-shadow:0 16px 48px #00000038}.panel-head{justify-content:space-between;align-items:center;gap:var(--space-container);height:var(--panel-head-height);flex:0 0 var(--panel-head-height);color:var(--text-panel);border-bottom:1px solid var(--border);background:#ffffff04;padding:10px 16px;display:flex}.panel-head h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:1rem;font-weight:600;line-height:1.25;overflow:hidden}.panel-actions{flex:none;gap:8px;display:flex}.panel-button{flex:none}textarea,pre{resize:none;background:var(--surface-code);width:100%;min-height:0;color:var(--text-code);white-space:pre;border:0;outline:0;flex:1;margin:0;padding:18px;line-height:1.5;overflow:auto}textarea:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb, var(--text-accent) 55%, transparent)}.panel-message{color:#ffe7a3;background:#201b0d;border-top:1px solid #5a4a20;margin:0;padding:10px 16px;font-size:.9rem;line-height:1.35}.panel-message.empty{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}footer{margin-top:var(--space-container)}.footer-link{color:var(--text-accent);cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;text-decoration:none;transition:color .15s,text-decoration-color .15s}.warnings{margin-bottom:var(--space-container);border-radius:var(--radius-panel);color:#ffe7a3;background:#201b0d;border:1px solid #5a4a20;padding:16px 18px}.warnings ul{margin:8px 0 0;padding-left:20px}footer{color:var(--text-muted);font-size:.92rem}.dialog-layer{z-index:20;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog-backdrop{cursor:pointer;background:#050811b8;border:0;padding:0;position:absolute;inset:0}.dialog{z-index:1;width:min(100%,560px);color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:22px;position:relative;box-shadow:0 24px 72px #0000006b}.dialog-head{justify-content:space-between;align-items:start;gap:16px;margin-bottom:14px;display:flex}.dialog h2{margin:0;font-size:1.2rem;line-height:1.25}.dialog p{color:var(--text-soft);margin:0;line-height:1.55}.dialog p+p{margin-top:12px}.dialog-close{border-radius:var(--radius-control);color:var(--text);background:var(--accent);cursor:pointer;border:0;flex:none;padding:8px 12px;transition:background-color .15s,box-shadow .15s}.dialog-close:hover{background:var(--accent-hover)}.dialog-close:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}@media (max-width:1040px){header{display:block}.controls{flex-direction:column;align-items:stretch}.mode{width:100%}.mode button{flex:140px}.compatibility-control,.compatibility{width:100%;max-width:none}.compatibility-control{align-items:flex-start}.info-button{margin-top:1px}}@media (max-width:860px){.grid{grid-template-columns:1fr}.panel{min-height:clamp(320px,44vh,520px)}}@media (max-width:520px){.shell{width:min(100% - 20px,1440px);padding:20px 0}header{gap:var(--space-container);margin-bottom:var(--space-container)}.lead{font-size:.95rem}.panel-head{padding:10px 14px}textarea,pre{padding:14px;font-size:.9rem}}