:root{font-family:Inter,system-ui,sans-serif;color:#263b41;background:#e9ede7;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1440px;margin:auto;padding:40px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #aebeb7;padding-bottom:26px}h1{font-size:clamp(28px,4vw,52px);letter-spacing:-2px;margin:10px 0}h2{overflow-wrap:anywhere;font-size:26px;letter-spacing:-.6px}small,.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}.eyebrow span{float:right;color:#8e472c}.status{padding:16px 20px;background:#d7e4dc;border-left:4px solid #42776b;margin:22px 0;min-height:56px}.work{display:grid;grid-template-columns:1.15fr 1fr;gap:24px}article,aside,.author{background:#fdfcf6;padding:28px;border:1px solid #cdd4ca;border-radius:8px}.canvas{padding:26px;border:1px solid #d8d3c8;border-radius:3px;max-width:520px;margin:20px auto;color:#243746}.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.tiles button,.tiles span{aspect-ratio:1;border-radius:1px;min-height:30px;display:block;color:#fff;border:0;font-size:11px;padding:6px;text-shadow:0 1px 2px #000}.canvas p{text-align:center;min-height:1.5em;overflow-wrap:anywhere;font-family:Georgia,serif;font-size:20px}.controls{display:grid;grid-template-columns:1fr 1fr;gap:12px}label{display:flex;flex-direction:column;gap:7px;font-size:13px;font-weight:600}input,select,textarea{font:inherit;border:1px solid #91a79d;border-radius:4px;background:#fff;padding:10px;max-width:100%;color:inherit}input[type=color]{height:42px;width:100%}button{font:inherit;font-size:13px;font-weight:650;cursor:pointer;border:1px solid #9bad9f;background:#eff3ea;color:#223e37;border-radius:4px;padding:12px 16px;min-height:42px}button:hover{background:#d8e6d7}button:disabled{opacity:.45;cursor:not-allowed}:focus-visible{outline:3px solid #d66c42;outline-offset:3px}.actions{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.actions button:first-child{background:#284c42;color:#fff}.fine{font-size:12px;line-height:1.6;color:#55665f}.prompt{border:2px solid #b2744b;padding:16px;background:#fff0dd}.prompt button{margin:4px}.author{margin-top:24px}.author textarea{width:100%;height:280px;font-family:monospace;font-size:13px}p{line-height:1.6}footer{text-align:center;padding:35px;font-family:Georgia,serif;font-style:italic}@media(max-width:800px){main{padding:16px}.work{grid-template-columns:1fr}article,aside,.author{padding:18px}header{align-items:flex-start;gap:10px}.controls{grid-template-columns:1fr}h1{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}