:root{color-scheme:light;font-family:system-ui,sans-serif;color:#192c38;background:#f3f6f7}*{box-sizing:border-box}body{margin:0}main{max-width:720px;margin:60px auto;padding:0 24px}h1{font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.15}h2{font-size:1.15rem;margin-top:0}p{line-height:1.6}.eyebrow{color:#326d70;font-size:.8rem;letter-spacing:.14em;font-weight:700}.intro,.note{color:#52636d}section{background:white;border:1px solid #d6e0e4;border-radius:14px;padding:24px;margin:20px 0}.tabs{display:flex;gap:8px;margin:20px 0}form{gap:18px}form,label{display:grid}label{gap:7px;font-size:.9rem}input{width:100%;border:1px solid #8eaaaf;border-radius:7px;padding:12px;font:inherit}textarea{width:100%;resize:vertical;overflow-wrap:anywhere}button{border:1px solid #23666a;border-radius:7px;padding:11px 16px;color:white;background:#23666a;font:inherit;cursor:pointer}.tabs button[aria-pressed=false]{background:white;color:#23666a}button:disabled{opacity:.65;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #c38328;outline-offset:3px}.status{min-height:1.6em;margin-bottom:0;overflow-wrap:anywhere}.note{font-size:.85rem}@media (max-width:480px){main{margin-top:30px;padding:0 16px}section{padding:18px}}.platform-language,.ui-preview .platform-language{width:112px;max-width:112px;min-width:104px;min-height:44px;flex-shrink:0;padding:7px 8px;border:1px solid #dbe2ec;border-radius:8px;background:white;color:#25334a;font:inherit;font-size:13px}.ui-preview .ui-topbar{flex-wrap:wrap}.ui-preview .ui-header-end{flex-shrink:0;margin-left:auto}@media (max-width:430px){.ui-preview .ui-topbar{gap:8px;padding:12px}.ui-preview .ui-header-end{gap:8px}.platform-language,.ui-preview .platform-language{width:104px;max-width:104px}}