body[data-direction] #creation-dialog{background:#fff;max-width:1120px;border:0;border-radius:12px}
#creation-dialog[open]{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:stretch}
.creation-workspace{padding:26px;min-width:0;display:flex;flex-direction:column;background:#fff}
.creation-workspace-top{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#858b7d}
.creation-workspace-top>span:first-child{color:#4e5843}
.creation-canvas{min-height:310px;display:flex;align-items:center;justify-content:center;flex:1;position:relative}
.creation-canvas img{width:100%;height:auto;object-fit:contain}
.creation-canvas>p{color:#818a76;font-size:16px;text-align:center;padding:30px}
#creation-history-wrap{margin-top:12px}
#creation-history-wrap>p{font-size:10px;color:#8b9182;margin:0 0 10px}
#creation-history{display:flex;gap:9px;overflow:auto;padding:3px 2px 8px}
.creation-version{width:95px;flex:0 0 95px;position:relative;padding:0;border:1px solid #e7eadf;border-radius:5px;overflow:hidden;background:white}
.creation-version[aria-pressed=true]{border-color:#687853;box-shadow:0 0 0 1px #687853}
.creation-version img{display:block;width:100%;height:67px;object-fit:contain}
.creation-version span{position:absolute;left:5px;top:4px;font:8px/1 var(--mono);color:#7b836d}
.creation-controls{background:#f7f8f3;border-left:1px solid #e7eadf;padding:58px 32px 30px;min-width:0}
#creation-dialog h2{font-size:34px;line-height:1.12;letter-spacing:-1.3px;margin:0}
#creation-description{font-size:13px;line-height:1.75;color:#68715e;margin:16px 0}
#creation-original{font-size:11px;line-height:1.5;color:#858c7c;margin:0 0 23px;overflow-wrap:anywhere;max-height:68px;overflow:auto}
#refine-form label{display:block;font-size:12px;color:#424d36;margin-bottom:9px}
#refine-prompt{width:100%;resize:vertical;min-height:84px;max-height:220px;background:#fff;border:1px solid #d7ddcb;border-radius:6px;padding:12px;font-size:13px;line-height:1.5;outline-offset:3px}
#refine-form .button{width:100%;margin-top:8px;justify-content:center;background:#e8eddf;color:#40502e;font-size:12px;border:1px solid #dce3cf}
#creation-status{font-size:11px;line-height:1.65;color:#73825e;margin:12px 0 22px;min-height:18px}
#creation-status.error{color:#974633}
.creation-price{border-top:1px solid #dde2d3;padding-top:21px;display:flex;justify-content:space-between;align-items:baseline;gap:15px}
.creation-price>span{font-size:11px;color:#747d68}
.creation-price strong{font-size:29px;font-weight:400;letter-spacing:-1px}
.creation-price sup{font-size:16px;top:-.4em}
.creation-price-note{font-size:10px;color:#87917a;line-height:1.6;margin:9px 0 17px}
#creation-drop{width:100%;justify-content:space-between;font-size:13px;padding:15px 18px}
#creation-dialog button:disabled{opacity:.5;cursor:wait}
#creation-drop:disabled{cursor:default}
.creation-human{border-top:1px solid #dde2d3;margin-top:23px;padding-top:18px}
.creation-human p{font-size:12px;line-height:1.7;color:#7c856f;margin:0 0 8px}
#creation-help{padding:0 0 3px;border-bottom:1px solid #a1ad92;color:#455835;font-size:12px}
.saved-designs{display:block;margin:12px auto 0;padding:5px 0;border-bottom:1px solid #bdc7b1;font-size:11px;color:#68775b}
#application-creation{display:flex;align-items:center;gap:13px;background:#f0f2e9;border-radius:6px;padding:10px;margin:22px 0}
#application-creation img{width:85px;max-height:60px;object-fit:contain;background:white;border-radius:4px}
#application-creation span{font-size:12px;line-height:1.6;overflow-wrap:anywhere}
@media(max-width:800px){#creation-dialog[open]{grid-template-columns:1fr;max-width:560px}.creation-workspace{padding:22px 22px 16px}.creation-workspace-top{padding-right:30px}.creation-canvas{min-height:190px}.creation-canvas img{max-height:270px}.creation-controls{border-left:0;border-top:1px solid #e7eadf;padding:28px 25px}.creation-workspace-top{font-size:10px}#creation-dialog h2{font-size:30px}.creation-version{width:78px;flex-basis:78px}.creation-version img{height:55px}}
@media(min-width:801px){#creation-dialog[open]{height:min(750px,90svh)}.creation-workspace{min-height:0}.creation-controls{overflow-y:auto}#creation-dialog .creation-canvas{min-height:0}.creation-canvas img{max-height:100%}}
#creation-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
#creation-original{max-height:38px}

/* Make each generated option recognizable before choosing a refinement. */
.creation-version{width:155px;flex-basis:155px;text-align:left}
.creation-version img,.creation-option-state{height:98px}
.creation-option-state{display:grid;place-items:center;color:#7b836d;font-size:11px;background:#f5f6f1}
.creation-version span{position:static;display:block;padding:8px;font:10px/1.3 var(--mono);overflow-wrap:anywhere}
@media(max-width:800px){.creation-version{width:calc((100% - 18px)/3);flex-basis:calc((100% - 18px)/3);min-width:86px}.creation-version img,.creation-option-state{height:64px}.creation-version span{font-size:8px;padding:6px}}

.saved-designs[hidden]{display:none}