/* Open-ended starts use the existing paper, tools and short prompt area. */
.creative-start-button{display:flex;align-items:center;gap:13px;min-height:64px;padding:12px 18px;border:1px solid #8b7f96;border-radius:17px;background:#e7f2ed;color:#315b4e;font:inherit;font-size:15px;font-weight:700;text-align:left;cursor:pointer}
.creative-start-button>span:first-child{font-size:28px}
.creative-start-button>span:last-child{margin-left:auto}
.creative-start-button small{display:block;font-size:12px;font-weight:500;margin-top:4px;color:var(--muted)}
.creative-start-button:hover{background:#dcece4}
.creative-starters-dialog{width:min(780px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto}
.creative-starters-dialog>.dialog-heading{position:sticky;top:-20px;background:var(--paper);z-index:1;padding:9px 0}
.creative-starter-collections{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin:16px 0}
.creative-starter-collection{min-height:48px;min-width:48px;padding:8px;border:1px solid #8b7f96;border-radius:12px;background:#fff;color:var(--ink);font:inherit;font-size:13px;font-weight:650;cursor:pointer;overflow-wrap:anywhere}
.creative-starter-collection.is-selected{background:var(--lavender);color:var(--purple-dark);border-color:var(--purple-dark);box-shadow:inset 0 0 0 2px var(--purple-dark)}
.creative-starter-collection:hover,.creative-starter-card:hover{background:#ece7f7}
.creative-starter-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.creative-starter-card{display:flex;flex-direction:column;align-items:stretch;min-width:48px;min-height:48px;padding:0 0 13px;overflow:hidden;border:1px solid #8b7f96;border-radius:15px;background:#fff;color:var(--ink);font:inherit;cursor:pointer;text-align:center}
.creative-starter-card canvas{display:block;width:100%;aspect-ratio:800/540;background:#fff}
.creative-starter-card strong{font-size:14px;line-height:1.5;padding:0 9px}
.creative-starter-card>span{font-size:12px;line-height:1.5;color:var(--muted);margin:5px 9px 0}
.creative-starter-context{font-size:12px;line-height:1.5;color:var(--ink);margin:0 0 12px}
@media(max-width:700px){.creative-start-button{width:100%}.creative-starter-collections{grid-template-columns:repeat(2,minmax(0,1fr))}.creative-starter-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}}
@media(max-width:359px){.creative-starter-choices{grid-template-columns:1fr}.creative-starter-card canvas{max-height:170px;object-fit:contain}.creative-starter-collections{gap:5px}.creative-starter-collection{font-size:12px;padding:6px}}
@media(max-width:1100px) and (max-height:520px) and (orientation:landscape){.creative-starter-collections{grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0}.creative-starter-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.creative-starter-card{padding-bottom:10px}.creative-starter-card strong{font-size:12px}.creative-starter-card>span{font-size:12px}}