*{box-sizing:border-box}body{margin:0;background:#f4f0e9;color:#243d36;font:17px/1.5 system-ui}main{max-width:1100px;margin:auto;padding:32px 20px}h1{font-size:clamp(32px,5vw,60px);line-height:1.1}form{max-width:480px}label{display:block;margin:16px 0}input,button{width:100%;padding:14px;border:1px solid #7b8d83;border-radius:8px;font:inherit}button{background:#243d36;color:white;cursor:pointer}button:disabled{opacity:.5}iframe{width:100%;height:80dvh;border:0;background:white}p{max-width:700px}input:focus,button:focus{outline:3px solid #b47840}
nav{display:flex;gap:12px;flex-wrap:wrap}nav button{width:auto}article,section{background:#fffaf3;border:1px solid #d8ded6;border-radius:14px;padding:20px;margin:20px 0}h4{margin:0;font-size:22px}select{font:inherit;padding:12px;max-width:100%}input[type=checkbox]{width:24px;height:24px;vertical-align:middle}a{color:#243d36}#rows label{background:#fffaf3;padding:16px;border-radius:10px}
/* App-owned sizing only; this cannot widen Shopify's parent page column. */
main{max-width:none;padding:16px}h1{font-size:clamp(22px,3vw,30px);margin:8px 0;line-height:1.2}h2{font-size:21px;margin:10px 0}p{margin:8px 0}section{padding:12px;margin:12px 0}form{max-width:720px}label{margin:8px 0}input,button{padding:10px;min-height:44px}table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}th,td{text-align:left;vertical-align:top;padding:8px 5px;border-bottom:1px solid #d8ded6;overflow-wrap:anywhere}caption{text-align:left;font-size:13px;margin-bottom:6px}th:nth-child(1){width:22%}th:nth-child(2){width:23%}th:nth-child(3){width:30%}th:nth-child(4){width:25%}summary{cursor:pointer;padding:8px 0;min-height:44px}#status{padding:8px 10px;border-left:3px solid #243d36;background:#f4f0e9;font-size:14px;margin:6px 0;overflow-wrap:anywhere}.viewer-tools{display:flex;align-items:center;gap:8px;font-size:13px}.viewer-tools button{width:auto;flex-shrink:0}