#root{min-height:100vh}body{margin:0}:root{--ink:#111;--muted:#555;--hairline:#ddd}html,body,#root{height:100%}body{color:var(--ink);background:#fff;margin:0;padding:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px;line-height:1.55;overflow:hidden}.app-shell{box-sizing:border-box;flex-direction:column;height:100vh;padding:1.5rem 2rem 2rem;display:flex;overflow:hidden}body>div{max-width:1100px;margin:0 auto}header{flex-wrap:wrap;flex:none;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}header p:first-child{margin:0 0 .25rem;font-size:1.3rem}header p{margin:.25rem 0}header button{font:inherit;margin-right:.5em;padding:.5em 1.1em;font-size:.95rem}main{flex:1;grid-template-columns:400px minmax(0,1fr);align-items:stretch;gap:2.5rem;min-height:0;display:grid;overflow:hidden}.config{overscroll-behavior:contain;min-height:0;padding-right:.5rem;overflow-y:auto}.preview{flex-direction:column;min-height:0;display:flex;overflow:hidden}.preview embed{flex:1;width:100%;min-height:0}@media (width<=850px){body{overflow:auto}.app-shell{height:auto;min-height:100vh;overflow:visible}main{grid-template-columns:1fr;overflow:visible}.config,.preview{overflow:visible}.preview embed{flex:none;height:70vh}}section h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);border-top:1px solid var(--hairline);margin:2rem 0 .75rem;padding-top:1.25rem;font-size:.8rem}section h3:first-child{border-top:none;margin-top:0;padding-top:0}section h3 button{text-transform:none;letter-spacing:normal}label{margin:0 0 .8rem;font-size:.95rem;display:block}input,select,textarea{font:inherit;box-sizing:border-box;border:1px solid #999;border-radius:3px;width:100%;max-width:100%;margin-top:.25rem;padding:.45em .6em;display:block}input[type=checkbox]{width:auto;margin:0 0 0 .5em;display:inline-block;transform:scale(1.25)}textarea{resize:vertical}button{font:inherit;cursor:pointer;padding:.35em .8em;font-size:.9rem}button:disabled{cursor:default;opacity:.55}section:last-child>p:first-child{color:var(--muted);font-size:.9rem}h2{letter-spacing:.02em;margin:1.25rem 0 .25rem;font-size:1.8rem}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:1.25rem 0}th,td{text-align:left;vertical-align:top;padding:.55em .7em}thead th{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:2px solid var(--ink);font-size:.78rem}tbody td{border-bottom:1px solid var(--hairline)}td.r,th.r{text-align:right;white-space:nowrap}@media print{html,body,#root{height:auto}body{padding:0;overflow:visible}.app-shell{height:auto;padding:0;display:block;overflow:visible}header,.no-print{display:none!important}main{display:block;overflow:visible}.preview{overflow:visible}}