.template-topic-page,.template-detail-page{max-width:1600px;margin:0 auto;padding:96px 28px 40px}.template-breadcrumb{color:#ffffff75;align-items:center;gap:8px;max-width:100%;min-height:28px;font-size:14px;font-weight:400;line-height:20px;display:flex}.template-breadcrumb a{color:inherit;flex:none;transition:color .2s}.template-breadcrumb a:hover{color:#ffffffc7}.template-breadcrumb>span[aria-hidden]{color:#ffffff61;flex:none}.template-breadcrumb>[aria-current]{color:#ffffff9e;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.template-topic-hero{text-align:center;padding:60px 16px 64px}.template-topic-hero h1,.template-detail-generator h1{letter-spacing:-.025em;font-family:Bricolage Grotesque,PingFang SC,sans-serif;font-weight:700}.template-topic-hero h1{margin:0;font-size:clamp(36px,5vw,64px);line-height:1.1}.template-topic-hero p{color:#aaa;max-width:850px;margin:22px auto 0;font-size:16px;line-height:1.7}.template-natural-gallery{columns:4;column-gap:12px}.template-natural-gallery .hub-template-card{break-inside:avoid;border-radius:14px;margin:0 0 12px;display:block;overflow:hidden}.template-natural-gallery .hub-template-media{width:100%;position:relative}.template-natural-gallery .hub-template-media img{object-fit:contain;width:100%;height:100%}.template-natural-gallery .hub-template-caption{padding:12px}.template-pagination{flex-wrap:wrap;justify-content:center;gap:10px;margin:32px 0;display:flex}.template-pagination a,.template-related-themes a{border:1px solid #333;border-radius:999px;padding:10px 16px}.template-pagination a[aria-current],.template-pagination a:hover{color:#101b2b;background:#cce5fa}.template-related-themes,.template-use-guide,.template-related{margin-top:64px}.template-related-themes h2,.template-use-guide h2,.template-related h2{margin-bottom:20px;font-family:Bricolage Grotesque,PingFang SC,sans-serif;font-size:28px}.template-related-themes>div{flex-wrap:wrap;gap:12px;display:flex}.template-detail-layout{grid-template-columns:minmax(0,1fr) minmax(340px,440px);align-items:start;gap:28px;margin-top:28px;display:grid}.template-detail-preview{background:#ffffff06;border-radius:20px;position:sticky;top:84px;overflow:hidden}.template-detail-preview video,.template-detail-preview img{object-fit:contain;width:100%;max-height:calc(100svh - 130px);display:block}.template-detail-preview audio{width:100%}.template-detail-generator h1{margin:0 0 20px;font-size:28px;line-height:1.2}.template-detail-generator .collection-tool-panel{height:auto;max-height:none;position:relative;top:auto;overflow:visible}.template-detail-generator .detail-panel-title-row{display:none}.template-detail-generator .detail-panel-scroll{overflow:visible}.template-detail-generator .detail-panel-actions{margin-top:24px;position:static}.template-use-guide p{color:#aaa;max-width:900px;line-height:1.8}.template-prompt-editor{resize:vertical;color:#ddd;width:100%;min-height:220px;font:inherit;box-sizing:border-box;background:#202020;border:1px solid #333;border-radius:12px;padding:14px;font-size:14px;line-height:1.6}.template-setting{color:#aaa;justify-content:space-between;align-items:center;gap:16px;margin:12px 0;font-size:14px;display:flex}.template-setting select{color:#eee;background:#222;border:1px solid #444;border-radius:8px;max-width:65%;padding:8px}.template-cost-note{color:#999;font-size:12px;line-height:1.6}@media (width<=1000px){.template-natural-gallery{columns:3}.template-detail-layout{grid-template-columns:minmax(0,1fr) minmax(320px,390px);gap:20px}}@media (width<=760px){.template-detail-layout{display:block}.template-detail-preview{margin-bottom:24px;position:static}.template-topic-page,.template-detail-page{padding:88px 16px 20px}.template-natural-gallery{columns:2;column-gap:8px}.template-topic-hero{padding:40px 0}}@media (width<=420px){.template-natural-gallery{columns:1}}.template-detail-page{max-width:none;padding:80px 20px 16px}.template-detail-layout{align-items:stretch;gap:20px;margin-top:12px}.template-detail-preview{isolation:isolate;border-radius:20px;justify-content:center;align-items:center;padding:24px;display:flex;position:relative;top:auto}.template-preview-foreground{width:100%;min-width:0}.template-preview-foreground video,.template-preview-foreground img{object-fit:contain;border-radius:10px;width:100%;height:auto;max-height:calc(100dvh - 180px)}.template-detail-generator{-webkit-backdrop-filter:blur(24px);background:#232325d1;border:1px solid #ffffff1f;border-radius:24px;flex-direction:column;min-height:0;padding:16px;display:flex;box-shadow:0 16px 48px #0003}.template-detail-generator h1{flex:none;margin-bottom:12px;font-size:20px;line-height:1.2}.template-detail-generator .collection-tool-panel{min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;padding:0;display:flex}.template-detail-generator .detail-panel-scroll{flex-direction:column;flex:1;gap:10px;min-height:0;padding:0;display:flex}.template-detail-generator .detail-panel-section{margin:0}.template-detail-generator .detail-panel-heading{margin:0 0 6px}.template-detail-generator .detail-upload-grid{gap:6px}.template-detail-generator .detail-upload{flex-direction:row;gap:12px;height:76px;min-height:76px;padding:8px}.template-detail-generator .detail-upload-preview{flex:0 0 36px;width:36px;height:36px}.template-detail-generator .detail-upload-preview svg{width:28px;height:28px}.template-detail-generator .detail-upload-copy{gap:2px}.template-detail-generator .detail-prompt-section{flex-direction:column;flex:1;min-height:80px;display:flex}.template-detail-generator .template-prompt-editor{resize:none;flex:1;height:100px;min-height:70px;padding:10px;font-size:13px;line-height:1.5}.template-detail-generator .detail-prompt-wrap{max-height:140px;overflow:auto}.template-detail-generator .detail-parameters-section{flex:none}.template-detail-generator .template-setting{flex-direction:column;align-items:stretch;gap:4px;width:calc(33.333% - 6px);margin:8px 6px 0 0;font-size:11px;display:inline-flex}.template-detail-generator .template-setting select{width:100%;max-width:100%;padding:6px 4px;font-size:12px}.template-detail-generator .template-cost-note{margin:8px 0 0;line-height:1.4}.template-detail-generator .detail-panel-actions{flex:none;margin-top:12px;padding:0}.template-detail-generator .detail-generate{height:44px;min-height:44px}@media (width>=761px) and (height>=650px){.template-detail-page{box-sizing:border-box;flex-direction:column;height:100dvh;display:flex}.template-detail-layout{flex:1;min-height:0}.template-detail-preview{min-height:0}.template-detail-generator .detail-panel-scroll{overflow-y:auto}}@media (width<=760px),(height<=649px){.template-detail-generator .template-prompt-editor{flex:auto;min-height:160px}.template-detail-preview{min-height:260px}}@media (width<=760px){.template-detail-page{padding:80px 12px 16px}.template-detail-preview{margin-bottom:16px;padding:16px}.template-preview-foreground video,.template-preview-foreground img{max-height:65dvh}}.template-detail-generator .collection-tool-panel{align-self:stretch}.template-detail-generator .detail-upload-section{margin-top:0}.template-detail-generator .detail-upload-glow{height:78px;min-height:78px;max-height:78px}.template-detail-generator .detail-upload-glow .border-glow-inner{height:100%}.template-detail-generator .detail-parameters-section{flex-flow:wrap;padding:0;display:flex}.template-detail-generator .detail-parameters-section>h2,.template-detail-generator .detail-parameters,.template-detail-generator .template-cost-note{width:100%}.template-detail-generator .detail-panel-actions{background:0 0}.template-detail-generator [hidden]{display:none!important}.template-detail-background{min-height:100dvh}.template-detail-background>.page-background-layers{position:fixed;inset:0}.template-detail-background .page-background-asset{filter:blur(48px);transform:scale(1.12)}.template-detail-page .template-detail-preview{background:0 0;border:0;border-radius:0;padding:12px;overflow:visible}.template-detail-generator{background:#1e1f21c7;position:relative}.template-detail-page{padding-top:16px}.template-detail-page .template-breadcrumb>[aria-current]{color:#fff}.template-detail-page .template-preview-foreground video,.template-detail-page .template-preview-foreground img{max-height:calc(100dvh - 100px)}@media (width<=760px){.template-detail-page .template-preview-foreground video,.template-detail-page .template-preview-foreground img{max-height:65dvh}}.template-detail-generator .template-detail-sr-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.template-panel-toolbar{flex:none;justify-content:flex-end;margin-bottom:10px;display:flex}.template-panel-close{color:#eee;background:#ffffff12;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s;display:inline-flex}.template-panel-close:hover{background:#ffffff26}.template-panel-close:focus-visible{outline-offset:3px;outline:2px solid #cce5fa}@media (width>=761px){.template-detail-page{--template-panel-width:440px;grid-template-columns:minmax(0,1fr) minmax(340px,var(--template-panel-width));grid-template-rows:auto minmax(0,1fr);gap:12px 20px;display:grid}.template-detail-page>.template-breadcrumb{grid-area:1/1}.template-detail-page .template-detail-layout{display:contents}.template-detail-page .template-detail-preview{grid-area:2/1}.template-detail-page .template-detail-generator{grid-area:1/2/3}}@media (width>=761px) and (width<=1000px){.template-detail-page{--template-panel-width:390px;grid-template-columns:minmax(0,1fr) minmax(320px,var(--template-panel-width))}}.template-detail-generator .detail-upload-heading{display:none}.template-detail-generator .detail-upload-grid{position:relative}.template-detail-generator .detail-upload-heading{z-index:2;min-height:0;display:flex;position:absolute;top:4px;right:8px}.template-detail-generator .detail-upload-title{display:none}.template-detail-generator .detail-upload-count{color:#d7ebff;font-size:11px}.template-detail-generator .detail-upload-glow{background:#7ebbf41f;border:1px solid #a8d3ff;height:64px;min-height:64px;max-height:64px;box-shadow:inset 0 0 18px #7ebbf41f}.template-detail-generator .detail-upload{justify-content:flex-start;height:62px;min-height:62px}.template-detail-generator .detail-prompt-section{background:#ffffff0f;border-radius:12px;flex:none;min-height:0;padding:10px}.template-detail-generator .detail-prompt-heading{color:#999;font-size:11px}.template-detail-generator .detail-prompt-copy{border:1px solid #555;border-radius:6px;gap:6px;width:auto;padding:4px 8px;font-size:11px;display:flex}.template-detail-generator .template-prompt-editor{background:#ffffff0f;border:0;border-radius:8px;flex:none;height:150px;min-height:80px}.template-detail-generator .is-prompt-expanded .template-prompt-editor{height:auto;overflow:hidden;-webkit-mask-image:none;mask-image:none}.template-prompt-toggle{color:#aaa;cursor:pointer;background:0 0;border:0;align-self:flex-start;padding:8px 2px 0;font-size:12px}.template-detail-generator .detail-parameters-section{background:#ffffff0f;border-radius:12px;padding:10px;display:block}.template-detail-generator .detail-parameters-section summary{color:#999;cursor:pointer;padding:0 0 8px;font-size:11px}.template-details-fields{background:#ffffff0f;border-radius:8px;padding:8px 12px}.template-detail-generator .template-setting{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;width:100%;min-height:27px;margin:0;font-size:13px;display:flex}.template-detail-generator .template-setting select{text-align:right;background:0 0;border:0;width:auto;max-width:65%;padding:3px}.template-detail-generator .template-setting>span:last-child{color:#eee}@media (width>=761px) and (height<=760px){.template-detail-generator .template-prompt-editor{height:110px}}.template-detail-generator .detail-upload-preview>svg{stroke:none;flex:none;width:24px;height:24px;display:block}.template-detail-generator .detail-parameters-section>summary{justify-content:space-between;align-items:center;list-style:none;display:flex}.template-detail-generator .detail-parameters-section>summary::-webkit-details-marker{display:none}.template-detail-generator .detail-parameters-section>summary:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;flex:0 0 6px;width:6px;height:6px;margin:0 3px 3px 12px;transition:transform .15s;transform:rotate(45deg)}.template-detail-generator .detail-parameters-section[open]>summary:after{margin-bottom:-3px;transform:rotate(225deg)}.template-natural-gallery .hub-template-card{vertical-align:top;break-inside:avoid;width:100%;display:inline-block}.template-natural-gallery .hub-template-media>img{width:100%;height:100%;position:absolute;inset:0}.template-detail-generator .detail-prompt-wrap{flex:none;max-height:none;overflow:hidden}.template-detail-generator .detail-prompt-wrap:has(.detail-prompt[hidden]){display:none}.template-detail-generator .detail-prompt-wrap:has(.detail-prompt.is-collapsed){padding-bottom:0}.template-detail-generator .detail-prompt-wrap:has(.detail-prompt.is-collapsed):after{content:none}.template-detail-generator .detail-prompt.is-collapsed{height:132px;max-height:132px;overflow:hidden}.template-detail-generator .detail-prompt-gate{align-items:center;height:auto;min-height:36px;padding:4px 12px 8px;position:static}.template-detail-generator .template-prompt-editor{scrollbar-width:thin;overflow:auto}