.sm-nov12-cover{aspect-ratio:3/2;object-fit:cover;border:1px solid #daddce;border-radius:14px;width:100%;height:auto;display:block}.dt11-hub-grid .sm-nov12-cover{border:0;border-radius:0}.sm-nov12-result>canvas,.sm-nov12-files canvas{object-fit:contain;border-radius:8px;width:100%;height:auto;max-height:490px;display:block}.sm-nov12-result .it-comparison-frame{max-height:520px}.sm-nov12-colors{grid-template-columns:repeat(auto-fit,minmax(145px,1fr))}.sm-nov12-color{flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:650;display:flex}.sm-nov12-color input{cursor:pointer;border:1px solid #daddce;border-radius:6px;width:44px;height:44px}.sm-nov12-files{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.sm-nov12-files figure{min-width:0;margin:0}.sm-nov12-files figure:first-child canvas{background:repeating-conic-gradient(#d8dacd 0% 25%,#f3f3e9 0% 50%) 50%/16px 16px}.sm-nov12-files figcaption{margin-top:6px;font-size:12px;line-height:1.5}.sm-nov12-palette{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:8px;margin-block:12px;display:grid}.sm-nov12-palette button{cursor:pointer;background:#fffef8;border:1px solid #cdd2bf;border-radius:8px;min-height:64px;padding:0;font-size:11px;overflow:hidden}.sm-nov12-palette span{height:34px;display:block}.sm-nov12-palette strong{padding:6px 3px;display:block}.sm-nov12-steps{padding:0;list-style-position:inside}.sm-nov12-steps li>h3{display:inline}@media (max-width:760px){.sm-nov12-result>canvas,.sm-nov12-files canvas,.sm-nov12-result .it-comparison-frame{max-height:360px}.sm-nov12-workspace .dt11-result{grid-row:auto}}