.growth-main{width:min(100% - 40px,1180px)}.tool-workspace{border:1px solid var(--line);background:#fffdf8;margin-bottom:40px;padding:28px}.tool-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:28px;display:grid}.tool-stage{min-width:0}.tool-upload{background:var(--paper);border:1px dashed #87998a;padding:20px}.tool-upload.drag-active{outline:3px solid var(--accent)}.tool-upload button{margin:4px 8px 4px 0}.tool-settings label{margin-bottom:18px}.tool-settings input[type=number]{min-height:44px}.tool-settings button{width:100%;margin-top:12px}.tool-preview{margin-top:24px}.tool-preview canvas{width:100%;height:auto;display:block}.grid-preview{width:min(100%,540px);margin-inline:auto;position:relative}.grid-marks{pointer-events:none;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.grid-marks span{color:#fff;text-shadow:0 1px 4px #000;border:2px solid #fffdf8;align-items:end;padding:10px;font-weight:700;display:flex}.poster-sheets{grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:16px;display:grid}.poster-sheets figure{margin:0}.poster-sheets canvas{background:#fff;border:1px solid #b8c2b5;box-shadow:0 3px 9px #243b3110}.poster-sheets figcaption{margin-top:8px;font-size:12px}.tool-summary{background:var(--paper);padding:16px;font-size:14px;line-height:1.7}.tool-error{color:#9c281b;font-weight:600}.tool-error:empty{display:none}.tool-status{color:var(--muted);line-height:1.6}.tool-files{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;margin-top:24px;display:grid}.tool-files figure{margin:0}.tool-files img{width:100%;height:auto;display:block}.tool-files a{padding:12px 0;display:inline-block}.language-link{font-size:14px}.task-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 32px;display:grid}.task-links a{border:1px solid var(--line);background:var(--paper);padding:20px;text-decoration:none;display:block}.task-links a:hover{border-color:var(--ink);background:#e7eddf}.task-links strong{margin-bottom:8px;font-size:17px;display:block}.task-links span{color:var(--muted);font-size:14px;line-height:1.6;display:block}#share-settings{width:100%}#share-url{width:100%;min-width:0;font:inherit;padding:10px}.worked-example{border:1px solid var(--line);width:100%;height:auto;display:block}@media (width<=760px){.tool-layout{grid-template-columns:1fr}.tool-workspace{padding:18px}.task-links{grid-template-columns:1fr}}@media (width<=400px){.growth-main{width:calc(100% - 28px)}.tool-workspace,.tool-upload{padding:12px}.tool-upload button{width:100%;margin-inline:0}.poster-sheets{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}