:root{color:#1c242c;background:#eef2f5;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}.app-shell{grid-template-columns:320px minmax(0,1fr);min-height:100%;display:grid}.controls{background:#fbfcfd;border-right:1px solid #d1d8df;flex-direction:column;gap:18px;padding:24px;display:flex}header{gap:8px;margin-bottom:6px;display:grid}.header-links{flex-wrap:wrap;gap:8px 14px;display:flex}h1{margin:0;font-size:34px;font-weight:800;line-height:1.08}.testimonial{color:#8a3d00;white-space:pre-line;margin:0;font-size:14px;font-weight:700;line-height:1.35}.repo-link{color:#1f6f8b;font-size:15px;font-weight:700;text-decoration:none}.repo-link:hover{text-decoration:underline}[hidden]{display:none!important}.form{gap:14px;display:grid}label{color:#3c4854;gap:6px;font-size:13px;font-weight:650;display:grid}input,select{color:#17212b;background:#fff;border:1px solid #c6d0d9;border-radius:6px;width:100%;height:38px;padding:0 10px}input.is-invalid{background:#fff7f5;border-color:#c44c35}input.is-invalid:focus{outline-offset:1px;outline:2px solid #c44c352e}button{color:#fff;cursor:pointer;white-space:normal;background:#257f9f;border:1px solid #1f6f8b;border-radius:6px;min-height:38px;padding:8px 12px;font-weight:700;line-height:1.2}button:hover:not(:disabled){background:#1f6f8b}button:disabled{color:#697681;cursor:not-allowed;background:#c9d1d8;border-color:#b8c1ca}.actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.actions+.actions{margin-top:10px;margin-bottom:4px}.preview-panel{border-top:1px solid #dce2e8;gap:8px;padding-top:16px;display:grid}.preview-label{color:#52616f;letter-spacing:0;text-transform:uppercase;font-size:12px;font-weight:700}.preview-2d{aspect-ratio:16/9;background:#eef2f5;border:1px solid #d1d8df;border-radius:6px;width:100%}.privacy-note{color:#52616f;border-top:1px solid #dce2e8;margin:0;padding-top:16px;font-size:12px;line-height:1.45}.warning-note,.material-note{color:#8a3d00;border-top:1px solid #dce2e8;margin:0;padding-top:16px;font-size:12px;line-height:1.45}.material-note{color:#52616f}.viewer-panel{background:#eef2f5;width:100%;min-width:0;min-height:100vh}.viewer{width:100%;height:100%}.instructions-page{color:#1c242c;background:#fbfcfd;min-height:100%}.instructions-header{z-index:1;background:#fbfcfd;border-bottom:1px solid #d1d8df;padding:16px 24px;position:sticky;top:0}.instructions-content{width:min(920px,100%);padding:28px 24px 56px}.instructions-content h1,.instructions-content h2,.instructions-content h3{line-height:1.15}.instructions-content h1{margin:0 0 18px;font-size:34px}.instructions-content h2{margin:32px 0 10px;font-size:22px}.instructions-content p,.instructions-content li{color:#34424f;line-height:1.55}.instructions-content img{border:1px solid #d1d8df;border-radius:6px;max-width:min(100%,640px);height:auto;display:block}.instructions-content pre{background:#eef2f5;border:1px solid #d1d8df;border-radius:6px;padding:12px;overflow-x:auto}.instructions-content code{background:#eef2f5;border-radius:4px;padding:1px 4px}.instructions-content pre code{padding:0}canvas{display:block}@media (width<=760px){.app-shell{grid-template-columns:1fr}.controls{gap:12px;padding:18px}header{gap:4px;margin-bottom:2px}h1{font-size:28px}.testimonial{white-space:normal;font-size:12px;line-height:1.25}.repo-link{font-size:13px}.instructions-header{padding:14px 18px}.instructions-content{padding:22px 18px 44px}.instructions-content h1{font-size:28px}.actions{grid-template-columns:1fr}.preview-2d{aspect-ratio:4/3}.controls{border-bottom:1px solid #d1d8df;border-right:0}.viewer-panel{display:none}.viewer{min-height:0}}