:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0e0e10;--panel:#18181b;--line:#ffffff1a;--text:#efeff1;--muted:#adadb8;--accent:#f5b942}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{gap:24px;max-width:1040px;margin:0 auto;padding:48px 16px;display:grid}h1{margin:0 0 8px;font-size:40px}h2{margin:0 0 6px}p{color:var(--muted);line-height:1.5}label{gap:6px;max-width:320px;font-weight:600;display:grid}input{background:var(--panel);border:1px solid var(--line);color:var(--text);border-radius:8px;padding:10px 12px;font-size:16px}section{background:var(--panel);border:1px solid var(--line);border-radius:14px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;padding:24px;display:grid}@media (width<=720px){section{grid-template-columns:1fr}}.size,.hint{font-size:14px}.link{flex-wrap:wrap;align-items:center;gap:8px;display:flex}code{background:var(--bg);overflow-wrap:anywhere;border-radius:6px;padding:6px 8px;font-size:13px}button{background:var(--accent);color:#0c0d11;cursor:pointer;border:0;border-radius:8px;padding:8px 14px;font-weight:700}iframe{background:var(--bg);color-scheme:normal;border:0;border-radius:10px;width:100%}