:root{font-family:Arial,sans-serif;color:#204633;background:#f8f3e9}*{box-sizing:border-box}body{margin:0}main{max-width:1100px;margin:auto;padding:24px}h1{font:52px Georgia,serif;margin:16px 0}.eyebrow{letter-spacing:.16em;font-size:12px}a{color:#24523c}button,select,input,textarea{font:inherit}button{border:0;background:#25583d;color:#fff;padding:12px 16px;border-radius:10px;cursor:pointer;min-height:44px}button:disabled{opacity:.4}label{display:block;margin:15px 0}input,select{padding:10px;border:1px solid #acb9a5;border-radius:8px;background:white;color:#173b2a}input[type=text]{width:100%}#frames{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin:20px 0}.frame{padding:12px;border-radius:18px;background:#e9eedf}.frame img{height:180px;width:100%;object-fit:contain}.frame input{width:100%}.frame button{padding:8px}.frame label{font-size:12px}textarea{width:100%;border:1px solid #acb9a5;border-radius:12px;background:white;color:#173b2a;padding:12px;font-family:monospace}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}#status{background:#e9eedf;padding:14px;border-radius:12px;overflow-wrap:anywhere}details{padding:16px;background:#fffaf2;border-radius:16px}summary{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ad8033;outline-offset:3px}