.doodle .room-links{display:flex;gap:20px;margin-top:16px;font-size:13px}.doodle .room-links a{text-decoration:underline}.doodle .preview-caption{font-size:12px;color:#6b7a6e;line-height:1.7;padding:0 18px 12px}.doodle .giant-section{padding:0 0 18px;margin:0 0 20px;border-bottom:1px solid #d6dcd0}.doodle .giant-section h2{font-size:15px;margin:0 0 15px}.doodle .giant-section label{display:block;margin:15px 0;line-height:1.7}.doodle .giant-section input[type=color]{width:100%;height:36px}.doodle .giant-section output{color:#4a7a55}.doodle .giant-section details{margin-top:10px}.doodle .state-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px}.doodle button[aria-pressed=true]{background:#e4eadf;border-color:#4a7a55;box-shadow:inset 0 0 0 1px #4a7a55}.doodle #melNote{border-left:2px solid #8aa48d;padding-left:10px}.doodle #giantStatus{font-size:13px;line-height:1.8}.doodle canvas{image-rendering:auto}.doodle #stage{background:#f7f1e3;max-height:720px}.doodle #stage[data-background=transparent]{background-color:transparent}.doodle .workspace>.paper{grid-row:1}.doodle .workspace>aside{grid-row:1}.doodle .giant-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.doodle .giant-colors label{font-size:12px}.doodle #giantShare{grid-column:1/-1}.doodle .source-link{text-decoration:underline;line-height:1.8}.doodle .giant-section .note{font-size:12px}.doodle #melControls[hidden]{display:none}.doodle .signature{font-size:11px}
@media(max-width:720px){.doodle #stage{height:clamp(220px,34vh,310px);max-height:none}.doodle .preview-caption{display:none}.doodle .workspace>aside{grid-row:2}.doodle .actions>#giantDownload,.doodle .actions>#giantShare{display:none}}

.doodle #stage[data-model=svg]{aspect-ratio:8/5;max-height:520px;height:auto;min-height:0}.doodle #stage[data-model=svg] canvas{object-fit:contain}@media(max-width:720px){.doodle #stage[data-model=svg]{height:clamp(210px,30vh,290px);aspect-ratio:auto}}