:root{color-scheme:light;font-family:ui-monospace,"SFMono-Regular","SF Mono",Menlo,Monaco,monospace;color:#151515;background:#fff;font-size:12px}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}header{border-bottom:1px solid #bbb;padding:16px 18px;display:flex;gap:8px;letter-spacing:.06em}main{width:100%;max-width:1500px;margin:0 auto;padding:22px 18px 40px;flex:1}.heading{margin-bottom:22px}h1{font-family:Garamond,"EB Garamond","Adobe Garamond Pro",Georgia,serif;font-size:42px;line-height:1;font-weight:400;margin:0 0 8px}.heading p{margin:0;line-height:1.5}.workspace{display:grid;grid-template-columns:245px minmax(0,1fr);gap:38px;align-items:start}#controls{position:sticky;top:12px}fieldset{border:1px solid #aaa;margin:0 0 14px;padding:12px}legend{padding:0 6px;letter-spacing:.06em}label{display:flex;justify-content:space-between;gap:8px;margin:10px 0 4px;line-height:1.25}select,input,textarea,button{font:inherit;font-size:12px;border-radius:0}select,input[type=number],input[type=text],textarea{width:100%;border:1px solid #999;background:#fff;color:#111;padding:4px}textarea{resize:vertical;line-height:1.35}input[type=range]{width:100%;margin:2px 0;accent-color:#111}button{border:1px solid #999;background:#fff;color:#111;padding:5px 8px;cursor:pointer}fieldset>button{width:100%;margin-top:10px}button:hover{background:#d8d8d8}button:active,button[aria-pressed=true]{background:#151515;color:#fff;border-color:#151515}.note,.metadata,.message{line-height:1.5}.outputs{min-width:0;display:grid;gap:42px}.stage{min-width:0}.stage h2{font:inherit;font-size:12px;letter-spacing:.06em;margin:0 0 8px}.viewport{height:min(70vh,760px);min-height:380px;position:relative;overflow:hidden;background:#ededed;border:1px solid #aaa}.paper-preview{position:absolute;left:0;top:0;background:#fff;line-height:0;transform-origin:0 0}.paper-preview svg{display:block;width:100%;height:100%;background:#fff}.view-controls{display:flex;align-items:center;justify-content:flex-start;gap:7px;margin:8px 0}.view-controls button{min-width:40px}.view-controls output{min-width:44px;text-align:center}.metadata,.message{margin:5px 0 0}.message{color:#555}.site-footer{margin-top:auto;border-top:1px solid #bbb;padding:18px;min-height:58px}.site-footer a{text-decoration:underline}:focus-visible{outline:2px solid #111;outline-offset:2px}@media(max-width:760px){.workspace{grid-template-columns:1fr}.outputs{grid-row:1}.viewport{height:62vh;min-height:300px}#controls{position:static}h1{font-size:36px}}