.pr-experience{width:100%;color:#111827;padding:16px 24px 48px}.pr-experience *{box-sizing:border-box}.pr-tools,.pr-inspiration{max-width:1500px;margin:0 auto}.pr-inspiration{margin-top:44px}.pr-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:16px}.pr-heading-row h2{margin:0;font-size:24px;line-height:1.2;letter-spacing:0}.pr-heading-row span{color:#8a94a6;font-size:13px}.pr-filter-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:18px}.pr-tabs{display:flex;align-items:center;gap:2px;min-width:0;overflow-x:auto;scrollbar-width:none}.pr-tabs::-webkit-scrollbar{display:none}.pr-tabs button,.pr-tool-tabs button{display:inline-flex;align-items:center;gap:7px;flex:0 0 auto;height:40px;padding:0 12px;color:#4b5567;background:transparent;border:0;border-bottom:2px solid transparent;cursor:pointer;font-weight:650;letter-spacing:0}.pr-tabs button.is-active{color:#7c3aed;border-bottom-color:#7c3aed}.pr-tab-icon{display:grid;place-items:center;width:20px;height:20px}.pr-tab-icon svg,.pr-tab-icon img{width:20px;height:20px;object-fit:contain}.pr-tab-icon svg{fill:currentColor}.pr-sort{display:inline-grid;grid-template-columns:repeat(3,58px);padding:3px;background:#f0f3f7;border-radius:8px}.pr-sort button{height:34px;color:#64748b;background:transparent;border:0;border-radius:6px;cursor:pointer;font-weight:700}.pr-sort button.is-active{color:#111827;background:#fff;box-shadow:0 2px 8px #0f172a12}.pr-waterfall{columns:5 220px;column-gap:12px}.pr-card{position:relative;display:block;width:100%;padding:0;margin:0 0 12px;border:0;border-radius:8px;background:#f1f3f5;overflow:hidden;cursor:pointer;break-inside:avoid;text-align:left}.pr-media{display:block;min-height:180px}.pr-media img,.pr-media video{display:block;width:100%;height:auto;min-height:180px;max-height:520px;object-fit:cover}.pr-card-meta{position:absolute;display:flex;align-items:center;justify-content:space-between;gap:8px;left:0;right:0;bottom:0;padding:28px 10px 9px;color:#fff;background:linear-gradient(transparent,#0f172ab8);opacity:0;transition:opacity .18s}.pr-card:hover .pr-card-meta,.pr-card:focus-visible .pr-card-meta{opacity:1}.pr-card-meta strong,.pr-card-meta small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pr-card-meta strong{font-size:12px}.pr-card-meta small{font-size:10px}.pr-load-more{display:block;margin:22px auto 0;padding:10px 22px;border:1px solid #d9dde5;border-radius:6px;background:#fff;color:#374151;cursor:pointer;font-weight:700}.pr-end{text-align:center;color:#9ca3af;font-size:12px;margin:20px 0}.pr-tool-tabs{display:flex;gap:4px;margin-bottom:14px}.pr-tool-tabs button{border:0;border-radius:6px;height:36px}.pr-tool-tabs button.is-active{color:#fff;background:#111827}.pr-tool-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.pr-tool-card{position:relative;display:grid;grid-template-rows:142px auto;min-width:0;padding:0;border:1px solid #e6e8ed;border-radius:8px;background:#fff;overflow:hidden;text-align:left;cursor:pointer}.pr-tool-image{display:block;background:#f1f3f5;overflow:hidden}.pr-tool-image img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.pr-tool-card:hover .pr-tool-image img{transform:scale(1.025)}.pr-tool-card>span:nth-child(2){display:grid;gap:5px;padding:12px 34px 13px 12px}.pr-tool-card strong{font-size:14px}.pr-tool-card small{display:-webkit-box;color:#7b8494;font-size:11px;line-height:1.5;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pr-tool-card i{position:absolute;right:12px;bottom:16px;font-style:normal;color:#9ca3af}.pr-dialog-backdrop{position:fixed;z-index:13000;inset:0;display:grid;place-items:center;padding:24px;background:#11182780;backdrop-filter:blur(8px)}.pr-dialog{position:relative;display:grid;grid-template-columns:minmax(280px,48%) minmax(320px,1fr);width:min(940px,calc(100vw - 48px));max-height:calc(100vh - 48px);background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 28px 80px #1118274d}.pr-dialog-media,.pr-tool-hero{min-height:520px;background:#eef0f3}.pr-dialog-media img,.pr-dialog-media video,.pr-tool-hero img{width:100%;height:100%;max-height:calc(100vh - 48px);object-fit:contain}.pr-dialog-body{display:flex;flex-direction:column;gap:12px;min-width:0;padding:30px;overflow:auto}.pr-model{align-self:flex-start;padding:4px 8px;border-radius:4px;color:#6d28d9;background:#f3e8ff;font-size:11px;font-weight:800}.pr-dialog h3{margin:0;font-size:21px;line-height:1.35;letter-spacing:0}.pr-dialog p{margin:0;color:#687386;line-height:1.6}.pr-dialog label{display:grid;gap:7px;color:#4b5563;font-size:12px;font-weight:700}.pr-dialog textarea,.pr-dialog select{width:100%;border:1px solid #dfe3e9;border-radius:6px;background:#fafbfc;outline:none}.pr-dialog textarea{min-height:220px;padding:12px;resize:vertical;color:#303846;line-height:1.6}.pr-dialog select{height:40px;padding:0 10px}.pr-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.pr-actions button,.pr-open-local{height:44px;border:0;border-radius:6px;cursor:pointer;font-weight:800}.pr-copy{color:#374151;background:#eef1f5}.pr-remix,.pr-open-local{color:#fff;background:#7c3aed}.pr-close{position:absolute;z-index:2;right:12px;top:12px;width:34px;height:34px;border:0;border-radius:50%;background:#ffffffeb;color:#374151;cursor:pointer;font-size:24px;line-height:1}.pr-tool-dialog{grid-template-columns:minmax(300px,42%) minmax(340px,1fr)}.pr-tool-hero img{object-fit:cover}.pr-upload{place-items:center;padding:20px;border:1px dashed #c7cdd7;border-radius:6px;background:#f8fafc;cursor:pointer}.pr-upload input{position:absolute;opacity:0;pointer-events:none}.pr-upload span{color:#374151}.pr-upload small{color:#9ca3af}.pr-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pr-open-local{margin-top:auto}.pr-tool-dialog textarea{min-height:100px}
@media (max-width:1100px){.pr-tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.pr-waterfall{columns:4 180px}.pr-filter-row{align-items:flex-start;flex-direction:column}.pr-sort{align-self:flex-end}}
@media (max-width:768px){.pr-experience{padding:14px 14px 96px}.pr-inspiration{margin-top:34px}.pr-heading-row{align-items:flex-start;flex-direction:column;gap:5px}.pr-heading-row h2{font-size:20px}.pr-filter-row{gap:10px}.pr-tabs{width:100%}.pr-tabs button{height:38px;padding:0 9px}.pr-sort{align-self:stretch;grid-template-columns:repeat(3,1fr)}.pr-waterfall{columns:2;column-gap:8px}.pr-card{margin-bottom:8px}.pr-media,.pr-media img,.pr-media video{min-height:130px}.pr-card-meta{display:none}.pr-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.pr-tool-card{grid-template-rows:112px auto}.pr-tool-card>span:nth-child(2){padding:10px}.pr-tool-card i{display:none}.pr-dialog-backdrop{padding:0}.pr-dialog,.pr-tool-dialog{grid-template-columns:1fr;grid-template-rows:minmax(220px,42vh) minmax(0,1fr);width:100vw;max-height:100dvh;height:100dvh;border-radius:0}.pr-dialog-media,.pr-tool-hero{min-height:0}.pr-dialog-media img,.pr-dialog-media video,.pr-tool-hero img{max-height:42vh}.pr-dialog-body{padding:20px}.pr-dialog textarea{min-height:150px}.pr-control-grid{grid-template-columns:1fr 1fr}}
@media (max-width:420px){.pr-experience{padding-inline:10px}.pr-tool-grid{grid-template-columns:1fr 1fr}.pr-tool-card{grid-template-rows:100px auto}.pr-waterfall{columns:2}.pr-actions{position:sticky;bottom:0;padding-top:8px;background:#fff}}

/* Desktop density overrides. Keep smaller viewports readable. */
.pr-waterfall{column-count:5;column-width:auto}
.home-generation-history-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
@media (max-width:1100px){.pr-waterfall{column-count:4}.home-generation-history-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:768px){.pr-waterfall{column-count:2}.home-generation-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Let the inspiration grid remain visible beneath the scrolled composer. */
.home-floating-composer-layer .hero-composer--floating{background:rgba(255,255,255,.76)!important;border-color:rgba(255,255,255,.68)!important;-webkit-backdrop-filter:blur(18px) saturate(135%);backdrop-filter:blur(18px) saturate(135%);box-shadow:0 16px 48px rgba(15,23,42,.14)}

/* Lovart-style compact generation history strip. */
.home-generation-history-grid{gap:10px}
.home-generation-history-card{min-height:0;border-radius:8px;box-shadow:none}
.home-generation-history-cover{aspect-ratio:16/9}
.home-generation-history-meta{gap:2px;min-height:42px;padding:6px 8px 7px}
.home-generation-history-meta strong{-webkit-line-clamp:1;font-size:12px;line-height:16px}
.home-generation-history-meta small{font-size:10px;line-height:13px}
.home-generation-history-empty{min-height:84px;border-radius:8px;font-size:12px}
@media (max-width:768px){.home-generation-history-grid{gap:8px}.home-generation-history-meta{min-height:40px;padding:5px 7px 6px}}
.pr-inspiration:has(.pr-more-toggle:not(:checked)) .pr-card:nth-child(n+13){display:none}.pr-load-more{position:relative;z-index:12001;width:max-content}.pr-load-more .pr-more-toggle{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:auto;cursor:pointer}.pr-inspiration:has(.pr-more-toggle:checked) .pr-load-more{display:none}.pr-inspiration:has(.pr-more-toggle:not(:checked)) .pr-end{display:none}
.pr-prompt-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pr-prompt-compare label{min-width:0}.pr-prompt-compare textarea{min-height:260px}.pr-copy,.pr-remix-wide{height:44px;border:0;border-radius:6px;cursor:pointer;font-weight:800}.pr-remix-wide{flex:0 0 auto;color:#fff;background:#7c3aed}@media (max-width:768px){.pr-dialog,.pr-tool-dialog{grid-template-rows:minmax(220px,34vh) minmax(0,1fr)}.pr-dialog-media img,.pr-dialog-media video,.pr-tool-hero img{max-height:34vh}.pr-prompt-compare{grid-template-columns:1fr}.pr-prompt-compare textarea{min-height:140px}}
.pr-tool-selection{display:flex;align-items:center;gap:10px;max-height:0;overflow:hidden;opacity:0;padding:0 16px;background:#f7f8fa;color:#202124;border-bottom:1px solid transparent;transition:max-height .2s ease,opacity .2s ease,padding .2s ease}.pr-tool-selection.is-visible{max-height:48px;opacity:1;padding:9px 16px;border-bottom-color:#e5e7eb}.pr-tool-selection strong{font-size:13px}.pr-tool-selection span{font-size:12px;color:#6b7280}.hero-composer.pr-tool-target{animation:pr-tool-target .7s ease}@keyframes pr-tool-target{0%,100%{box-shadow:inherit}45%{box-shadow:0 18px 45px rgba(15,23,42,.14)}}.pr-quick-child-skills{margin-top:18px}.pr-quick-child-skills .skill-image-card{width:210px}.pr-quick-child-skills .skill-image-preview{aspect-ratio:16/9}.pr-quick-child-skills .skill-image-preview img{width:100%;height:100%;object-fit:cover}@media(max-width:640px){.pr-tool-selection{align-items:flex-start;flex-direction:column;gap:2px}.pr-tool-selection.is-visible{max-height:64px}.pr-quick-child-skills{display:flex;justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.pr-quick-child-skills .skill-image-card{min-width:174px}}
.pr-media-compare{display:grid;grid-template-columns:1fr 1fr;height:100%;min-height:520px}.pr-media-compare figure{position:relative;display:grid;place-items:center;min-width:0;margin:0;background:#e8ebef;overflow:hidden}.pr-media-compare figure+figure{border-left:1px solid #fff}.pr-media-compare figcaption{position:absolute;z-index:1;top:10px;left:10px;padding:5px 8px;border-radius:4px;background:#111827cc;color:#fff;font-size:11px;font-weight:800}.pr-media-compare img,.pr-media-compare video{min-width:0;min-height:0}.pr-remake-pending{display:grid;place-items:center;gap:6px;color:#667085;text-align:center}.pr-remake-pending strong{font-size:14px}.pr-remake-pending small{font-size:11px}.pr-remix-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.pr-remix-actions .pr-remix{height:44px;border:0;border-radius:6px;color:#fff;background:#7c3aed;cursor:pointer;font-weight:800}.pr-remix-actions .pr-remix-image2{background:#111827}@media(max-width:768px){.pr-media-compare{grid-template-columns:1fr 1fr;min-height:0}.pr-remix-actions{grid-template-columns:1fr}}
.pr-prompt-dialog{grid-template-columns:minmax(360px,56%) minmax(320px,44%);width:min(1020px,calc(100vw - 48px));min-height:min(680px,calc(100vh - 48px))}.pr-prompt-dialog .pr-dialog-media{min-height:0}.pr-prompt-dialog .pr-dialog-media img,.pr-prompt-dialog .pr-dialog-media video{display:block;width:100%;height:100%;max-height:calc(100vh - 48px);object-fit:cover}.pr-prompt-dialog .pr-dialog-body{gap:18px;padding:34px}.pr-prompt-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-right:38px}.pr-prompt-heading>span{color:#111827;font-size:18px;font-weight:750}.pr-prompt-heading .pr-copy{height:34px;padding:0 14px;border:1px solid #d9dee7;border-radius:6px;background:#fff;color:#374151;cursor:pointer;font-weight:700}.pr-prompt-text{flex:1;min-height:0;padding:18px;border:1px solid #e2e6ec;border-radius:6px;background:#f8f9fb;color:#303846;font-size:14px;line-height:1.75;white-space:pre-wrap;overflow:auto;outline:none}.pr-prompt-text:focus-visible{border-color:#94a3b8;box-shadow:0 0 0 3px #94a3b826}.pr-prompt-dialog .pr-remix-prompt{flex:0 0 auto;width:100%;height:46px;border:0;border-radius:6px;background:#111827;color:#fff;cursor:pointer;font-weight:800}.pr-prompt-dialog .pr-remix-prompt:hover{background:#273244}@media(max-width:768px){.pr-prompt-dialog{grid-template-columns:1fr;grid-template-rows:minmax(240px,46vh) minmax(0,1fr);width:100vw;height:100dvh;min-height:0;max-height:100dvh}.pr-prompt-dialog .pr-dialog-media img,.pr-prompt-dialog .pr-dialog-media video{max-height:46vh}.pr-prompt-dialog .pr-dialog-body{gap:14px;padding:20px}.pr-prompt-heading{padding-right:34px}.pr-prompt-text{padding:14px;font-size:13px}.pr-prompt-dialog .pr-remix-prompt{height:44px}}