*{box-sizing:border-box}html,body{color:#17211c;background:#e8e6df;margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}main{min-height:100vh}header{letter-spacing:.09em;background:#f3f1eb;border-bottom:1px solid #bbb8ae;grid-template-columns:1fr auto 1fr;align-items:center;height:62px;padding:0 24px;font:11px ui-monospace,monospace;display:grid}header a{color:#17211c;text-decoration:none}header b{letter-spacing:-.03em;font:900 20px Arial}header em{color:#ef4a18;font:10px ui-monospace}header span{text-align:right;color:#607068}.workspace{border-bottom:1px solid #aaa79e;grid-template-columns:340px 1fr;min-height:680px;display:grid}aside{background:#f3f1eb;border-right:1px solid #bbb8ae;padding:28px}.eyebrow{letter-spacing:.13em;color:#617168;margin:0 0 16px;font:10px ui-monospace,monospace}h1{letter-spacing:-.055em;margin:0 0 22px;font-size:42px;line-height:.96}h1 i{color:#ef4a18;font-family:Georgia,serif;font-weight:400}h2{text-transform:uppercase;letter-spacing:.09em;margin:22px 0 12px;font-size:12px}.presets{grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:18px;display:grid}.presets button,nav button{text-transform:uppercase;background:0 0;border:1px solid #aaa79e;padding:9px 5px;font:10px ui-monospace,monospace}.presets button:hover,nav button:hover{border-color:#ef4a18}nav{border-top:1px solid #bbb8ae;border-bottom:1px solid #bbb8ae;grid-template-columns:repeat(4,1fr);margin:0 -28px;display:grid}nav button{border:0;border-right:1px solid #bbb8ae}nav button.on{color:#fff;background:#17211c}.panel{padding-top:2px}.field{border-bottom:1px solid #cbc8bf;grid-template-columns:1fr 84px 28px;align-items:center;padding:9px 0;font-size:12px;display:grid}.field input{text-align:right;background:#dedbd2;border:0;width:100%;padding:7px;font-weight:700}.field span{text-align:right;font:10px ui-monospace}.stepper{border-bottom:1px solid #cbc8bf;grid-template-columns:1fr 30px 34px 30px;align-items:center;padding:8px 0;font-size:12px;display:grid}.stepper button{background:0 0;border:1px solid #aaa79e;height:28px}.stepper b{text-align:center}.notice{background:#dfdcd3;gap:5px;margin-top:16px;padding:13px;display:grid}.notice b{font-size:13px}.notice span{color:#58645e;font-size:11px}.choices{grid-template-columns:1fr 1fr;gap:6px;display:grid}.choices button{text-align:left;background:0 0;border:1px solid #aaa79e;padding:11px}.choices button.selected{background:#fff;border:2px solid #ef4a18}.choices b,.choices small{display:block}.choices small{color:#69756f;margin-top:4px;font-size:9px}.toggle{border-bottom:1px solid #cbc8bf;grid-template-columns:36px 1fr;align-items:center;gap:10px;padding:14px 0;display:grid}.toggle input{display:none}.toggle i{background:#aaa79e;border-radius:10px;width:34px;height:18px;position:relative}.toggle i:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:all .2s;position:absolute;top:2px;left:2px}.toggle input:checked+i{background:#ef4a18}.toggle input:checked+i:after{left:18px}.toggle b,.toggle small{display:block}.toggle b{font-size:12px}.toggle small{color:#69756f;margin-top:3px;font-size:10px}.panel ul{padding-left:20px;font-size:12px;line-height:1.9}.preview{background:#101311;grid-template-rows:44px 1fr 70px;min-width:0;display:grid}.previewHead{color:#b9c2bd;border-bottom:1px solid #2a302d;justify-content:space-between;padding:16px 20px;font:10px ui-monospace,monospace;display:flex}.previewHead .good{color:#7fd25f}.previewHead .bad{color:#ff8061}.preview canvas{touch-action:none;width:100%;height:100%;min-height:560px}.stats{color:#8d9992;border-top:1px solid #343b37;grid-template-columns:repeat(3,1fr);display:grid}.stats span{letter-spacing:.08em;border-right:1px solid #343b37;padding:13px 20px;font:9px ui-monospace;display:grid}.stats b{color:#f4f1e9;margin-top:6px;font-size:14px}.summary{background:#f3f1eb;grid-template-columns:1fr 1fr;align-items:center;gap:80px;padding:70px max(30px,8vw);display:grid}.summary h2{text-transform:none;letter-spacing:-.04em;margin:0;font-size:32px}.summary p{max-width:540px;line-height:1.55}.blueprint{border:1px solid #aaa79e;justify-content:space-around;align-items:center;padding:35px;font:12px ui-monospace;display:flex}.blueprint strong{color:#ef4a18;font-size:18px}footer{z-index:3;color:#fff;background:#171a18;justify-content:space-between;align-items:center;padding:14px 24px;display:flex;position:sticky;bottom:0}footer div{gap:3px;display:grid}footer b{font-size:12px}footer small{color:#9da7a2;font:9px ui-monospace}footer button{color:#fff;background:#ef4a18;border:0;padding:15px 24px;font-weight:700}footer button:disabled{cursor:not-allowed;background:#606762}@media (max-width:820px){header{grid-template-columns:1fr auto}header span{display:none}.workspace{grid-template-columns:1fr}aside{border-right:0}.preview canvas{min-height:430px}.summary{grid-template-columns:1fr;gap:25px}.blueprint{padding:24px}footer{flex-direction:column;align-items:stretch;gap:16px;position:relative}}.labelControls{background:#e4e1d8;margin-top:8px;padding:10px}.textField{gap:6px;margin-bottom:10px;font-size:11px;display:grid}.textField input{text-transform:uppercase;letter-spacing:.08em;background:#fff;border:1px solid #aaa79e;padding:9px;font-weight:700}.labelControls .choices{margin-bottom:8px}.webglPreview{background:#101311;width:100%;height:100%;min-height:560px;position:relative;overflow:hidden}.webglPreview canvas{min-height:0;display:block;width:100%!important;height:100%!important}.webglPreview span{color:#9aa59e;pointer-events:none;font:10px ui-monospace,monospace;position:absolute;bottom:16px;left:18px}.fontField{gap:6px;margin:0 0 10px;font-size:11px;display:grid}.fontField select{background:#fff;border:1px solid #aaa79e;padding:9px;font-weight:700}