.preset-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:250px;overflow:auto;margin:14px 0}.preset-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:7px;font-size:12px;overflow-wrap:anywhere;min-width:0}.preset-card img{width:100%;height:92px;object-fit:cover;border-radius:7px}.preset-star{font-size:44px;color:var(--gold);height:92px}.preset-card.selected{outline:2px solid var(--gold);outline-offset:-2px}.preset-picture{height:72px;max-width:100%;object-fit:contain;margin:12px auto;display:block}.revision-detail{white-space:pre-wrap;overflow-wrap:anywhere;max-height:40vh;overflow:auto;font-size:12px}.creative-tools{margin-bottom:18px}.creative-tools button{font-size:12px}
html[data-theme=astral]{--bg:#e9e2d2;--panel:#f4edde;--field:#fffbf1;--line:#c7b58e;--text:#344153;--muted:#647081;--gold:#916b32;color-scheme:light}
html[data-theme=astral] body{background:#203953;background-image:radial-gradient(circle at 13% 12%,#e8d6a9 0 1px,transparent 2px),radial-gradient(circle at 84% 7%,#f8efcf 0 1px,transparent 2px),radial-gradient(circle at 35% 42%,#c7bda4 0 1px,transparent 2px),linear-gradient(130deg,#1c304b,#3d5871 56%,#213b53);background-size:173px 211px,251px 301px,199px 279px,100% 100%;background-attachment:fixed}
html[data-theme=astral] header{color:#f4ebd6;padding-top:23px;padding-bottom:18px;border-bottom:1px solid #c8b58b55}
html[data-theme=astral] header small{color:#c5bcaa;letter-spacing:2px}html[data-theme=astral] header strong{font-family:Georgia,'Malgun Gothic',serif;letter-spacing:1px}
html[data-theme=astral] header button{background:#f5eddb;color:#344153;border-radius:24px;border-color:#c5b38c}
html[data-theme=astral] .projectbar{color:#f4ebd6;background:#182e4899;border-color:#c7b58e55;padding:12px 18px}
html[data-theme=astral] .projectbar select{background:#f2ead8;color:#344153;border-radius:4px}
html[data-theme=astral] main{padding-top:18px}html[data-theme=astral] .page{background:#eee7d7;border:1px solid #c5b18a;border-radius:8px;padding:22px 18px;box-shadow:0 0 0 4px #e5d6b42b,0 15px 40px #08182540;position:relative}
html[data-theme=astral] .page::before{content:'✦';position:absolute;right:18px;top:16px;color:#a18451;font-size:25px}
html[data-theme=astral] h1{font-family:Georgia,'Malgun Gothic',serif;font-size:27px;color:#39485c;letter-spacing:0}
html[data-theme=astral] h2{color:#47546a;border-bottom:1px solid #c7b58e;padding-bottom:8px}html[data-theme=astral] .eyebrow{color:#947747}
html[data-theme=astral] label{color:#46536a}html[data-theme=astral] input,html[data-theme=astral] textarea,html[data-theme=astral] select{border-radius:5px;box-shadow:inset 0 1px 3px #806f4a0a}
html[data-theme=astral] button{background:#f9f2e3;color:#35465d;border:1px solid #c2b190;border-radius:23px;box-shadow:0 2px 0 #b8a78325}
html[data-theme=astral] button:active{filter:brightness(.94)}html[data-theme=astral] button.accent,html[data-theme=astral] #generate{background:#425773;color:#fff6df;border-color:#c8b88f;border-radius:26px}
html[data-theme=astral] .card{border:1px solid #c4b38e;border-radius:6px;background:#f7f0e1;box-shadow:inset 0 0 0 3px #fcf7ee}
html[data-theme=astral] .preview{background:#243b56;border-color:#bbab88}html[data-theme=astral] #emptyPreview,html[data-theme=astral] #emptyPreview strong{color:#e9dfca}
html[data-theme=astral] footer{background:#e9e1d0f5;border-top:2px solid #bba57b;box-shadow:0 -5px 20px #11283b30}
html[data-theme=astral] nav button{background:none;border:0;box-shadow:none;color:#657181;border-radius:6px}html[data-theme=astral] nav .selected{background:#455a76;color:#fff3d8}
html[data-theme=astral] dialog{background:#f1e9d8;border:2px solid #c0aa7e;border-radius:8px;box-shadow:0 0 0 5px #f9f1dd44,0 20px 70px #09172899}
html[data-theme=astral] dialog::backdrop{background:#112b46a6;backdrop-filter:blur(3px)}html[data-theme=astral] .danger,html[data-theme=astral] .error{color:#ae3d32}
html[data-theme=astral] .quiet{color:#596477}html[data-theme=astral] .projectbar .quiet{color:#ece0c7;background:transparent;border-color:transparent;box-shadow:none;white-space:nowrap}html[data-theme=astral] .preset-card{border-radius:5px;background:linear-gradient(#e2d3b4,#faf4e8)}
html[data-theme=astral] .preset-card.selected{outline-color:#9f8045;box-shadow:inset 0 0 0 3px #fff9e9}html[data-theme=astral] .preset-star{color:#a2854f}
@media(max-width:420px){.preset-cards{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-theme=astral] main{padding-left:10px;padding-right:10px}html[data-theme=astral] .page{padding:19px 13px}}
