*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg)}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);line-height:1.7;transition:background .2s ease,color .2s ease}
body:has(#theme-toggle:checked){--bg:#f4f8fa;--surface:#fff;--ink:#07111c;--muted:#52697d;--line:#c8d6e0;--shadow:0 14px 34px rgba(23,48,67,.1);--soft:#edf4f7;--toc-bg:#f8fbfc;--detail-a:#fff;--detail-b:#edf4f7}
a{color:inherit}.shell{width:min(1160px,100%);margin-inline:auto;padding-inline:clamp(1.1rem,3vw,2rem)}
.site-header{position:relative;z-index:20;display:flex;align-items:center;gap:1.1rem;width:min(1160px,calc(100% - 2rem));min-height:70px;margin:0 auto;border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;padding:0 1.75rem;background:var(--soft)}
.brand{display:inline-flex;align-items:center;text-decoration:none}.brand-logo{display:block;width:auto;height:31px;max-width:142px;object-fit:contain}.header-note{position:relative;margin-right:auto;padding-left:1rem;color:var(--ink);font-size:.74rem;font-weight:700}.header-note:before{content:"CIXIA · AI PROMPT COLLECTION";display:block;color:var(--primary);font:800 .66rem/1.25 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.09em}
.theme-toggle-input{position:absolute;opacity:0;pointer-events:none}.theme-toggle{order:4;display:inline-flex;gap:.1rem;padding:.18rem;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:.68rem;cursor:pointer}.theme-toggle span{padding:.22rem .48rem;border-radius:3px}.theme-toggle-input:checked+.theme-toggle span:first-child,.theme-toggle-input:not(:checked)+.theme-toggle span:last-child{background:var(--primary);color:#031016}.theme-toggle:focus-visible{outline:2px solid var(--primary);outline-offset:2px}
.header-share{order:3;position:relative}.header-share summary{list-style:none;padding:.4rem .72rem;border:1px solid var(--line);border-radius:5px;color:var(--muted);font-size:.72rem;cursor:pointer}.header-share summary::-webkit-details-marker{display:none}.header-share[open] summary{border-color:var(--primary);color:var(--primary)}.header-share-popover{position:absolute;z-index:6;right:0;top:calc(100% + .65rem);width:min(290px,calc(100vw - 2rem));padding:1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.header-share-popover h3{font-size:1.1rem;line-height:1.3;margin:.45rem 0}.header-share-popover p:not(.eyebrow){color:var(--muted);font-size:.78rem}.share-popover-action{display:inline-flex;padding:.38rem .62rem;border-radius:4px;background:var(--primary);color:#031016;font-size:.7rem;font-weight:800;cursor:pointer}.share-popover-links{display:flex;gap:.8rem;margin-top:.7rem}.share-popover-links a{color:var(--primary);font-size:.72rem}
.eyebrow{margin:0;color:var(--primary);font:800 .68rem/1.35 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.13em;text-transform:uppercase}.hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr);gap:clamp(2.5rem,6vw,6rem);align-items:center;padding-top:clamp(6rem,10vw,9rem);padding-bottom:clamp(4rem,7vw,6rem)}
.hero-copy{padding:0}.hero h1{max-width:13ch;margin:1rem 0 1.25rem;font:850 clamp(2.8rem,5.8vw,5rem)/1.04 var(--font-display);letter-spacing:0;color:var(--ink)}.lede{max-width:34rem;margin:0;color:#b9c9d7;font-size:1.02rem;line-height:1.9}body:has(#theme-toggle:checked) .lede{color:var(--muted)}.hero-actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.75rem 0 1.2rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:45px;padding:.68rem 1.05rem;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);font-size:.8rem;font-weight:800;text-decoration:none;transition:transform .18s ease,border-color .18s ease,color .18s ease}.button:hover{transform:translateY(-2px);border-color:var(--primary);color:var(--primary)}.button-primary{border-color:var(--primary);background:var(--primary);color:#031016}.button-primary:hover{color:#031016}.button:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.hero-tags{display:flex;flex-wrap:wrap;gap:.55rem}.tag{display:inline-block;padding:.22rem .52rem;border:1px solid rgba(0,217,245,.35);border-radius:4px;background:rgba(0,217,245,.07);color:var(--primary);font-size:.7rem;font-weight:700}
.hero-art{position:relative;margin:0;padding:42px 10px 10px;border:1px solid var(--line);border-radius:12px;background:#0d1925;box-shadow:0 22px 54px rgba(0,0,0,.35);transform:rotate(.8deg)}.hero-art:before{content:"●  ●  ●    词匣 · 云同步控制台";position:absolute;left:0;right:0;top:0;height:36px;padding:8px 14px;border-bottom:1px solid var(--line);color:#6f879a;font:700 .66rem/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.hero-art img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border:1px solid #203243;border-radius:6px;background:#08121c}.hero-art figcaption{margin:.55rem .25rem 0;color:#73899b;font-size:.65rem;text-align:right}.hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:1.25rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-stat{display:grid;gap:.15rem;padding:1.35rem 1.2rem;border-right:1px solid var(--line)}.hero-stat:last-child{border-right:0}.hero-stat strong{color:var(--ink);font:850 1rem/1.2 var(--font-display)}.hero-stat span{color:var(--muted);font-size:.72rem}
.content-layout{display:block;padding-top:1.5rem;padding-bottom:clamp(3rem,8vw,7rem)}.toc{display:flex;align-items:center;gap:1.2rem;margin-bottom:clamp(5rem,9vw,8rem);padding:.85rem 1rem;border-radius:6px;background:var(--soft);box-shadow:none}.toc-heading{display:flex;align-items:center;gap:.55rem;flex:none}.toc-count,.section-index{color:var(--muted);font:700 .66rem ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.08em}.toc ol{display:flex;flex-wrap:wrap;gap:.5rem 1.15rem;margin:0;padding:0;list-style:none}.toc a{color:var(--muted);font-size:.72rem;text-decoration:none}.toc a:hover{color:var(--primary)}.content-layout article>section{margin-bottom:clamp(5rem,9vw,8rem)}
.section-kicker{display:flex;justify-content:space-between;align-items:center;gap:1rem}h2{max-width:18ch;margin:.85rem 0 .75rem;font:850 clamp(2rem,4vw,3.25rem)/1.12 var(--font-display);letter-spacing:0}.section-intro,.content-layout article>section>p:not(.eyebrow){max-width:44rem;margin:0 0 1.5rem;color:var(--muted);font-size:.84rem}.flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1.6rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.flow-node{position:relative;min-height:128px;padding:1.2rem;border-right:1px solid var(--line)}.flow-node:last-child{border-right:0}.flow-number{display:block;margin-bottom:.8rem;color:var(--primary);font:800 .68rem ui-monospace,SFMono-Regular,Consolas,monospace}.flow-node h3{margin:0 0 .3rem;font-size:.95rem}.flow-node p{margin:0;color:var(--muted);font-size:.72rem;line-height:1.6}.flow-note{margin-top:1rem;padding:.85rem 1rem;border:1px solid var(--line);border-radius:6px;background:var(--soft)}.flow-note summary{cursor:pointer;color:var(--primary);font-size:.78rem;font-weight:800}.flow-note p{color:var(--muted);font-size:.76rem}
.checklist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-top:1.5rem}.check-item{display:flex;gap:.75rem;min-height:115px;padding:1rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);cursor:pointer;transition:border-color .18s ease,transform .18s ease}.check-item:hover{transform:translateY(-2px);border-color:var(--primary)}.check-item input{position:absolute;opacity:0}.check-mark{display:grid;place-items:center;flex:none;width:1.2rem;height:1.2rem;border:1px solid var(--line);border-radius:3px;color:transparent;font-size:.7rem}.check-item input:checked~.check-mark{border-color:var(--primary);background:var(--primary);color:#031016}.check-item input:focus-visible~.check-mark{outline:2px solid var(--primary);outline-offset:3px}.check-item strong{display:block;font-size:.78rem}.check-item small{display:block;margin-top:.3rem;color:var(--muted);font-size:.68rem;line-height:1.5}
.prompt-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1.7rem}.card{border:1px solid var(--line);border-radius:var(--card-radius);background:var(--surface);box-shadow:none}.prompt-card{position:relative;min-height:270px;padding:1.25rem;overflow:hidden;transition:border-color .18s ease,transform .18s ease}.prompt-card:after{content:"";position:absolute;right:1.2rem;bottom:1.2rem;width:34px;height:1px;background:var(--primary)}.prompt-card:hover{transform:translateY(-3px);border-color:var(--primary)}.card-heading{display:flex;justify-content:space-between;align-items:center}.card-index{color:var(--primary);font:800 .68rem ui-monospace,SFMono-Regular,Consolas,monospace}.prompt-card h3{margin:.85rem 0 .45rem;font-size:1.05rem}.prompt-card>p{min-height:3.8em;margin:0;color:var(--muted);font-size:.73rem}.prompt-box{margin:.9rem 0;padding:.75rem;border:1px solid #1c2d3d;border-radius:4px;background:#08121c}.prompt-box code{color:#bad0df;font:.7rem/1.6 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}.copy-button{padding:.34rem .55rem;border:1px solid var(--line);border-radius:4px;background:transparent;color:var(--muted);font-size:.66rem;cursor:not-allowed}.card-reveal{margin:.65rem 0;padding-top:.6rem;border-top:1px solid var(--line)}.card-reveal summary{cursor:pointer;color:var(--primary);font-size:.68rem;font-weight:800}.card-reveal ul{margin:.45rem 0;padding-left:1rem;color:var(--muted);font-size:.68rem}
.detail-card{padding:1.5rem;background:var(--surface)}.detail-card p{margin-top:0;color:var(--ink);font-size:.88rem}.detail-card li{margin:.4rem 0;color:var(--muted);font-size:.76rem}.faq{max-width:900px}.faq details{padding:1rem 0;border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;font-size:.85rem;font-weight:800}.faq details[open] summary{color:var(--primary)}.faq p{margin:.55rem 0 0;color:var(--muted);font-size:.76rem}
.share-section{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;align-items:center;margin-bottom:clamp(5rem,9vw,8rem);padding:2rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.share-section h2{font-size:clamp(1.7rem,3vw,2.6rem)}.share-section p{color:var(--muted);font-size:.8rem}.share-toggle-input{position:absolute;opacity:0;pointer-events:none}.share-actions{display:flex;gap:.5rem;margin-top:.8rem}.share-platform{padding:.35rem .55rem;border:1px solid var(--line);border-radius:4px;color:var(--primary);font-size:.68rem;text-decoration:none}.share-card{display:none;aspect-ratio:4/5;margin:0;padding:1.25rem;border:1px solid #235064;border-radius:6px;background:#07131e;color:#fff}.share-card img{width:78px;height:30px;object-fit:contain;object-position:left}.share-card-kicker{margin:3rem 0 .7rem!important;color:var(--primary)!important;font-size:.66rem!important;letter-spacing:.12em}.share-card h3{margin:.4rem 0;font-size:1.55rem;line-height:1.15}.share-card p{color:#9eb5c5!important}.share-card small{display:block;margin-top:2.5rem;color:#6f8799}.share-toggle-input:checked~.share-card{display:block}
.page-cta{padding-bottom:clamp(4rem,8vw,7rem)}.cta{padding:clamp(1.6rem,4vw,2.8rem);border-color:#245366;background:#0a1722}.cta h2{font-size:clamp(1.8rem,3vw,2.8rem)}.cta p{max-width:42rem;color:var(--muted);font-size:.8rem}.site-footer{display:flex;justify-content:space-between;padding-top:1.2rem;padding-bottom:2rem;border-top:1px solid var(--line);color:var(--muted);font-size:.72rem}
@media(max-width:960px){.hero{grid-template-columns:1fr;gap:2.5rem}.hero-art{width:min(620px,100%)}.flow-grid,.checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-node:nth-child(2){border-right:0}.flow-node:nth-child(-n+2){border-bottom:1px solid var(--line)}.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.site-header{width:100%;border-left:0;border-right:0;border-radius:0;padding-inline:1rem}.header-note{display:none}.hero{padding-top:4rem}.hero h1{font-size:clamp(2.35rem,12vw,3.6rem)}.hero-stats{grid-template-columns:1fr}.hero-stat{border-right:0;border-bottom:1px solid var(--line)}.hero-stat:last-child{border-bottom:0}.toc{align-items:flex-start;flex-direction:column}.share-section{grid-template-columns:1fr}.share-card{max-width:280px}}
@media(max-width:520px){.hero{grid-template-columns:minmax(0,1fr)}.hero-art{transform:none}.hero-actions .button{width:100%}.flow-grid,.checklist-grid,.prompt-grid{grid-template-columns:1fr}.flow-node{border-right:0;border-bottom:1px solid var(--line)}.flow-node:last-child{border-bottom:0}.prompt-card{min-height:0}.site-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}

/* Reference layout: breadcrumb, framed hero, article + right rail */
body{background-color:var(--bg);background-image:linear-gradient(rgba(40,56,71,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(40,56,71,.16) 1px,transparent 1px);background-size:48px 48px;background-position:center top}
.breadcrumb{display:flex;align-items:center;gap:.75rem;padding-top:1.15rem;padding-bottom:0;color:var(--muted);font-size:.72rem}.breadcrumb a{color:var(--muted);text-decoration:none}.breadcrumb a:hover,.breadcrumb span:last-child{color:var(--primary)}
.hero{position:relative;grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);width:min(1160px,calc(100% - 2rem));min-height:360px;margin:1.25rem auto 0;padding:2.4rem 2rem 2rem;border:1px solid #213b4b;border-radius:16px;background:linear-gradient(110deg,rgba(13,24,35,.98),rgba(5,28,33,.92));overflow:hidden}.hero:before{inset:0;border-radius:16px;background:radial-gradient(circle at 85% 35%,rgba(0,217,245,.1),transparent 24rem);box-shadow:none}.hero:after{inset:0;border-radius:16px;background:linear-gradient(90deg,rgba(7,11,17,.9),rgba(7,11,17,.15) 80%)}.hero-copy{position:relative;z-index:2;padding:0;max-width:680px}.hero h1{font-size:clamp(2.5rem,5vw,4.2rem);max-width:16ch;margin:1rem 0}.hero-art{z-index:2;align-self:center;justify-self:end;width:min(100%,390px);margin:0 1rem 0 0;transform:rotate(0)}.hero-art img{aspect-ratio:4/3;opacity:.88}.hero-stats{position:absolute;z-index:3;top:3.4rem;right:3rem;display:block;width:190px;margin:0;padding:.75rem 1rem;border:1px solid #22576a;border-radius:12px;background:rgba(6,18,27,.9)}.hero-stat{display:flex;align-items:baseline;gap:.55rem;padding:.38rem 0;border:0}.hero-stat strong{font-size:1.2rem;color:#fff}.hero-stat span{font-size:.68rem;color:#93b2c3}.hero-stats:after{content:"";display:block;height:4px;margin:.45rem 0 .15rem;background:linear-gradient(90deg,var(--primary),#56f0ca);border-radius:99px}.hero-stats .hero-stat:last-child{display:none}
.content-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:2rem;align-items:start;padding-top:2.2rem}.content-layout article{grid-column:1;grid-row:1}.toc{grid-column:2;grid-row:1;position:sticky;top:1.1rem;display:block;margin:0;padding:1rem;border-radius:14px;background:#101b29;border-color:#29465b}.toc ol{display:block;margin:.8rem 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}.toc li{margin:0;border-bottom:1px solid rgba(40,56,71,.6)}.toc a{display:block;padding:.7rem .55rem;color:var(--muted);font-size:.76rem}.toc a:hover{color:var(--primary);background:rgba(0,217,245,.08)}.sidebar-cta{margin:1rem -1rem -1rem;padding:1.25rem;border:1px solid #087d91;border-radius:14px;background:linear-gradient(145deg,#09212b,#07141f)}.sidebar-cta h3{margin:.55rem 0;font-size:1.1rem}.sidebar-cta p:not(.eyebrow){margin:.35rem 0 1rem;color:var(--muted);font-size:.74rem}.sidebar-cta .button{width:100%;font-size:.74rem}.sidebar-link{display:block;margin-top:.65rem;color:var(--primary);font-size:.7rem;text-decoration:none;text-align:center}
.flow-grid{grid-template-columns:repeat(4,minmax(0,1fr));border:1px solid var(--line);border-radius:10px;overflow:hidden;background:rgba(14,24,36,.55)}.flow-node{min-height:132px;border-right:1px solid var(--line);padding:1rem}.flow-node:last-child{border-right:0}.checklist-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-card{min-height:250px;border-radius:10px}.section-kicker{border-bottom:1px solid rgba(40,56,71,.6);padding-bottom:.55rem}.share-section{width:min(1160px,calc(100% - 2rem));margin-inline:auto}.page-cta{width:min(1160px,calc(100% - 2rem))}
.sidebar-cta{margin:1.5rem 0 0}
@media(max-width:960px){.hero{grid-template-columns:1fr;min-height:500px}.hero-art{justify-self:stretch;width:min(100%,520px);margin:0 auto}.hero-stats{top:auto;right:2rem;bottom:2rem}.content-layout{grid-template-columns:1fr}.content-layout article,.toc{grid-column:1;grid-row:auto}.toc{position:static}.sidebar-cta{margin:1rem -1rem -1rem}.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-node:nth-child(2){border-right:0}.flow-node:nth-child(-n+2){border-bottom:1px solid var(--line)}}
@media(max-width:560px){.hero{width:100%;margin-top:1rem;padding:2rem 1.2rem 1.4rem;border-radius:10px}.hero h1{font-size:clamp(2.25rem,12vw,3.5rem)}.hero-art{width:100%}.hero-stats{position:static;width:100%;margin-top:1rem}.hero-stat{display:flex}.content-layout{padding-top:1.4rem}.flow-grid,.checklist-grid,.prompt-grid{grid-template-columns:1fr}.flow-node{border-right:0!important;border-bottom:1px solid var(--line)}.flow-node:last-child{border-bottom:0}.share-section,.page-cta{width:100%}}

/* Full-bleed title image: keep the supplied artwork as the complete Hero background. */
.hero{grid-template-columns:minmax(0,1fr);background:#08131e;isolation:isolate}
.hero-art{position:absolute;inset:0;z-index:0;width:auto!important;height:auto;margin:0;padding:0;border:0;border-radius:16px;background:transparent;box-shadow:none;transform:none;pointer-events:none}
.hero-art:before,.hero-art figcaption{display:none}
.hero-art img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;opacity:1;border:0;border-radius:0;background:transparent}
.hero:before,.hero:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:16px}
.hero:before{z-index:1;background:radial-gradient(circle at 82% 25%,rgba(0,217,245,.16),transparent 30rem)}
.hero:after{z-index:1;background:linear-gradient(90deg,rgba(7,11,17,.96) 0%,rgba(7,11,17,.84) 38%,rgba(7,11,17,.38) 68%,rgba(7,11,17,.12) 100%),linear-gradient(180deg,rgba(7,11,17,.15),rgba(7,11,17,.4))}
.hero-copy{z-index:2;max-width:700px}
.sidebar-cta{margin:1.5rem 0 0}
.share-card:target{display:block}
.share-card-url{word-break:break-all;font:600 .62rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;color:#7fabc0!important}
.share-url-copy,.copy-button:not(:disabled){display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--primary);border-radius:5px;background:rgba(0,217,245,.1);color:var(--primary);padding:.42rem .68rem;font-size:.68rem;font-weight:800;cursor:pointer}
.copy-button:not(:disabled):hover,.share-url-copy:hover{background:var(--primary);color:#031016}
.copy-link-button{width:100%;border:0;background:transparent;cursor:pointer;font:inherit}
.sidebar-cta .button-primary{min-height:48px;box-shadow:0 0 0 1px rgba(0,217,245,.2),0 10px 24px rgba(0,217,245,.16);font-size:.8rem}
.sidebar-rail{grid-column:2;grid-row:1;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:1.1rem;align-self:start}
.sidebar-rail .toc{position:static}
.sidebar-rail .sidebar-cta{margin:0}
@media(max-width:960px){.sidebar-rail{grid-column:1;grid-row:auto;position:static;gap:1.5rem}.sidebar-rail .toc{position:static}}
.share-section{align-items:stretch}
.share-card{position:relative;min-height:420px;overflow:hidden;padding:0;background:#07131e}
.share-card:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(7,11,17,.18),rgba(7,11,17,.96)),linear-gradient(90deg,rgba(7,11,17,.9),rgba(7,11,17,.22) 80%);pointer-events:none}
.share-card-bg{position:absolute!important;inset:0;width:100%!important;height:100%!important;object-fit:cover;opacity:.92}
.share-card-content{position:relative;z-index:2;display:flex;flex-direction:column;min-height:420px;padding:1.35rem}
.share-card-logo{width:92px!important;height:31px!important;object-fit:contain;object-position:left;margin:0 0 2.6rem}
.share-card-kicker{margin:0 0 .7rem!important}
.share-card-content h3{max-width:13ch;margin:.4rem 0;font-size:1.55rem;line-height:1.15}
.share-card-content .share-card-url{margin:.55rem 0 .8rem}
.share-url-download{display:inline-flex;align-items:center;justify-content:center;width:max-content;border:1px solid var(--primary);border-radius:5px;background:rgba(0,217,245,.1);color:var(--primary);padding:.42rem .68rem;font-size:.68rem;font-weight:800;cursor:pointer}
.share-url-download:hover{background:var(--primary);color:#031016}
.share-card-content small{margin-top:auto}

/* Keep every preview card in the document flow. Explicit breakpoints avoid cards being collapsed by a viewport-dependent auto-fit calculation. */
.prompt-grid{display:grid;grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;overflow:visible}
.prompt-grid>.prompt-card{display:flex;flex-direction:column;min-width:0;visibility:visible;opacity:1}
.prompt-grid>.prompt-card .prompt-box{flex:1 1 auto}
@media(min-width:561px) and (max-width:960px){.prompt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.prompt-grid{grid-template-columns:1fr}}