:root{font-family:Arial,sans-serif;color:#26231f;background:#eeeae2}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit}button,select{border:1px solid #cfc7bb;background:#fffaf2;color:inherit;border-radius:0;padding:9px 12px;cursor:pointer}button:hover,button[aria-pressed=true]{background:#26231f;color:#fffaf2}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #c2512b;outline-offset:2px}#preview{display:grid;grid-template-columns:minmax(0,1fr) 280px;min-height:100vh}#preview:has(#options[hidden]){grid-template-columns:1fr}.stage{position:relative;min-height:540px;height:100vh;overflow:hidden}canvas,#poster{width:100%;height:100%;object-fit:contain;display:block}canvas[hidden]{display:none}#load{position:absolute;left:50%;bottom:85px;transform:translate(-50%);background:#c2512b;color:#fff;min-width:190px}#toolbar{position:absolute;bottom:16px;left:16px;right:16px;display:flex;flex-wrap:wrap;gap:6px}#toolbar[hidden]{display:none}#status{position:absolute;left:16px;top:0;max-width:85%;background:#eeeae2dd}#options{padding:20px;overflow:auto;max-height:100vh;border-left:1px solid #cfc7bb}#options h2{font-size:16px;margin:0 0 14px}.presets{display:grid;gap:6px;margin-bottom:20px}.presets button{text-align:left}.presets small{display:block;font-size:11px;margin-top:4px}.option{display:grid;gap:7px;margin:15px 0}.option span{font-size:12px;font-weight:600}.option output{font-weight:400;float:right}input[type=range]{width:100%;accent-color:#c2512b}input[type=checkbox]{accent-color:#c2512b}input[type=color]{width:100%;height:34px;border:1px solid #cfc7bb}@media(max-width:700px){#preview{grid-template-columns:1fr}.stage{height:65vh;min-height:360px}#options{max-height:none;border-left:0;border-top:1px solid #cfc7bb}#toolbar button{font-size:12px;padding:8px}.presets{grid-template-columns:repeat(2,minmax(0,1fr))}}:root #poster[hidden]{display:none}#loading{position:absolute;inset:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:12px;background:#eeeae2dd;font-size:14px}#loading[hidden]{display:none}.loading-spinner{width:36px;height:36px;border:3px solid #cfc7bb;border-top-color:#c2512b;border-radius:50%;animation:preview-loading .85s linear infinite}@keyframes preview-loading{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.loading-spinner{animation:none}}#options .option:has(>input[type=checkbox]){grid-template-columns:16px minmax(0,1fr);align-items:center;column-gap:10px}#options .option:has(>input[type=checkbox])>span{grid-area:1/2;min-width:0}#options .option>input[type=checkbox]{grid-area:1/1;width:16px;height:16px;margin:0}@media(max-width:700px){.stage{height:min(65vh,420px)}}