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