:root{font-family:ui-monospace,"SF Mono",Menlo,monospace;color:#111;background:#fff;font-size:16px}*{box-sizing:border-box}body{margin:0}header{padding:18px 3%;border-bottom:1px solid #bbb;font-size:11px;letter-spacing:.08em}a{color:inherit;text-decoration:none}main{padding:22px 3%}h1{font:400 36px Garamond,serif;margin:0}p{color:#555}.work{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px}fieldset{border:1px solid #aaa;padding:14px;margin:0}label{display:block;margin-top:14px}select,input,textarea{width:100%;margin-top:5px;font:inherit}textarea{resize:vertical;box-sizing:border-box}fieldset>button{width:100%;margin-top:10px;padding:7px;background:#fff;border:1px solid #999;font:inherit}#picks{padding-left:18px;line-height:1.45}#picks li{margin:5px 0}#picks .pick-restore{width:100%;padding:5px 7px;text-align:left;background:#fff;border:1px solid #aaa;font:inherit;cursor:pointer}#picks .pick-restore:hover,#picks .pick-restore:focus{background:#111;color:#fff;outline:none}figure{margin:0}figcaption{margin-bottom:8px}.outputs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.viewport{height:70vh;overflow:hidden;position:relative;background:#eee;border:1px solid #aaa}.paper{position:absolute;line-height:0;background:#fff}.paper svg{display:block;width:100%;height:100%}.view{display:flex;gap:6px;align-items:center;margin-top:8px}.view button{font:inherit;background:#fff;border:1px solid #999;padding:5px 8px}.info{margin-top:9px;padding:8px;border-top:1px solid #aaa;color:#444;line-height:1.5}.meta{margin-top:12px;text-align:center}@media(max-width:800px){.work,.outputs{grid-template-columns:1fr}.viewport{height:55vh}}

/* Noise Field reference controls */
#controls{border:1px solid #aaa;padding:0;background:#fff}#controls fieldset{border:0;padding:12px 18px}#controls label{margin-top:8px;font-size:12px}#controls select,#controls input,#controls textarea{margin-top:4px;font-size:12px}#controls fieldset>button,.export{width:100%;margin-top:10px;padding:8px;background:#fff;border:1px solid #151515;font:12px/1.35 ui-monospace,"SF Mono",Menlo,monospace}.export:hover,.export:focus-visible,#controls button:hover,#controls button:focus-visible{background:#f1f1f1;color:#151515;outline:none}.outputs figure:first-child .export{background:#151515;color:#fff;border-color:#151515}.outputs figure:first-child .export:hover{background:#333;color:#fff}.view{justify-content:center}.view button{font:12px/1.35 ui-monospace,"SF Mono",Menlo,monospace}.info,.meta{font-size:12px}

/* Shared readable control rule: controls are always 12px monospace and action rows begin at the left edge. */
#controls,#controls *,.view,.view *{font-size:12px!important}.view{justify-content:flex-start}