*{box-sizing:border-box}body{margin:0;background:#dce7ed;color:#172b38;font:16px/1.6 system-ui,sans-serif}header{display:flex;justify-content:space-between;gap:1rem;padding:1rem 3vw;border-bottom:1px solid #9caeb9}header a{font:bold 18px monospace;letter-spacing:.12em;color:inherit}main{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:3vw;padding:3vw}.picture{position:sticky;top:2rem;align-self:start}.picture canvas{width:100%;max-height:80vh;object-fit:contain;background:#172b38;display:block}#status{min-height:3em;font:14px/1.5 monospace}h1{font:700 clamp(2rem,4vw,4rem)/1.2 monospace;margin:0}fieldset{border:0;border-top:1px solid #9caeb9;padding:1.5rem 0;margin:1rem 0}legend{font-weight:700}label{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin:.65rem 0}button,.file,select,input{font:inherit}button,.file{padding:.65rem .8rem;background:#f6f8f9;border:1px solid #9caeb9;cursor:pointer;color:#172b38;margin:.2rem}.file{display:block}.file input{display:block;width:100%;font-size:13px}button:hover{background:#c5d9e4}button:disabled{opacity:.5;cursor:wait}input:not([type=checkbox]):not([type=color]),select{max-width:100%;min-width:0;padding:.35rem;width:55%}#share-url{width:100%;font-size:12px}.note{font-size:13px;line-height:1.6;color:#435a68}.actions{display:flex;flex-wrap:wrap}a{color:inherit}*:focus-visible{outline:3px solid #246b98;outline-offset:3px}[hidden]{display:none!important}@media(max-width:800px){main{display:block;padding:1rem}.picture{position:static}header{padding:1rem}header span{font-size:12px}.picture canvas{max-height:60vh}aside{margin-top:2rem}}