:root{color-scheme:dark;--bg:#151a18;--panel:#202923;--ink:#f1f5e9;--muted:#bac8bc;--accent:#c4ec87;--line:#425346}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,sans-serif}main{width:100%;min-width:0;max-width:1240px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;gap:16px}a{color:var(--accent)}h1{font-size:clamp(32px,5vw,56px);letter-spacing:-.04em;margin:36px 0 0}h2{font-size:24px;font-family:var(--font-body,system-ui)}.intro{color:var(--muted);font-size:20px;max-width:650px}section{margin:24px 0;padding:24px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}#start,.toolbar,.actions{display:flex;flex-wrap:wrap;align-items:end;gap:14px}label{display:flex;flex-direction:column;gap:5px;font-size:14px;font-weight:650}input,select,button,summary,.file{font:inherit}input,select,button{min-height:44px;max-width:100%;border-radius:8px;border:1px solid var(--line);padding:10px 12px;background:var(--bg);color:var(--ink)}button,.file{cursor:pointer}button{font-weight:650;background:var(--accent);color:#182416;border:0}button:disabled{opacity:.5;cursor:wait}.file{padding:9px 12px;border:1px solid var(--line);border-radius:8px;min-height:44px}.file input{font-size:12px;max-width:220px;padding:4px;min-height:28px}details{max-width:100%}details[open]{flex-basis:100%}summary{cursor:pointer;padding:10px;border:1px solid var(--line);border-radius:8px}details p{max-width:800px}.chip{font-size:13px;border:1px solid var(--line);padding:5px 10px;border-radius:30px;color:var(--accent)}#status{overflow-wrap:anywhere;min-height:28px;color:var(--accent)}.editor{display:grid;grid-template-columns:260px 1fr;gap:30px;margin-top:28px}.editor aside{border-right:1px solid var(--line);padding-right:20px}.editor ul{padding:0;list-style:none}.editor li{overflow-wrap:anywhere;padding:8px 0}.editor li button{background:transparent;color:var(--accent);text-align:left;padding:2px;min-height:34px}.tiles{display:flex;gap:18px;flex-wrap:wrap}.tile{width:240px;height:240px;max-width:100%;image-rendering:pixelated;background-color:#303d34;background-size:80px 80px;border:1px solid var(--line);border-radius:8px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}figure{margin:0;min-width:0}figcaption{color:var(--muted);font-size:14px;margin-top:8px}.comparison img{width:100%;border-radius:10px}.export{background:var(--bg)}.error{color:#ffb7ae}.warning{color:#f2d49b}#report{overflow-wrap:anywhere}#report button{max-width:100%;white-space:normal;overflow-wrap:anywhere}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:3px}[hidden]{display:none!important}@media(max-width:700px){main{padding:18px}section{padding:16px}.editor{grid-template-columns:1fr}.editor aside{border-right:0;border-bottom:1px solid var(--line)}.comparison{grid-template-columns:1fr}.toolbar>*{width:100%;min-width:0}.toolbar input,.toolbar select{width:100%;min-width:0}#start>*{width:100%;min-width:0}header{align-items:center}.chip{font-size:12px}}
/* the way back: the account and the art tools page */
header .back{display:flex;flex-wrap:wrap;gap:8px 18px}