:root{--bg:#11131b;--surface:#191c26;--surface-raised:#222633;--line:#323746;--text:#f0f0f6;--muted:#a6adbf;--accent:#c1b6fa;--accent-ink:#211a3c;--danger:#ffb4ac;--success:#acd8c4;--font:Segoe UI,Tahoma,Arial,sans-serif;--display:Bahnschrift,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.6 var(--font)}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,select,textarea{background:var(--bg);border:1px solid var(--line);border-radius:9px;color:var(--text);padding:11px;width:100%;min-width:0}textarea{resize:vertical;min-height:146px;line-height:1.65}textarea::placeholder,input::placeholder{color:#858ea5}label,legend{font-weight:600}h1,h2,h3,p{margin:0}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 34px;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:11px;font-size:25px;font-weight:750}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:var(--accent);color:var(--accent-ink);font-size:25px}.brand-sub{font-size:13px;font-weight:400;color:var(--muted);border-inline-start:1px solid var(--line);padding-inline-start:14px;margin-inline-start:4px}.local-badge{font-size:13px;color:var(--muted);display:flex;gap:9px;align-items:center}.local-badge i{width:6px;height:6px;border-radius:50%;background:var(--success)}.workspace{display:grid;grid-template-columns:370px minmax(0,1fr);max-width:2000px;margin:auto}.composer{padding:33px 27px;border-inline-end:1px solid var(--line);min-height:calc(100vh - 78px)}.eyebrow{font-size:13px;color:var(--muted)}h1{font:500 40px/1.12 var(--display);letter-spacing:-1.2px;margin:15px 0}h2{font:500 25px/1.3 var(--display);margin-top:6px}.intro p{color:var(--muted);line-height:1.7}.intro{margin-bottom:31px}.label-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.text-button{border:0;background:transparent;color:var(--accent);padding:3px 0;font-size:13px}.split-controls{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:15px}.split-controls label{font-size:13px}.split-controls select{margin-top:7px}.model-fieldset{border:0;padding:0;margin:26px 0 22px;min-width:0}.model-fieldset legend{padding:0}.field-help{color:var(--muted);font-size:13px;margin:5px 0 13px}.model-list{display:grid;gap:7px;max-height:390px;overflow:auto;padding:3px}.provider-heading{margin:13px 0 3px;font-size:13px;color:var(--muted);font-weight:500}.model-row{border:1px solid var(--line);border-radius:9px;padding:10px;display:grid;grid-template-columns:minmax(0,1fr) 93px;gap:7px;align-items:center}.model-row:has(input:checked){background:var(--surface-raised);border-color:#72668f}.model-choice{display:flex;align-items:center;gap:9px;font-size:13px;min-width:0;font-weight:500}.model-choice input{width:15px;height:15px;margin:0;accent-color:var(--accent);flex-shrink:0}.model-row select{font-size:13px;padding:5px;border-radius:5px}.unavailable{grid-column:1/-1;color:var(--muted);font-size:13px}.generate-button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 17px;background:var(--accent);color:var(--accent-ink);font-weight:700;border:0;border-radius:10px;margin-top:19px}.generate-button span:last-child{font-size:22px;line-height:1}.generation-status{font-size:13px;color:var(--muted);margin-top:12px;min-height:42px}.generation-status.error,.error-message{color:var(--danger)}.collection{padding:35px 32px;min-width:0}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}#design-count{color:var(--muted);font:13px var(--font);vertical-align:middle;padding:4px 8px;background:var(--surface-raised);border-radius:5px;margin-inline-start:6px}.secondary{border:1px solid var(--line);color:var(--text);background:var(--surface);border-radius:7px;padding:7px 12px;font-size:13px}.secondary:hover{background:var(--surface-raised)}.gallery-toolbar{display:flex;align-items:center;gap:20px;justify-content:space-between;margin:26px 0}.search{max-width:390px;position:relative;width:100%}.search span{position:absolute;inset-inline-start:13px;top:6px;font-size:25px;color:var(--muted)}.search input{padding-inline-start:40px;background:var(--surface);font-weight:400}.gallery-note{font-size:13px;color:var(--muted);white-space:nowrap}.error-message{margin-bottom:15px}.empty-state{min-height:520px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:45px 20px;border:1px dashed var(--line);border-radius:12px}.empty-state h3{font:500 24px/1.35 var(--display);margin:30px 0 12px}.empty-state p{max-width:360px;color:var(--muted)}.empty-sheet{width:130px;height:150px;background:var(--surface);border:1px solid #555164;border-radius:5px;padding:18px;transform:rotate(-7deg);position:relative;box-shadow:12px 10px 0 var(--bg),13px 11px 0 var(--line)}.empty-sheet div{width:60%;height:7px;background:var(--accent);margin-bottom:13px}.empty-sheet span{display:block;height:4px;background:var(--line);margin-top:6px}.empty-sheet b{font:40px var(--display);display:block;text-align:end;color:var(--accent);margin-top:12px}.run-group{margin-bottom:34px}.run-heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-bottom:14px}.run-heading h3{font-size:16px;font-weight:600;overflow-wrap:anywhere}.run-meta{font-size:13px;color:var(--muted);margin-top:4px}.run-time{font-variant-numeric:tabular-nums;color:var(--accent);font-size:13px;white-space:nowrap}.design-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:16px}.design-card{min-width:0;background:var(--surface);border:1px solid var(--line);border-radius:10px;overflow:hidden}.thumbnail{height:235px;background:#f5f5f6;position:relative;overflow:hidden}.thumbnail iframe{border:0;width:1280px;height:900px;transform:scale(var(--scale,.25));transform-origin:top left;pointer-events:none;background:white}.open-overlay{position:absolute;inset:0;border:0;background:transparent;color:transparent}.open-overlay:hover,.open-overlay:focus-visible{background:#11131b38;color:#fff}.open-overlay span{background:var(--bg);padding:9px 14px;border-radius:6px;opacity:0}.open-overlay:hover span,.open-overlay:focus-visible span{opacity:1}.card-info{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:13px}.card-title{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-time{font-size:13px;color:var(--muted);white-space:nowrap}.failed-preview{padding:25px;min-height:235px;display:flex;flex-direction:column;justify-content:center;background:var(--surface);color:var(--danger);overflow-wrap:anywhere}.failed-preview p{font-size:13px;margin-top:10px;color:var(--muted)}.loading-preview{padding:35px;color:var(--muted)}[hidden]{display:none!important}dialog{width:calc(100vw - 40px);max-width:1800px;height:calc(100vh - 40px);max-height:none;margin:auto;padding:0;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:12px}dialog::backdrop{background:#05060bc9}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:14px 18px;border-bottom:1px solid var(--line)}#preview-title{display:block;font-size:14px}#preview-meta{display:block;font-size:13px;color:var(--muted)}.preview-actions{display:flex;gap:7px;flex-wrap:wrap}.preview-actions [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}#preview-stage{height:calc(100% - 79px);overflow:auto;padding:16px;display:flex;justify-content:center}#full-preview{height:100%;width:100%;border:0;background:#fff;flex-shrink:0}#preview-stage.mobile #full-preview{width:390px;max-width:100%}.muted{color:var(--muted)}#auth-section{border:1px solid var(--line);border-radius:9px;padding:13px}#token{margin-top:7px}html[dir=rtl] h1{letter-spacing:0;line-height:1.3}@media(min-width:1600px){.workspace{grid-template-columns:400px minmax(0,1fr)}.composer{padding:40px}.collection{padding:40px}}@media(max-width:1050px){.workspace{grid-template-columns:330px minmax(0,1fr)}.composer{padding:25px 20px}.collection{padding:28px 20px}.gallery-note{display:none}.thumbnail{height:250px}}@media(max-width:740px){.topbar{height:68px;padding:0 20px}.brand-sub{display:none}.workspace{display:block}.composer{min-height:0;border-inline-end:0;border-bottom:1px solid var(--line);padding:26px 20px}.intro h1 br{display:none}h1{font-size:34px}.model-list{max-height:290px}.collection{padding:28px 20px}.empty-state{min-height:360px}.preview-toolbar{align-items:start;flex-direction:column}#preview-stage{height:calc(100% - 125px);padding:6px}dialog{width:calc(100vw - 12px);height:calc(100dvh - 12px)}.local-badge{font-size:13px}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s,color .15s}.design-card{animation:appear .25s ease-out}@keyframes appear{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}}

/* Keep generation details attached to each saved design. */
.card-info{display:block;padding:15px 16px}.card-title{display:block;white-space:normal;overflow-wrap:anywhere;font-size:14px}.card-details{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;margin:12px 0 0;padding-top:11px;border-top:1px solid var(--line)}.card-detail{min-width:0}.card-detail dt{font-size:13px;color:var(--muted);font-weight:400}.card-detail dd{margin:3px 0 0;font-size:13px;color:var(--text);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}


.gallery-toolbar{display:grid;gap:14px;margin-bottom:12px}.gallery-toolbar .search{max-width:none}.gallery-toolbar .search input{padding-inline-start:12px}.gallery-filters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr) minmax(0,1fr);gap:12px}.gallery-filters label{font-size:13px;color:var(--muted)}.gallery-filters select{display:block;margin-top:5px;background:var(--surface);color:var(--text);font-weight:400}.gallery-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px;font-size:13px;color:var(--muted)}.card-prompt{margin-top:6px;color:var(--muted);font-size:13px;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-saved{font-size:13px;color:var(--muted);margin-top:12px}.design-grid{align-items:start;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr))}@media(max-width:450px){.gallery-filters{grid-template-columns:1fr 1fr}.gallery-filters label:last-child{grid-column:1/-1}.card-details{gap:8px}}

.card-details{grid-template-columns:repeat(3,minmax(0,1fr))}.card-detail:first-child{grid-column:1/-1}.card-detail dd{overflow-wrap:anywhere}