.wave-shell:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:min(1120px,calc(100% - 32px));margin:0 auto;padding:36px 0 72px}.wave-shell h1:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-size:clamp(2.2rem,6vw,4.8rem);line-height:1.02;margin:.35rem 0 1rem}.wave-shell .lead:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-size:1.18rem;max-width:760px}.wave-note:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border-left:4px solid #2457d6;background:#eef3ff;padding:12px 16px}.wave-layout:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.55fr);gap:24px;margin:28px 0}.wave-card:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.wave-notes section:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border:1px solid #d8deea;border-radius:18px;background:#fff;padding:24px;box-shadow:0 12px 34px rgba(21,33,58,.07)}.wave-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.wave-field:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;gap:7px;font-weight:700;margin-bottom:16px}.wave-field input:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.wave-field select:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.wave-field textarea:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font:inherit;width:100%;box-sizing:border-box;border:1px solid #8994a8;border-radius:9px;padding:11px 12px;background:#fff;color:#111}.wave-field textarea:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:150px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.wave-actions:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.wave-actions button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.color-button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:44px;border:1px solid #2149a7;border-radius:999px;padding:10px 17px;font:inherit;font-weight:700;cursor:pointer;background:#fff;color:#173b8f}.wave-actions .primary:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){background:#173b8f;color:#fff}.wave-actions button:disabled:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){opacity:.55;cursor:not-allowed}.wave-error:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:1.5em;color:#a31621;font-weight:700}.wave-status:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:1.5em;color:#38445b}.wave-result:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){margin-top:22px;border-top:1px solid #d8deea;padding-top:18px}.wave-result code:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.wave-result p:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){overflow-wrap:anywhere}.wave-result ol:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){max-height:320px;overflow:auto}.wave-notes:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.braille-output:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-size:1.55rem;line-height:1.7}.permission-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;grid-template-columns:auto repeat(3,minmax(64px,1fr));gap:8px;align-items:center;margin:18px 0}.permission-grid .head:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){font-weight:800;text-align:center}.permission-grid label:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;justify-content:center;gap:6px;min-height:42px;align-items:center;border:1px solid #d8deea;border-radius:8px}.permission-preview:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:grid;gap:6px;padding:14px;background:#f5f7fb;border-radius:10px}.pixel-swatches:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:flex;flex-wrap:wrap;gap:10px}.color-button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){border-radius:9px}.color-button[aria-pressed=true]:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){outline:3px solid #173b8f;outline-offset:2px}.color-dot:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:inline-block;width:1em;height:1em;border-radius:50%;border:1px solid #777;vertical-align:-.12em;margin-right:6px}.pixel-screen:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){position:fixed;inset:0;z-index:10000;background:#000}.pixel-screen[hidden]:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){display:none}.pixel-controls:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){position:absolute;top:16px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;background:rgba(255,255,255,.94);color:#111;padding:10px;border-radius:12px;box-shadow:0 4px 18px rgba(0,0,0,.3)}.pixel-controls button:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){min-height:42px;padding:8px 12px;font:inherit;font-weight:700}.pixel-test-active:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){overflow:hidden}.wave-shell :focus-visible:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){outline:3px solid #ff9f1c;outline-offset:3px}@media(max-width:760px){.wave-layout:where(:not(.jl-v7-chrome,.jl-v7-chrome *)),.wave-notes:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:1fr}.wave-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:1fr}.wave-card:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){padding:18px}.wave-shell:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:min(100% - 22px,1120px);padding-top:24px}.permission-grid:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){grid-template-columns:auto repeat(3,minmax(48px,1fr));font-size:.9rem}.pixel-controls:where(:not(.jl-v7-chrome,.jl-v7-chrome *)){width:calc(100% - 24px);box-sizing:border-box}}