:root{color-scheme:light;--ink:#18384c;--muted:#48667a;--line:#284c6626;--blue:#246e98}*{box-sizing:border-box}body{margin:0;background:#eaf3f8;color:var(--ink);font:16px/1.7 system-ui,sans-serif}header,main,footer{max-width:920px;margin:auto;padding:26px}header{display:flex;justify-content:space-between;align-items:center;gap:20px}.info-brand{font-size:26px;text-decoration:none;font-weight:600}.info-brand span{font-weight:400}a{color:var(--blue);text-underline-offset:3px}h1{font:42px/1.18 Georgia,serif;letter-spacing:-.035em;margin:15px 0 20px}h2{font-size:21px;margin:35px 0 10px}p{max-width:780px}.info-lead{color:var(--muted);font-size:18px}.info-card{background:#ffffff87;border:1px solid var(--line);padding:23px;border-radius:18px;margin:20px 0}.info-card>p:first-child{margin-top:0}.info-card>p:last-child{margin-bottom:0}footer{font-size:12px;color:var(--muted);padding-top:40px}input,textarea,button,select{font:inherit}input,textarea,select{max-width:100%;background:#fff;border:1px solid #6b91aa80;border-radius:10px;padding:12px;color:var(--ink)}input{width:100%}textarea{width:100%;height:140px;font:13px/1.6 ui-monospace,monospace;resize:vertical}label{display:block;margin:15px 0 8px}button{padding:10px 15px;border:1px solid #6b91aa80;border-radius:10px;color:var(--ink);background:#d9edf8;cursor:pointer}button:disabled{opacity:.5;cursor:default}.widget-generator{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:30px}.widget-preview{width:100%;height:450px;border:1px solid var(--line);border-radius:18px;background:#eef6fb}#embedResults{display:grid;gap:6px;margin-top:10px}#embedResults[hidden]{display:none}#embedResults button{text-align:left;background:#fff}#embedStatus{font-size:13px;color:var(--muted)}details summary{cursor:pointer;color:var(--blue)}code{font-size:13px;overflow-wrap:anywhere}body footer a{color:inherit}@media(max-width:720px){header,main,footer{padding:20px}h1{font-size:34px}.widget-generator{grid-template-columns:1fr}.widget-preview{max-width:350px}}

footer a{white-space:nowrap}