*{box-sizing:border-box}body{margin:0;background:#f8f7f3;color:#101719;font:16px/1.5 system-ui,sans-serif}header,footer{padding:18px 24px}header{border-bottom:1px solid #d7d7d0}header strong{font-size:12px;letter-spacing:.1em;color:#d95a00}h1{font-size:clamp(24px,4vw,36px);margin:6px 0}h2{font-size:18px;margin:0 0 10px}p{margin:7px 0}button,.choose{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 15px;border:1px solid #afb3b0;border-radius:3px;background:#fff;color:#101719;font:inherit;cursor:pointer}.choose{position:relative;background:#ff7a1a;border-color:#ff7a1a;font-weight:650}.choose input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.choose:focus-within,button:focus-visible,a:focus-visible{outline:3px solid #e06810;outline-offset:3px}.open,.toolbar,nav{display:flex;flex-wrap:wrap;gap:8px}main{padding:12px 24px}.toolbar button{font-size:14px}.toolbar[inert]{opacity:.45}#status{font-size:14px;min-height:22px;margin:10px 0}.error{color:#a52117}.drawing{display:flex;position:relative;height:clamp(380px,68vh,720px);min-width:0;background:#101719;border:1px solid #344248}#canvas{position:relative;flex:1;min-width:0;overflow:hidden;touch-action:none}#canvas:focus-visible{outline:2px solid #ff7a1a;outline-offset:-3px}#drop{position:absolute;inset:0;display:grid;place-content:center;padding:20px;text-align:center;color:#fff;pointer-events:none}#drop[hidden]{display:none}aside{width:210px;flex-shrink:0;padding:14px;background:#f0efea;overflow:auto}aside[hidden]{display:none}#layer-list label{display:flex;align-items:center;gap:10px;min-height:44px;overflow-wrap:anywhere}#layer-list input{width:18px;height:18px;accent-color:#d95a00}#layer-list span{min-width:0}.note{font-size:13px;color:#48545a;margin-top:12px}footer{padding-top:8px}a{color:#b54b00}nav a{margin-right:12px}small{display:block;margin-top:10px}@media(max-width:600px){header,footer{padding:14px}main{padding:10px 14px}.toolbar{gap:6px}.toolbar button{padding:8px 10px}aside{position:absolute;z-index:20;left:0;top:0;bottom:0;width:min(210px,75%)}.drawing{height:480px}nav{font-size:14px}}
.ml-cli-container,.ml-ui-shortcut-toolbar-shell{display:none!important}