:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#080b12;--paper-deep:#111722;--surface:#0f141f;--raised:#141b29;--subtle:#111722;--ink:#f3f6fd;--muted:#aab6ca;--faint:#7c8798;--line:#aec1e624;--line-strong:#a1b8f14d;--accent:#8da8ff;--accent-dark:#7489ff;--accent-cyan:#7ee0f0;--olive:#7ee0f0;--glow:0 7px 26px #5e85ff42;--mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--sans:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}*{box-sizing:border-box}html{background:var(--paper);min-width:360px}body{color:var(--ink);background:var(--paper);margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:2px solid #8da8ff}::selection{color:#080b12;background:#8da8ff}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080b12d1;justify-content:space-between;align-items:center;height:78px;padding:0 clamp(22px,5.2vw,88px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:200px;display:inline-flex}.brand-logo{border-radius:9px;width:32px;height:32px;display:block;box-shadow:0 4px 14px #02050c8c}.brand-name{font:600 14px/1.15 var(--sans);letter-spacing:.08em}.brand-name span{color:var(--muted);font:10px var(--mono);letter-spacing:.12em;padding-top:4px;display:block}.topnav{align-items:center;gap:35px;height:100%;display:flex}.topnav-link{color:#f3f6fdad;height:100%;font:13px var(--sans);align-items:center;gap:8px;transition:color .22s;display:flex;position:relative}.topnav-link span{font:10px var(--mono);color:var(--faint)}.topnav-link:hover,.topnav-link.active{color:#f7f8ff}.topnav-link.active:after{content:"";background:var(--accent);height:2px;position:absolute;bottom:0;left:0;right:0}.topbar-end{justify-content:flex-end;min-width:200px;display:flex}.round-label{color:#f3f6fdad;font:10px var(--mono);letter-spacing:.08em;align-items:center;gap:8px;display:inline-flex}.round-label i{background:var(--accent-cyan);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #7ee0f01f}.round-label b{color:var(--faint);font-weight:400}.section-wrap{width:min(1260px,100% - clamp(44px,10.4vw,176px));margin-inline:auto}.intro,.styles-section,.guide-section{padding-block:clamp(56px,7vw,88px)}.intro{grid-template-columns:.93fr 1.07fr;align-items:center;gap:30px clamp(40px,8vw,108px);display:grid}.intro-copy{padding:10px 0 24px}.eyebrow{color:var(--muted);font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 22px;display:flex}.eyebrow i{background:var(--line-strong);width:32px;height:1px;display:inline-block}.intro h1{color:#f7f8ff;font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(42px,5vw,68px);font-weight:600;line-height:1.2}.intro h1 em{color:var(--accent);font-style:normal}.intro-text{width:min(420px,100%);color:var(--muted);font:12px/1.7 var(--sans);letter-spacing:.015em;margin:22px 0 30px}.button{cursor:pointer;min-height:42px;font:700 12px/1.2 var(--sans);border:1px solid #0000;border-radius:11px;justify-content:center;align-items:center;gap:10px;padding-inline:16px;transition:background .22s,color .22s,border-color .22s,transform .22s,filter .22s,box-shadow .22s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button-dark{color:#101628;box-shadow:var(--glow);background:linear-gradient(100deg,#7489ff,#76b9f8 65%,#7ce1ed)}.button-dark:hover{filter:brightness(1.06);box-shadow:0 9px 30px #5e85ff57}.button-outline{color:#e9edff;background:#647edb1f;border-color:#b2c2e329;min-height:38px;font-weight:400}.button-outline:hover{border-color:var(--line-strong);background:#647edb2e}.intro-visual{background:var(--subtle);border-radius:14px;min-height:385px;position:relative;overflow:hidden}.intro-visual:after{content:"";pointer-events:none;background:linear-gradient(#03050b24,#0000 38%,#03050b9e);position:absolute;inset:0}.intro-visual>img{object-fit:cover;object-position:50% 43%;width:100%;height:100%;position:absolute;inset:0}.visual-label{z-index:1;color:#fff;letter-spacing:.05em;text-shadow:0 1px 10px #00000042;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:18px;left:19px;right:19px}.visual-label b{font:10px var(--mono)}.visual-caption{z-index:1;color:#fff;flex-direction:column;display:flex;position:absolute;bottom:24px;left:25px}.visual-caption>span:first-child{font:10px var(--mono);letter-spacing:.15em;opacity:.75}.visual-caption strong{font-family:var(--sans);letter-spacing:.02em;margin-top:8px;font-size:24px;font-weight:600}.visual-caption i{background:#ffffffb3;width:35px;height:1px;margin:12px 0 9px}.visual-caption small{letter-spacing:.08em;opacity:.82;font-size:10px}.visual-stamp{z-index:1;color:#fff;width:62px;height:62px;font:24px var(--serif);border:1px solid #ffffffb8;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:18px;right:18px;transform:rotate(7deg)}.visual-stamp small{font:10px var(--mono);letter-spacing:.08em}.intro-footnote{color:var(--muted);letter-spacing:.04em;grid-column:1/-1;align-items:center;gap:10px;margin-top:4px;font-size:11px;display:flex}.intro-footnote svg{color:var(--accent)}.styles-section,.guide-section{border-top:1px solid var(--line)}.section-heading{justify-content:space-between;align-items:flex-end;gap:28px;display:flex}.section-heading .eyebrow{margin-bottom:16px}.section-heading h2{color:#f7f8ff;font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(28px,3vw,40px);font-weight:600;line-height:1.2}.heading-period{color:var(--accent)}.section-note{color:var(--muted);font:12px/1.7 var(--sans);text-align:right;margin:0 0 4px}.catalog-tools{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;margin-top:37px;padding-bottom:13px;display:flex}.filter-list{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-button{color:#f3f6fdad;cursor:pointer;min-height:40px;font:500 13px/1.2 var(--sans);background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:0 12px;transition:all .22s;display:inline-flex}.filter-button span{color:var(--faint);font:10px var(--mono)}.filter-button:hover{color:#f7f8ff;border-color:var(--line-strong)}.filter-button.selected{color:#e9edff;background:#8da8ff29;border-color:#a1b8f166}.filter-button.selected span{color:#c3ccdb}.searchbox{border:1px solid var(--line);background:var(--surface);border-radius:10px;align-items:center;gap:9px;width:min(260px,100%);height:40px;padding:0 11px;transition:border-color .22s,box-shadow .22s;display:flex}.searchbox:hover{border-color:var(--line-strong);box-shadow:0 18px 44px #02050c8c}.searchbox:focus-within{border-color:var(--line-strong)}.search-icon{color:#f3f6fdad;display:flex}.searchbox input{width:100%;min-width:0;color:var(--ink);font:13px var(--sans);background:0 0;border:0;outline:0}.searchbox input::placeholder{color:var(--faint)}.searchbox kbd{border:1px solid var(--line);width:20px;height:22px;color:var(--faint);font:10px var(--mono);border-radius:6px;place-items:center;display:grid}.result-line{color:#f3f6fd9e;font:10px var(--mono);letter-spacing:.03em;align-items:center;gap:10px;margin:17px 0 14px;display:flex}.result-line i{background:var(--line-strong);width:20px;height:1px}.style-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.style-card{border:1px solid var(--line);background:var(--surface);text-align:left;cursor:pointer;border-radius:14px;min-width:0;padding:0;transition:transform .22s,box-shadow .22s,border-color .22s;animation:.45s both rise-in;display:block;overflow:hidden;box-shadow:0 4px 8px #02050c2e,0 1px 2px #02050c24}.style-card:nth-child(3n+2){animation-delay:45ms}.style-card:nth-child(3n+3){animation-delay:90ms}.style-card:hover{border-color:var(--line-strong);transform:translateY(-2px);box-shadow:0 18px 44px #02050c8c}.card-image-wrap{aspect-ratio:1.56;background:var(--subtle);display:block;position:relative;overflow:hidden}.card-image-wrap:after{content:"";pointer-events:none;border-bottom:1px solid #ffffff14;position:absolute;inset:0}.card-image-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .22s;display:block}.style-card:hover .card-image-wrap img{transform:scale(1.025)}.card-image-index{color:#fff;font:10px var(--mono);letter-spacing:.08em;background:#080b12b8;padding:5px 7px;position:absolute;top:12px;left:12px}.card-open{cursor:pointer;background:var(--surface);width:29px;height:29px;color:var(--ink);opacity:0;place-items:center;transition:opacity .22s,transform .22s;display:grid;position:absolute;bottom:12px;right:12px;transform:translate(-4px,4px)}.style-card:hover .card-open,.style-card:focus-visible .card-open{opacity:1;transform:translate(0)}.card-content{padding:14px 15px 17px;display:block}.card-topline{color:var(--accent);justify-content:space-between;align-items:center;font-size:10px;display:flex}.card-topline span:last-child{color:var(--faint);font:10px var(--mono)}.card-title-row{justify-content:space-between;align-items:baseline;gap:8px;margin:10px 0 7px;display:flex}.card-title-row strong{color:#f7f8ff;font-family:var(--serif);letter-spacing:-.03em;white-space:nowrap;font-size:18px;font-weight:600}.card-title-row a{color:inherit;text-decoration:none}.card-title-row a:hover{text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.detail-page-link{color:var(--muted);font:12px/1.4 var(--sans);align-items:center;gap:6px;margin-top:14px;transition:color .2s;display:inline-flex}.detail-page-link:hover{color:var(--accent)}.card-title-row small{color:#f3f6fd9e;font:10px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.card-description{min-height:42px;color:var(--muted);font:12px/1.7 var(--sans);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card-tags{flex-wrap:wrap;gap:5px;margin-top:12px;display:flex}.card-tags i,.detail-tags i{color:#c3ccdb;font:11px/1.2 var(--sans);background:#111723ba;border:1px solid #b2c2e329;border-radius:999px;padding:4px 7px;font-style:normal}.empty-state{min-height:270px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state>span{border:1px solid var(--line);width:46px;height:46px;color:var(--accent);place-items:center;margin-bottom:16px;display:grid}.empty-state strong{color:var(--ink);font-family:var(--sans);font-size:17px;font-weight:600}.empty-state small{margin-top:7px;font-size:10px}.empty-state button{border:0;border-bottom:1px solid var(--accent);color:var(--accent);font:500 13px/1.2 var(--sans);cursor:pointer;background:0 0;margin-top:16px;padding:0 0 3px}.guide-steps{border:1px solid var(--line);background:var(--surface);border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:30px;display:grid;overflow:hidden}.guide-steps article{align-items:flex-start;gap:17px;min-height:120px;padding:22px;display:flex}.guide-steps article+article{border-left:1px solid var(--line)}.guide-steps:hover{border-color:var(--line-strong);box-shadow:0 18px 44px #02050c8c}.guide-steps article>span{color:var(--accent);font:10px var(--mono)}.guide-steps strong{font-family:var(--sans);font-size:14px;font-weight:600}.guide-steps p{color:var(--muted);font:12px/1.7 var(--sans);margin:7px 0 0}.site-footer{border-top:1px solid var(--line);color:#f3f6fd9e;justify-content:space-between;align-items:center;min-height:84px;padding:16px clamp(22px,5.2vw,88px);font-size:9px;display:flex}.site-footer>span b{color:var(--faint);padding:0 4px;font-weight:400}.brand-footer{min-width:unset;transform-origin:0;transform:scale(.84)}.back-top{color:var(--muted);font-size:10px}.back-top:hover{color:var(--accent)}.modal-shell{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03050bb8;justify-content:center;align-items:center;padding:3vh 24px;animation:.18s both fade-in;display:flex;position:fixed;inset:0}.modal-backdrop{cursor:default;background:0 0;border:0;width:100%;height:100%;position:absolute;inset:0}.detail-modal{z-index:1;border:1px solid var(--line-strong);background:var(--surface);border-radius:16px;grid-template-columns:minmax(0,1.04fr) minmax(380px,.96fr);width:min(1110px,100%);max-height:94vh;animation:.26s cubic-bezier(.2,.7,.2,1) both modal-in;display:grid;position:relative;overflow:auto;box-shadow:0 40px 120px #0009}.modal-close{z-index:3;border:1px solid var(--line);color:#e9edff;cursor:pointer;background:#111723d6;border-radius:11px;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:13px;right:13px}.modal-close:hover{color:#fff;border-color:var(--line-strong);background:var(--raised)}.detail-image-wrap{background:var(--subtle);align-self:stretch;min-height:610px;position:sticky;top:0;overflow:hidden}.detail-image-wrap>img{object-fit:cover;width:100%;height:100%;min-height:610px;display:block;position:absolute;inset:0}.detail-image-wrap:after{content:"";pointer-events:none;background:linear-gradient(#03050b57,#0000 22% 76%,#03050b94);position:absolute;inset:0}.detail-image-index,.image-actions{z-index:1;color:#fff;position:absolute}.detail-image-index{top:19px;left:20px}.image-actions{align-items:center;gap:15px;display:flex;bottom:18px;right:18px}.image-actions a{color:#fff;font:10px var(--sans);letter-spacing:.02em;border-bottom:1px solid #ffffff8c;padding-bottom:3px}.image-actions a:hover{border-color:#fff}.detail-content{padding:38px 33px 32px;overflow:hidden}.detail-overline{color:var(--accent);justify-content:space-between;align-items:center;gap:12px;padding-right:44px;font-size:10px;display:flex}.detail-page .detail-overline{padding-right:0}.detail-version{color:var(--faint);font:10px var(--mono)}.detail-content h1,.detail-content h2{color:#f7f8ff;font:600 30px/1.2 var(--sans);letter-spacing:-.03em;margin:12px 0 3px}.detail-subtitle{color:#f3f6fd9e;font:10px var(--mono);margin:0}.detail-description{color:var(--muted);font:12px/1.7 var(--sans);margin:14px 0 15px}.detail-tags{flex-wrap:wrap;gap:6px;display:flex}.use-cases{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:flex-start;gap:15px;margin-top:17px;padding:11px 0;display:flex}.use-cases>span{color:#f3f6fd9e;flex:none;font-size:10px}.use-cases>div{flex-wrap:wrap;gap:7px;display:flex}.use-cases i{color:#c3ccdb;font:11px/1.2 var(--sans);background:#111723ba;border:1px solid #b2c2e329;border-radius:999px;padding:4px 8px;font-style:normal}.use-cases i+i:before{content:none}.prompt-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:19px;display:flex}.prompt-heading>div{flex-direction:column;gap:4px;display:flex}.prompt-label{color:#f3f6fd9e;font:10px var(--mono);letter-spacing:.11em}.prompt-heading strong{font-family:var(--sans);font-size:13px;font-weight:600}.copy-button{color:#e9edff;cursor:pointer;min-height:38px;font:400 12px/1.2 var(--sans);background:#647edb1f;border:1px solid #b2c2e329;border-radius:11px;align-items:center;gap:8px;padding:0 14px;transition:border-color .22s,background .22s,box-shadow .22s;display:inline-flex}.copy-button:hover{border-color:var(--line-strong);background:#647edb2e;box-shadow:0 18px 44px #02050c8c}.prompt-box{border:1px solid var(--line);background:var(--subtle);color:#f3f6fdc7;max-height:170px;font:10px/1.7 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:10px;margin:10px 0 0;padding:13px;overflow:auto}.reference-instruction{border-left:2px solid var(--accent);background:var(--raised);margin-top:12px;padding:10px 12px}.reference-instruction strong{color:var(--accent);font:600 12px var(--sans)}.reference-instruction p{color:var(--muted);font:12px/1.7 var(--sans);margin:5px 0 0}.example-prompt-details{border-top:1px solid var(--line);margin-top:13px}.example-prompt-details summary{color:#f3f6fdb8;cursor:pointer;font:13px var(--sans);justify-content:space-between;align-items:center;gap:12px;padding:12px 0 2px;list-style:none;display:flex}.example-prompt-details summary::-webkit-details-marker{display:none}.example-prompt-details summary:after{content:"+";color:var(--accent);font:15px var(--mono)}.example-prompt-details[open] summary:after{content:"−"}.example-prompt-details summary small{color:var(--faint);font:10px var(--mono);margin-left:auto}.example-prompt-details .prompt-box{margin-bottom:0}.detail-page{border-radius:14px;width:100%;max-height:none;margin-top:18px;animation:none;overflow:clip}.detail-page .detail-image-wrap{aspect-ratio:1.56;align-self:start;width:100%;height:auto;min-height:0;position:sticky;top:78px}.detail-page .detail-image-wrap>img{min-height:0}.detail-page .detail-content{overflow:visible}.generator-actions{flex-wrap:wrap;align-items:flex-start;gap:10px 14px;margin-top:20px;display:flex}.generator-cta .detail-cta{margin-top:0}.detail-cta-note{color:var(--muted);font:10px/1.5 var(--sans);margin:7px 0 0}.detail-cta-status{min-height:1.4em;color:var(--muted);font:11px/1.5 var(--sans);margin:8px 0 0}.toast{z-index:50;color:#fff;background:var(--ink);opacity:0;pointer-events:none;padding:12px 16px;font-size:10px;transition:all .22s;position:fixed;bottom:22px;right:24px;transform:translateY(8px);box-shadow:0 8px 24px #00000026}.toast.visible{opacity:1;transform:translateY(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes rise-in{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-in{0%{opacity:.6;transform:translateY(9px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=980px){.topbar{padding-inline:26px}.section-wrap{width:calc(100% - 52px)}.intro{column-gap:36px}.intro-visual{min-height:340px}.style-grid{gap:18px}.card-content{padding-inline:12px}.card-title-row{flex-direction:column;align-items:flex-start;gap:2px}.detail-modal{grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr)}.detail-content{padding-inline:25px}}@media (width<=720px){.topbar{height:66px;padding-inline:20px}.brand{min-width:auto}.topnav{gap:17px}.topnav-link{font-size:13px}.topbar-end{min-width:auto}.round-label{display:none}.section-wrap{width:calc(100% - 40px)}.intro{grid-template-columns:1fr;row-gap:25px;padding-top:clamp(56px,7vw,88px);padding-bottom:clamp(56px,7vw,88px)}.intro-copy{padding-bottom:0}.intro h1{font-size:clamp(42px,10vw,58px)}.intro-text{margin:15px 0 20px}.intro-visual{aspect-ratio:1.34;min-height:auto}.intro-footnote{grid-column:auto;align-items:flex-start;line-height:1.7}.styles-section,.guide-section{padding-top:clamp(56px,7vw,88px);padding-bottom:clamp(56px,7vw,88px)}.section-heading{flex-direction:column;align-items:flex-start;gap:16px}.section-note{text-align:left}.catalog-tools{flex-direction:column-reverse;align-items:stretch;gap:13px;margin-top:24px}.searchbox{width:100%}.filter-list{gap:2px}.filter-button{min-height:40px;padding-inline:8px}.style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card-title-row strong{font-size:15px}.card-description{min-height:54px;font-size:12px}.card-content{padding:11px 10px 13px}.guide-steps{grid-template-columns:1fr}.guide-steps article{min-height:0;padding:17px 14px}.guide-steps article+article{border-top:1px solid var(--line);border-left:0}.site-footer{padding-inline:20px}.site-footer>span{display:none}.modal-shell{align-items:stretch;padding:0}.detail-modal{border:1px solid var(--line-strong);border-radius:16px;grid-template-columns:1fr;width:100%;max-height:100dvh}.detail-image-wrap{height:40vh;min-height:0;position:relative}.detail-page .detail-image-wrap{width:100%;height:40vh;position:relative;top:auto}.detail-image-wrap>img{min-height:0}.detail-content{padding:25px 21px 32px;overflow:visible}.generator-actions{flex-direction:column;align-items:stretch}.generator-actions .button{width:100%}.generator-cta .detail-cta-note{max-width:36em}.detail-content h1,.detail-content h2{font-size:26px}.modal-close{position:fixed;top:12px;right:12px}}@media (width<=460px){.topnav{gap:12px}.topnav-link{gap:5px;font-size:13px}.brand-name{font-size:13px}.brand-logo{width:28px;height:28px}.eyebrow{gap:8px;font-size:10px}.eyebrow i{width:20px}.style-grid{grid-template-columns:1fr}.card-image-wrap{aspect-ratio:1.62}.card-title-row{flex-direction:row;align-items:baseline}.card-description{min-height:0}.guide-steps article{gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}