/* Creation suite: quiet chrome, large editorial media, compact working controls. */
.suite-shell{--s-accent:#d6fb78;--s-line:#ffffff12;--s-panel:#191b1d;--s-soft:#a2a5ab;--s-text:#f3f4f5;--s-bg:#101112;background:var(--s-bg);color:var(--s-text);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}
.suite-shell .workspace-sidebar{width:220px;background:#151618;border-right:1px solid var(--s-line);padding:24px 12px 15px;overflow:auto}.suite-shell .workspace-sidebar>.wordmark{font-size:27px;margin-bottom:23px}.suite-shell .workspace-sidebar nav{gap:3px;flex:none}.suite-shell .workspace-sidebar nav>a{display:flex;align-items:center;gap:12px;padding:10px 14px;min-height:42px;font-size:13px;border-radius:9px;color:#adafb5}.suite-shell .workspace-sidebar nav>a[aria-current=page]{background:#2a2d29;color:#e7fac4}.suite-shell .workspace-sidebar svg{width:19px;height:19px;flex:none}.suite-shell .sidebar-section-label{font-size:10px;letter-spacing:.08em;padding:15px 14px 5px;margin:0;color:#767b83}.suite-shell .sidebar-bottom{margin-top:auto;padding-top:24px}.s-sidebar-plan,.s-sidebar-settings{display:flex;align-items:center;gap:12px;padding:12px;color:var(--s-text);font-size:12px}.s-sidebar-plan{border:1px solid #d6fb7830;border-radius:12px;background:linear-gradient(120deg,#c5ed6a0d,transparent)}.s-sidebar-plan span{flex:1}.s-sidebar-plan small{display:block;color:var(--s-soft);font-size:10px;margin-top:4px}.suite-shell>header{margin-left:220px;height:66px;padding:0 32px;background:var(--s-bg)}.suite-shell>main,.suite-shell:has(.creation-studio)>#app{margin-left:220px;padding:22px 32px 64px;max-width:none}.suite-shell .site-footer{display:none}.suite-shell .header-actions{gap:8px}.suite-shell .header-actions button{font-size:12px}.s-page{max-width:1440px;margin:auto}.s-page *{box-sizing:border-box}.s-page a{color:inherit;text-decoration:none}.s-page button,.s-page input,.s-page textarea,.s-page select{font:inherit}.s-page button{cursor:pointer}.s-page svg{width:22px;height:22px;flex:none}.s-page button:disabled{opacity:.45;cursor:not-allowed}.s-page :focus-visible{outline:2px solid var(--s-accent);outline-offset:4px}.s-page section{margin-top:40px}.s-page h1,.s-page h2,.s-page h3,.s-page p{margin:0}.s-page h1{font-size:clamp(28px,3vw,44px);line-height:1.25;letter-spacing:-1.4px;font-weight:650}.s-page h2{font-size:21px;font-weight:600;letter-spacing:-.4px}.s-page h3{font-size:15px;line-height:1.5;font-weight:600}.s-page p{color:var(--s-soft);font-size:13px;line-height:1.8}.s-kicker{display:block;font-size:11px;color:var(--s-accent);letter-spacing:.1em;margin-bottom:14px}.s-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:25px 0 32px}.s-heading p{margin-top:14px;max-width:710px}.s-heading>.s-button{flex:none}.s-home-hero{display:grid;grid-template-columns:1fr 1.05fr;gap:32px;margin-top:0!important;align-items:stretch;min-height:380px}.s-home-copy{padding:25px 0 12px}.s-home-copy h1{font-size:clamp(36px,3.7vw,58px);line-height:1.18;letter-spacing:-2px;margin:16px 0 20px}.s-home-copy p{font-size:14px;line-height:1.8}.s-home-copy form{display:flex;align-items:center;border:1px solid #ffffff25;background:#1c1e20;border-radius:14px;padding:8px;margin-top:25px;max-width:520px}.s-home-copy form input{border:0!important;background:none!important;min-width:0;flex:1;outline:none;padding:10px!important;color:var(--s-text);font-size:13px}.s-home-copy form button{border:0;border-radius:9px;width:42px;height:42px;flex:none;font-size:22px}.s-inline-options{display:flex;gap:18px;margin-top:12px;font-size:12px;color:var(--s-soft)}.s-inline-options label{display:flex;gap:5px;align-items:center}.s-inline-options input{accent-color:var(--s-accent);width:12px;height:12px}.s-hero-art{position:relative;overflow:hidden;border-radius:18px;display:block;min-height:330px;background:#212321}.s-hero-art>img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:52% center}.s-hero-art:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#000c)}.s-hero-art>div{position:absolute;bottom:25px;left:25px;right:25px;z-index:1;color:#fff}.s-hero-art small{display:block;font-size:12px;color:#ddd;margin-bottom:10px}.s-hero-art strong{font-size:23px;font-weight:550;display:flex;justify-content:space-between}.s-source{position:absolute;left:12px;top:12px;padding:5px 9px;background:#141414b8;color:#eee;border:1px solid #ffffff20;border-radius:6px;font-size:9px;z-index:2;backdrop-filter:blur(10px)}.s-launch-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-top:24px}.s-launch-grid>a{display:flex;align-items:center;gap:9px;background:var(--s-panel);border:1px solid var(--s-line);border-radius:11px;padding:17px 12px;transition:border-color .15s,background .15s}.s-launch-grid strong{font-size:12px;font-weight:500;white-space:nowrap}.s-launch-grid svg{color:var(--s-accent);width:19px}.s-launch-grid span{margin-left:auto;color:#71777d;font-size:13px}.s-launch-grid>a:hover{border-color:#d6fb7860;background:#22251e}.s-section-head{display:flex;gap:18px;justify-content:space-between;align-items:center;margin-bottom:20px}.s-section-head p{margin-top:6px;font-size:12px}.s-section-head>.s-button{white-space:nowrap}.s-button{display:inline-flex;gap:9px;justify-content:center;align-items:center;min-height:38px;padding:10px 16px;border:1px solid var(--s-line);background:var(--s-panel);border-radius:9px;color:var(--s-text)!important;font-size:12px!important;line-height:1.3;cursor:pointer}.s-button:hover{border-color:#777}.s-primary{background:var(--s-accent)!important;color:#15200b!important;border-color:transparent!important;font-weight:600}.s-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.s-cover{position:relative;display:block;aspect-ratio:1.3;overflow:hidden;border-radius:13px;background:#222}.s-cover>img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.s-cover:hover>img{transform:scale(1.025)}.s-open{position:absolute;right:10px;bottom:10px;border-radius:50%;background:#fff;color:#111;width:29px;height:29px;display:grid;place-items:center;font-size:18px}.s-card-meta{display:flex;align-items:center;justify-content:space-between;padding:12px 2px;gap:10px}.s-card-meta small{font-size:10px;color:var(--s-soft);display:block;margin-bottom:3px}.s-icon-button{background:none;border:0;color:#bec0c5;font-size:23px;padding:5px 8px}.s-icon-button[aria-pressed=true]{color:#eaa4c4}.s-two-features{display:grid;grid-template-columns:1fr 1fr;gap:20px}.s-two-features>a{display:grid;grid-template-columns:40% 60%;background:var(--s-panel);border:1px solid var(--s-line);border-radius:14px;overflow:hidden}.s-feature-art{position:relative;display:block;min-height:210px}.s-feature-art img{width:100%;height:100%;object-fit:cover;position:absolute}.s-feature-art small{position:absolute;bottom:8px;left:8px;font-size:8px;background:#111b;padding:3px 5px;color:white;border-radius:4px}.s-two-features a>div{padding:25px 22px}.s-two-features h2{font-size:20px;line-height:1.5}.s-two-features p{font-size:12px;margin:10px 0 18px}.s-text-link{color:var(--s-accent);font-size:12px}.s-empty{border:1px dashed #ffffff20;border-radius:14px;padding:38px 24px;text-align:center;background:linear-gradient(125deg,#ffffff02,transparent)}.s-empty>svg{width:30px;height:30px;color:#797e86;margin-bottom:14px}.s-empty h3{font-size:17px;margin-bottom:8px}.s-empty p{max-width:520px;margin:0 auto 15px;font-size:12px}.s-empty .s-button{margin-top:3px}.s-template-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.s-template-strip a{position:relative;height:180px;overflow:hidden;border-radius:13px}.s-template-strip img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}.s-template-strip span{position:absolute;left:10px;bottom:10px;background:#111b;color:#fff;border-radius:5px;padding:5px 8px;font-size:10px}.s-toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:0 0 18px}.s-tabs{display:flex;gap:5px;align-items:center;margin:0 0 20px}.s-toolbar .s-tabs{margin:0}.s-tabs button,.s-chips button{border:1px solid transparent;background:none;color:var(--s-soft);padding:10px 17px;border-radius:9px;font-size:12px}.s-tabs button[aria-pressed=true]{background:#e6ebdc;color:#12160f;font-weight:600}.s-search{display:flex;align-items:center;gap:10px;background:var(--s-panel);border:1px solid var(--s-line);border-radius:9px;padding:0 12px;color:var(--s-soft)}.s-search input{border:0!important;background:none!important;font-size:12px;padding:11px 0!important;color:var(--s-text)}.s-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.s-chips button{border:1px solid var(--s-line);border-radius:20px;padding:7px 15px;font-size:11px}.s-chips button[aria-pressed=true]{color:var(--s-accent);border-color:#d6fb7845;background:#d6fb7808}.s-provenance{display:flex;align-items:center;gap:8px;color:var(--s-soft);font-size:11px;margin:10px 0 23px}.s-provenance svg{width:16px;height:16px}.s-reference-detail{display:grid;grid-template-columns:1.3fr 1fr;gap:36px;margin-top:24px}.s-reference-detail>img{width:100%;max-height:650px;object-fit:contain;background:#1a1b1e;border-radius:16px}.s-reference-detail h1{font-size:36px;margin-bottom:20px}.s-reference-detail .s-button{margin:20px 8px 0 0}.s-info-row{display:flex;justify-content:space-between;gap:18px;padding:17px 0;border-bottom:1px solid var(--s-line);font-size:12px}.s-info-row span{color:var(--s-soft)}.s-info-row a{color:var(--s-accent)}.s-note{font-size:11px!important;color:var(--s-soft);font-weight:400;line-height:1.7}.s-back{display:inline-block;color:var(--s-soft)!important;font-size:12px;margin:7px 0 12px}.s-panel{background:var(--s-panel);border:1px solid var(--s-line);border-radius:14px;padding:24px}.s-panel h2{margin-bottom:12px}.s-panel h3{margin-bottom:10px}.s-panel+.s-panel{margin-top:20px}.s-editor-layout{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.s-editor-layout>.s-panel{margin:0}.s-page label:not(.s-search):not(.s-upload){font-size:12px;color:var(--s-soft)}.s-panel>label,.s-shot-fields>label,.s-project-top>label{display:grid;gap:9px;margin-bottom:22px}.s-page input:not([type=checkbox]):not([type=radio]):not([type=file]),.s-page textarea,.s-page select{width:100%;border:1px solid #ffffff18;background:#121315;color:var(--s-text);border-radius:8px;padding:12px;line-height:1.6;min-width:0;font-size:13px}.s-page textarea{resize:vertical}.s-action-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px;align-items:center}.s-action-row label{flex:1;min-width:100px;display:grid;gap:7px}.s-upload{display:flex;align-items:center;flex-direction:column;justify-content:center;gap:13px;border:1px dashed #ffffff35;background:#ffffff02;min-height:200px;border-radius:15px;cursor:pointer;margin-bottom:25px}.s-upload input{position:absolute;opacity:0;width:1px;height:1px}.s-upload:focus-within{outline:2px solid var(--s-accent)}.s-upload>svg{width:30px;height:30px;color:var(--s-accent)}.s-upload strong{font-size:15px}.s-upload span{font-size:11px;color:var(--s-soft)}.s-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.s-record-card{background:var(--s-panel);border:1px solid var(--s-line);border-radius:13px;padding:22px;display:block;overflow:hidden}.s-record-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:12px;background:#d6fb7810;color:var(--s-accent);margin-bottom:20px}.s-record-card>small{font-size:10px;color:var(--s-soft)}.s-record-card h3{margin-top:7px;font-size:18px}.s-record-card p{margin:10px 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}.s-record-card>span:last-child{display:flex;justify-content:space-between;font-size:11px;color:var(--s-soft)}.s-record-card b{color:var(--s-accent);font-weight:400}.s-media-tile{background:var(--s-panel);border:1px solid var(--s-line);border-radius:13px;overflow:hidden}.s-media-tile>img,.s-media-tile>video{width:100%;height:200px;object-fit:contain;background:#080809}.s-media-tile>div{padding:16px}.s-media-tile strong{display:block;font-size:13px;overflow-wrap:anywhere}.s-media-tile small{display:block;font-size:11px;color:var(--s-soft);margin:6px 0 12px}.s-reference-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.s-reference-picker label{position:relative;display:grid;gap:5px;border:1px solid var(--s-line);padding:6px;border-radius:9px;overflow:hidden}.s-reference-picker img{width:100%;height:100px;object-fit:cover;border-radius:5px}.s-reference-picker input{position:absolute;top:10px;left:10px;accent-color:var(--s-accent)}.s-reference-picker span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:10px}.s-project-top{margin-bottom:28px;display:grid;grid-template-columns:1fr 2fr;gap:24px}.s-project-top>label{margin:0}.s-shot{display:grid;grid-template-columns:55px 1fr 160px;gap:20px;padding:22px;border:1px solid var(--s-line);border-radius:13px;background:var(--s-panel);margin-bottom:14px}.s-shot-index{font-size:26px;color:var(--s-accent);font-weight:300}.s-shot-index small{display:block;font-size:10px;color:var(--s-soft);margin-top:6px}.s-shot-fields>label{margin:0}.s-shot-actions{display:flex;flex-direction:column;justify-content:center;gap:10px}.s-project-footer{display:flex;gap:18px;align-items:center;margin:22px 0 30px;font-size:12px;color:var(--s-soft)}.s-export-panel{display:flex;justify-content:space-between;gap:25px;align-items:center}.s-export-panel h2{margin-top:12px}.s-export-panel button{flex:none}.s-status-label{display:block;color:#b6b8bc;border:1px solid var(--s-line);background:#ffffff03;padding:7px 10px;border-radius:6px;font-size:10px;width:fit-content;margin-bottom:20px}.s-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.s-model{background:var(--s-panel);border:1px solid var(--s-line);border-radius:13px;padding:23px}.s-model-heading{display:flex;align-items:center;gap:12px;color:var(--s-accent);font-size:11px;margin-bottom:23px}.s-model h2{font-size:20px}.s-model>small{display:block;color:var(--s-soft);font-size:11px;margin:8px 0 18px}.s-model p{font-size:12px;margin-bottom:15px}.s-model .s-button{width:100%}.s-template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.s-template-card{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;border-radius:14px;background:#232326}.s-template-card>img{width:100%;height:100%;object-fit:cover}.s-template-card:after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#000d)}.s-template-card>div{position:absolute;bottom:18px;left:18px;right:18px;z-index:1;color:white}.s-template-card small{font-size:10px;color:#ddd}.s-template-card h3{font-size:19px;margin:5px 0 8px}.s-template-card div>span{font-size:11px;color:#ddd}.s-price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.s-price{padding:30px;border:1px solid var(--s-line);border-radius:16px;background:var(--s-panel)}.s-price:nth-child(2){border-color:#d6fb7860;background:linear-gradient(130deg,#d6fb7809,var(--s-panel))}.s-price h2{font-size:44px;margin:30px 0 20px}.s-price h2 small{font-size:14px;font-weight:400;color:var(--s-soft)}.s-price .s-button{width:100%;margin-top:40px}.s-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.suite-shell .creation-studio{--accent:var(--s-accent)}.suite-shell .creation-studio .studio-workspace{border-radius:14px}.suite-shell .creation-studio .studio-form{border-color:var(--s-line)}
html[data-theme=light] .suite-shell{--s-bg:#f6f7f5;--s-panel:#fff;--s-line:#19221b18;--s-soft:#686f6a;--s-text:#17201a;--s-accent:#4b671f;color:var(--s-text)}html[data-theme=light] .suite-shell .workspace-sidebar{background:#eef0ec}html[data-theme=light] .suite-shell .workspace-sidebar nav>a{color:#5b635c}html[data-theme=light] .suite-shell .workspace-sidebar nav>a[aria-current=page]{background:#dce7cd;color:#243313}html[data-theme=light] .s-page input:not([type]),html[data-theme=light] .s-page input[type=text],html[data-theme=light] .s-page input[type=number],html[data-theme=light] .s-page textarea,html[data-theme=light] .s-page select{background:#f8f9f6;border-color:#22332222}html[data-theme=light] .s-empty,html[data-theme=light] .s-upload{border-color:#22332225}html[data-theme=light] .s-primary{background:#d6fb78!important;color:#1b290f!important}html[data-theme=light] .s-home-copy form{background:#fff;border-color:#22332225}html[data-theme=light] .s-tabs button[aria-pressed=true]{background:#263521;color:#fff}
@media(min-width:1600px){.s-home-hero{min-height:430px}.s-home-copy{padding:40px 0}.s-home-copy h1{font-size:62px}.s-cover{aspect-ratio:1.4}}
@media(max-width:1180px){.s-launch-grid{grid-template-columns:repeat(3,1fr)}.s-cards{gap:13px}.s-two-features>a{grid-template-columns:1fr}.s-feature-art{min-height:180px}.s-model-grid,.s-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.s-home-hero{gap:20px}.s-home-copy h1{font-size:39px}.s-heading h1{font-size:32px}.s-template-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.suite-shell .workspace-sidebar{width:74px;padding:20px 9px}.suite-shell .workspace-sidebar>.wordmark{font-size:0;padding:0;justify-content:center;margin-bottom:25px}.suite-shell .workspace-brand-dot{font-size:26px!important}.suite-shell .workspace-sidebar nav>a{padding:12px;justify-content:center}.suite-shell .workspace-sidebar nav>a>span,.suite-shell .sidebar-section-label,.suite-shell .s-sidebar-plan,.suite-shell .s-sidebar-settings{display:none}.suite-shell>header{margin-left:74px;padding:0 22px}.suite-shell>main,.suite-shell:has(.creation-studio)>#app{margin-left:74px;padding:18px 22px 50px}.s-editor-layout{gap:16px}.s-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.s-shot{grid-template-columns:36px 1fr}.s-shot-actions{grid-column:2;flex-direction:row;flex-wrap:wrap}.s-price{padding:20px}.s-price h2{font-size:34px}}
@media(max-width:620px){.suite-shell .workspace-sidebar{display:none}.suite-shell>header{margin-left:0;height:56px;padding:0 14px}.suite-shell>main,.suite-shell:has(.creation-studio)>#app{margin-left:0;padding:12px 16px 100px}.suite-shell .header-actions{gap:6px}.suite-shell .header-actions button{font-size:10px;padding:8px 10px}.s-home-hero{display:flex;flex-direction:column;gap:18px}.s-home-copy{padding:16px 0 0}.s-home-copy h1{font-size:39px;margin:12px 0 15px}.s-home-copy h1 br{display:none}.s-home-copy p br{display:none}.s-home-copy p{font-size:12px}.s-home-copy form{margin-top:18px}.s-hero-art{min-height:220px}.s-hero-art>div{bottom:20px;left:20px}.s-hero-art strong{font-size:21px}.s-launch-grid{gap:8px;margin-top:18px}.s-launch-grid>a{flex-direction:column;gap:9px;padding:13px 5px}.s-launch-grid>a>span{display:none}.s-launch-grid strong{font-size:11px}.s-launch-grid svg{width:21px}.s-page section{margin-top:28px}.s-section-head{gap:12px;align-items:flex-start;margin-bottom:15px}.s-section-head h2{font-size:19px}.s-section-head p{font-size:11px}.s-section-head .s-button{padding:7px 9px;min-height:30px;font-size:10px!important}.s-cards{gap:12px}.s-cover{aspect-ratio:1}.s-cover .s-source{font-size:8px;left:6px;top:6px;padding:4px 6px}.s-card-meta h3{font-size:13px}.s-two-features{grid-template-columns:1fr;gap:12px}.s-two-features>a{grid-template-columns:35% 65%}.s-feature-art{min-height:190px}.s-two-features a>div{padding:20px 16px}.s-two-features h2{font-size:18px}.s-two-features p{font-size:11px}.s-two-features .s-kicker{font-size:9px;margin-bottom:9px}.s-template-strip{grid-template-columns:repeat(2,1fr);gap:10px}.s-template-strip a{height:160px}.s-heading{flex-wrap:wrap;gap:18px;padding:15px 0 24px}.s-heading h1{font-size:29px;letter-spacing:-1px}.s-heading p{font-size:12px;margin-top:12px}.s-editor-layout,.s-reference-detail,.s-project-grid,.s-price-grid{grid-template-columns:1fr}.s-model-grid{grid-template-columns:1fr}.s-panel{padding:20px}.s-toolbar{flex-direction:column;align-items:stretch;gap:12px}.s-search{width:100%}.s-tabs{gap:3px;overflow:auto}.s-tabs button{white-space:nowrap;padding:9px 13px}.s-provenance{font-size:10px;line-height:1.6}.s-reference-detail{gap:22px}.s-project-top{grid-template-columns:1fr;gap:18px}.s-shot{padding:14px;gap:12px;grid-template-columns:25px 1fr}.s-shot-index{font-size:21px}.s-shot-actions{gap:6px;justify-content:flex-start}.s-shot-actions .s-button{font-size:10px!important;padding:8px}.s-project-footer{flex-wrap:wrap}.s-export-panel{flex-direction:column;align-items:flex-start}.s-template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.s-template-card>div{bottom:12px;left:12px}.s-template-card h3{font-size:16px}.s-template-card div>span{font-size:9px}.s-price h2{font-size:38px}.s-price .s-button{margin-top:22px}.suite-shell .mobile-nav{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:20;background:var(--s-panel);border-top:1px solid var(--s-line);padding:9px 8px max(9px,env(safe-area-inset-bottom));justify-content:space-around}.suite-shell .mobile-nav a{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--s-soft);font-size:10px}.suite-shell .mobile-nav svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){.s-cover>img{transition:none}}
.suite-shell .s-studio-reference{position:relative;max-width:420px;width:90%;margin:0 auto 26px;border-radius:16px;overflow:hidden}.s-studio-reference img{width:100%;height:220px;object-fit:cover;display:block}.s-studio-reference span{position:absolute;bottom:0;left:0;right:0;background:#111b;color:#eee;padding:8px;font-size:10px}.suite-shell .studio-empty{padding-top:28px}.suite-shell .studio-character:not(.is-selected){padding:20px;min-height:120px}.suite-shell .studio-avatar{width:50px;height:50px}.suite-shell .studio-picker-grid p{grid-column:1/-1}.suite-shell .studio-picker-grid a{color:var(--s-accent)}
.s-role-picker{background:var(--s-panel);color:var(--s-text);border:1px solid var(--s-line);max-width:680px;width:90%;padding:24px;border-radius:16px}.s-role-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0}.s-role-list>p{grid-column:1/-1;font-size:13px;color:var(--s-soft);line-height:1.7}.s-role-choice{border:1px solid var(--s-line);border-radius:10px;overflow:hidden;background:var(--s-bg);color:var(--s-text);padding:0;text-align:left;cursor:pointer}.s-role-choice img{width:100%;height:130px;object-fit:cover}.s-role-choice span{display:block;padding:10px;font-size:13px}.s-role-choice small{display:block;color:var(--s-soft);font-size:10px;margin-top:5px}
.s-template-preview{display:block;width:100%;max-height:520px;object-fit:contain;border-radius:10px;margin-bottom:14px}#s-template-form>p{margin-bottom:20px}#s-template-form>.s-primary{margin-top:16px}
.s-faq{max-width:880px}.s-faq details{border-bottom:1px solid var(--s-line);padding:20px 0}.s-faq summary{cursor:pointer;font-size:14px}.s-faq details p{margin-top:14px;font-size:12px;max-width:720px}
.s-reference-detail>video{width:100%;max-height:650px;object-fit:contain;background:#090a0b;border-radius:16px;align-self:start}.s-module-references{padding:0 24px 28px}.s-module-references .s-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.s-module-references .s-section-head{flex-wrap:wrap}.s-module-references h2{font-size:17px}.s-module-references .s-source{font-size:8px}.s-module-references .s-cover{aspect-ratio:1.4}
/* Creation home: editorial scenarios and compact tool discovery. */
.h-page{max-width:1600px;margin:auto}.h-page .h-intro{margin:12px auto 28px;text-align:center;max-width:960px;padding:20px 0 8px}.h-intro h1{font-size:clamp(30px,3.4vw,52px);font-weight:650;letter-spacing:-1.5px;margin:16px 0}.h-intro>p{font-size:14px;color:var(--s-soft);margin-bottom:26px}.h-composer{background:var(--s-panel);border:1px solid var(--s-line);border-radius:20px;padding:14px 18px;text-align:left;box-shadow:0 12px 36px #00000012}.h-mode{display:flex;gap:5px}.h-mode label{display:flex;align-items:center;gap:7px;position:relative;margin:0;padding:9px 14px;border-radius:9px;color:var(--s-soft);cursor:pointer;font-size:13px}.h-mode label:has(input:checked){background:var(--s-text);color:var(--s-bg)}.h-mode input{position:absolute;opacity:0;width:1px;height:1px}.h-mode svg,.h-compose-bottom svg{width:17px;height:17px}.h-mode label:focus-within{outline:2px solid var(--s-accent);outline-offset:2px}.h-page .h-composer textarea{resize:vertical;width:100%;min-height:94px;max-height:240px;border:0;background:transparent;padding:19px 6px;font:inherit;font-size:15px;box-shadow:none;outline:none}.h-compose-bottom{display:flex;align-items:center;gap:12px}.h-compose-bottom>a{display:flex;align-items:center;gap:7px;color:var(--s-soft);font-size:12px}.h-compose-bottom>span{margin-left:auto;font-size:10px;color:var(--s-soft)}.h-compose-bottom button{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 16px;border:0;border-radius:10px;cursor:pointer;font-size:12px;font-weight:600;white-space:nowrap}.h-prompts{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;align-items:center;margin-top:15px;color:var(--s-soft);font-size:11px}.h-prompts button{border:1px solid var(--s-line);border-radius:20px;background:transparent;color:var(--s-text);padding:7px 12px;cursor:pointer}.h-prompts>a{color:var(--s-soft)}.h-shortcuts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:22px 0 36px}.h-shortcuts>a,.h-resource-links>a{display:flex;align-items:center;gap:11px;padding:17px 14px;border-radius:12px;border:1px solid var(--s-line);background:var(--s-panel);min-width:0}.h-shortcuts svg,.h-resource-links svg{width:24px;height:24px;flex:none;color:var(--s-accent)}.h-shortcuts strong,.h-resource-links strong{display:block;font-size:12px;font-weight:600;white-space:nowrap}.h-shortcuts small,.h-resource-links small{display:block;color:var(--s-soft);font-size:10px;margin-top:5px}.h-shortcuts>a>span,.h-resource-links>a>span{margin-left:auto;color:var(--s-soft)}.h-page>section{margin-top:40px}.h-page .s-section-head h2{font-size:22px;letter-spacing:-.5px}.h-page .s-section-head p{font-size:12px}.h-banners{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.h-banner{position:relative;isolation:isolate;aspect-ratio:1.9;overflow:hidden;border-radius:15px;color:white;background:#202127}.h-banner>img{width:100%;height:100%;object-fit:cover}.h-banner:after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0001,#0002 25%,#000d)}.h-banner>div{position:absolute;bottom:22px;left:22px;right:20px;z-index:1}.h-banner small{font-size:10px;color:#ddd}.h-banner h3{font-size:22px;margin:7px 0 10px}.h-banner div>span{font-size:11px;color:#ddd}.h-play{position:absolute;right:18px;top:18px;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;background:#1117;border:1px solid #ffffff60;z-index:1}.h-scenes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}.h-scene-image{position:relative;display:block;aspect-ratio:1.35;overflow:hidden;border-radius:12px;background:var(--s-panel)}.h-scene-image img{width:100%;height:100%;object-fit:cover;transition:transform .2s}.h-scene-image small{position:absolute;left:7px;top:7px;background:#0009;color:#eee;font-size:8px;border-radius:5px;padding:4px 6px}.h-scene-image>span{position:absolute;bottom:9px;right:9px;background:#0009;color:white;padding:6px 9px;font-size:10px;border-radius:6px;opacity:0}.h-scenario:hover .h-scene-image>span,.h-scene-image:focus-visible>span{opacity:1}.h-scene-image:hover img{transform:scale(1.035)}.h-scenario>div{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-top:10px}.h-scenario h3{font-size:13px;margin:0}.h-scenario button{border:0;background:none;color:var(--s-soft);font-size:10px;padding:3px 0;cursor:pointer;white-space:nowrap}.h-tool-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px}.h-tool-toolbar .s-chips{margin:0;display:flex;gap:7px;flex-wrap:wrap}.h-tool-toolbar .s-search{max-width:240px}.h-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.h-tool{display:flex;gap:12px;align-items:center;padding:10px;border:1px solid var(--s-line);border-radius:12px;background:var(--s-panel);min-width:0}.h-tool>img{width:56px;height:56px;border-radius:8px;object-fit:cover;flex:none}.h-tool strong{font-size:12px;display:block}.h-tool small{font-size:10px;display:block;margin-top:5px;color:var(--s-soft)}.h-tool>span{margin-left:auto;color:var(--s-soft);padding-right:4px}.h-tool:hover,.h-shortcuts>a:hover,.h-resource-links>a:hover{border-color:var(--s-accent)}.h-tools>.s-empty{grid-column:1/-1}.h-page #h-tool-count{margin-top:12px}.h-page .h-character{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:35px;background:var(--s-panel);border:1px solid var(--s-line);padding:30px;border-radius:18px}.h-character h2{font-size:28px;margin:12px 0}.h-character p{font-size:13px;line-height:1.8;color:var(--s-soft);margin-bottom:20px}.h-character-images{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.h-character-images>a{position:relative;aspect-ratio:.8;overflow:hidden;border-radius:12px}.h-character-images img{width:100%;height:100%;object-fit:cover}.h-character-images small{position:absolute;bottom:0;left:0;right:0;padding:22px 10px 10px;background:linear-gradient(transparent,#000c);color:#fff;font-size:9px}.h-template-feature{display:grid;grid-template-columns:1fr 1.3fr;gap:32px;align-items:center;border:1px solid var(--s-line);border-radius:16px;overflow:hidden;background:var(--s-panel)}.h-template-feature>img{width:100%;height:260px;object-fit:cover}.h-template-feature>div{padding:20px 26px 20px 0}.h-template-feature small{color:var(--s-soft);font-size:11px}.h-template-feature h2{font-size:26px;margin:12px 0}.h-template-feature p{color:var(--s-soft);font-size:13px;margin-bottom:20px}.h-resource-links{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.h-attribution{color:var(--s-soft);font-size:10px;text-align:center;margin:30px 0 0}.h-page a:focus-visible,.h-page button:focus-visible{outline:2px solid var(--s-accent);outline-offset:3px}
@media(max-width:1250px){.h-shortcuts{grid-template-columns:repeat(3,1fr)}.h-scenes{grid-template-columns:repeat(4,minmax(0,1fr))}.h-tools{grid-template-columns:repeat(3,minmax(0,1fr))}.h-banner h3{font-size:18px}.h-banner>div{bottom:16px;left:16px}.h-character h2{font-size:23px}}
@media(max-width:900px){.h-scenes{grid-template-columns:repeat(3,minmax(0,1fr))}.h-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.h-banners{gap:10px}.h-banner{aspect-ratio:1.25}.h-page .h-character{grid-template-columns:1fr;padding:22px;gap:22px}.h-character-images>a{aspect-ratio:1.3}.h-template-feature{gap:20px}.h-template-feature h2{font-size:22px}.h-template-feature>img{height:270px}}
@media(max-width:620px){.h-page .h-intro{padding-top:8px;margin-top:0}.h-intro h1{font-size:30px;letter-spacing:-.8px}.h-intro>p{font-size:12px;line-height:1.7;margin-bottom:18px}.h-composer{padding:12px;border-radius:15px}.h-page .h-composer textarea{font-size:14px;min-height:100px}.h-compose-bottom>span{display:none}.h-compose-bottom button{margin-left:auto}.h-compose-bottom>a{font-size:10px}.h-prompts>span{display:none}.h-prompts>a{width:100%;margin-top:5px}.h-shortcuts{gap:8px}.h-shortcuts>a{flex-direction:column;padding:13px 6px;gap:8px;text-align:center}.h-shortcuts>a>span,.h-shortcuts small{display:none}.h-shortcuts strong{font-size:11px}.h-shortcuts svg{width:22px;height:22px}.h-page .s-section-head h2{font-size:19px}.h-page .s-section-head p{font-size:11px}.h-banners{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.h-banner{flex:0 0 84%;aspect-ratio:1.7;scroll-snap-align:start}.h-banner h3{font-size:21px}.h-scenes{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}.h-scenario>div{align-items:flex-start;flex-direction:column}.h-tool-toolbar{align-items:stretch;flex-direction:column;gap:12px}.h-tool-toolbar .s-search{max-width:none}.h-tools{gap:8px}.h-tool{padding:8px;gap:8px}.h-tool>img{width:40px;height:46px}.h-tool>span{display:none}.h-tool strong{font-size:11px}.h-tool small{font-size:8px}.h-character-images>a{aspect-ratio:.8}.h-character h2{font-size:23px}.h-template-feature{grid-template-columns:1fr;gap:0}.h-template-feature>img{height:190px}.h-template-feature>div{padding:22px}.h-template-feature h2{font-size:22px}.h-resource-links{grid-template-columns:1fr;gap:8px}.h-resource-links>a{padding:13px}.h-page>section{margin-top:32px}}
@media(prefers-reduced-motion:reduce){.h-scene-image img{transition:none}}
.h-page .h-mode label:has(input:checked){color:var(--s-bg)!important}.h-page .h-mode label:has(input:checked) svg{color:inherit}
.h-workspaces{display:grid;grid-template-columns:1fr 1fr;gap:22px}.h-workspace{min-width:0;border:1px solid var(--s-line);background:var(--s-panel);padding:22px;border-radius:16px}.h-workspace .s-section-head{flex-wrap:wrap;gap:14px}.h-workspace-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.h-workspace-cards img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:10px}.h-workspace-cards strong{display:block;font-size:12px;margin:10px 0 5px}.h-workspace-cards small{display:block;font-size:9px;color:var(--s-soft)}.h-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.h-models article{border:1px solid var(--s-line);border-radius:13px;padding:20px;background:var(--s-panel);min-width:0}.h-models svg{width:22px;height:22px;display:block;color:var(--s-accent);margin-bottom:14px}.h-models small,.h-models span{color:var(--s-soft);font-size:10px;display:block}.h-models h3{font-size:17px;overflow-wrap:anywhere;margin:10px 0}.h-models button{margin-top:18px;width:100%}@media(max-width:1100px){.h-workspaces{grid-template-columns:1fr}.h-models{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.h-workspace{padding:16px}.h-workspace-cards{gap:8px}.h-workspace-cards strong{font-size:11px}.h-workspace-cards small{font-size:8px}.h-models{gap:10px}.h-models article{padding:14px}.h-models h3{font-size:14px}.h-models .s-button{font-size:10px!important;padding:8px}}
.p-studio{display:block}.p-studio-art{height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:radial-gradient(ellipse at 45% 60%,#759f4138,transparent 65%);border-radius:12px;margin-bottom:22px}.p-studio-art svg{width:65px;height:65px;color:var(--s-accent)}.p-studio-art span{letter-spacing:4px;font-size:11px;color:var(--s-soft)}.p-studio p{font-size:13px;color:var(--s-soft);line-height:1.8;margin:12px 0 20px}.p-goal{text-align:left;cursor:pointer;color:var(--s-text)}.p-goal:hover{border-color:var(--s-accent)}.p-goal-num{font-size:11px;color:var(--s-accent)}.p-goal h3{margin:16px 0 10px}.p-goal p{font-size:12px;line-height:1.7;color:var(--s-soft);margin-bottom:24px}.p-goal>span:last-child{font-size:11px}.p-character-art{border:1px solid var(--s-line);border-radius:20px;min-height:220px;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:14px;padding:25px;background:radial-gradient(ellipse at center,#759f4120,transparent)}.p-character-art svg{width:60px;height:60px}.p-character-art>span{width:100%;text-align:center}.p-character-art i{font-size:11px;font-style:normal;padding:8px;border:1px solid var(--s-line);border-radius:10px}
/* Show the entire source composition; never crop embedded details or captions. */
.h-page .s-cover{aspect-ratio:1;background:var(--s-panel)}
.h-page .s-cover>img,.h-page .h-scene-image>img,.h-page .h-character-images img{object-fit:contain;display:block;transform:none}
.h-page .s-cover:hover>img,.h-page .h-scene-image:hover>img{transform:none}
.h-page .h-template-feature{align-items:center}
.h-page .h-template-feature>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;align-self:center}
.h-page .h-banner{aspect-ratio:auto;display:flex;flex-direction:column;background:var(--s-panel)}
.h-page .h-banner>img{display:block;width:100%;height:auto;object-fit:contain}
.h-page .h-banner:after{display:none}
.h-page .h-banner>div{position:static;padding:16px 18px;color:var(--s-text)}
.h-page .h-banner small,.h-page .h-banner div>span{color:var(--s-soft)}
/* Single-row director rail with accessible previous / next controls. */
.h-scene-carousel{position:relative;min-width:0}
.h-page .h-scenes{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:3px 2px 8px}
.h-scenes::-webkit-scrollbar{display:none}
.h-scenes .h-scenario{flex:0 0 208px;min-width:0;scroll-snap-align:start;background:var(--s-panel);border:1px solid var(--s-line);border-radius:14px;overflow:hidden}
.h-scenes .h-scene-image{aspect-ratio:4/3;border-radius:0;background:#151618}
.h-scenes .h-scenario>div{padding:12px;margin:0;gap:8px;flex-direction:column;align-items:flex-start;min-height:64px}
.h-scenes .h-scenario h3{font-size:14px}
.h-scene-arrow{position:absolute;top:calc(50% - 18px);z-index:2;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#252729e8;color:#fff;border:1px solid #ffffff55;box-shadow:0 3px 16px #0005;cursor:pointer;backdrop-filter:blur(8px)}
.h-scene-arrow svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.h-scene-prev{left:8px}.h-scene-next{right:8px}.h-scene-arrow:disabled{opacity:0;pointer-events:none}
.h-scene-arrow:hover:not(:disabled){background:#424648}.h-scenes:focus-visible{outline:2px solid var(--s-accent);outline-offset:3px;border-radius:14px}
@media(max-width:620px){.h-scenes .h-scenario{flex-basis:180px}.h-page .h-scenes{gap:10px}.h-scene-arrow{width:32px;height:32px}.h-scene-prev{left:4px}.h-scene-next{right:4px}}

.s-work-preview{width:100%;height:180px;object-fit:contain;border-radius:12px;background:var(--panel,#171719)}.s-shot-results{display:flex;flex-wrap:wrap;gap:8px;grid-column:2/-1}.s-media-tile .s-action-row{flex-wrap:wrap}.s-shot-results:empty{display:none}

.s-film-preview{display:block;width:min(100%,720px);max-height:405px;object-fit:contain;background:#080809;border-radius:12px;margin:10px 0}.s-export-panel{align-items:center}
/* Community and inspiration: source-backed discovery with honest provenance. */
.s-community-page .s-heading{padding-bottom:23px}
.s-community-toolbar{display:flex;align-items:center;gap:12px;margin:0 0 20px}
.s-community-toolbar .s-search{flex:1;min-width:180px;max-width:560px;min-height:42px}
.s-community-toolbar .s-search svg{width:17px;height:17px}
.s-community-toolbar .s-search input{flex:1;min-width:0;outline:0}
.s-community-select{display:flex;align-items:center;gap:9px;color:var(--s-soft);font-size:11px}
.s-community-select select{width:auto!important;min-width:120px;padding:9px 30px 9px 11px!important;font-size:11px!important;border-radius:9px!important}
.s-community-tabs{margin-bottom:12px}
.s-community-categories{margin-bottom:19px}
.s-community-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 14px;color:var(--s-soft);font-size:11px}
.s-community-caption strong{color:var(--s-text);font-size:13px;font-weight:550}
.s-community-page .s-cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:17px 14px}
.s-community-page .s-cover{aspect-ratio:1.25;background:#111315}
.s-community-page .s-cover>img{object-fit:contain}
.s-community-page .s-card-meta{align-items:flex-start;padding:9px 1px}
.s-community-page .s-card-meta>div{min-width:0}
.s-community-page .s-card-meta small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.s-community-page .s-card-meta h3{font-size:13px}
.s-community-page .s-card-meta .s-icon-button{flex:none;padding:0 5px}
.s-reference-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px}
.s-reference-actions .s-button{margin:0}
.s-origin-link{display:inline-flex;margin-top:18px}
@media(max-width:1200px){.s-community-page .s-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:900px){.s-community-page .s-cards{grid-template-columns:repeat(3,minmax(0,1fr))}.s-community-toolbar{flex-wrap:wrap}.s-community-toolbar .s-search{max-width:none;flex-basis:100%}}
@media(max-width:620px){.s-community-toolbar{gap:9px}.s-community-select{flex:1;justify-content:space-between}.s-community-select select{min-width:0;flex:1}.s-community-page .s-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px 9px}.s-community-page .s-cover{aspect-ratio:.95}.s-community-caption{font-size:10px}.s-community-caption strong{font-size:12px}.s-community-page .s-card-meta h3{font-size:12px}}
/* Clear theme discovery above format-level filters. */
.s-community-filter-group{display:flex;align-items:flex-start;gap:14px;padding:10px 0;border-bottom:1px solid var(--s-line)}
.s-community-filter-group>span{flex:0 0 64px;padding-top:8px;color:var(--s-soft);font-size:11px}
.s-community-filter-group>.s-chips{flex:1;margin:0}
.s-community-filter-group .s-community-categories{margin:0}
.s-community-note{margin:0 0 8px}
.s-community-topics{margin:22px 0 19px;padding:19px 20px 18px;border:1px solid var(--s-line);border-radius:17px;background:linear-gradient(120deg,#1d1e20,#171819 58%,#202123)}
.s-community-topics-head{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin-bottom:14px}
.s-community-topics-head>div>span{font-size:15px;font-weight:650;color:var(--s-text)}
.s-community-topics-head p{margin:5px 0 0;color:var(--s-soft);font-size:11px}
.s-community-topics-head>span{flex:none;color:var(--s-soft);font-size:10px}
.s-community-topic-rail{display:grid;grid-auto-columns:minmax(210px,1fr);grid-auto-flow:column;gap:12px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#555 transparent;padding:1px 1px 8px}
.s-community-topic{display:flex;flex-direction:column;min-width:0;padding:0;overflow:hidden;text-align:left;border:1px solid #ffffff12;border-radius:13px;background:#101112;color:var(--s-text);cursor:pointer;scroll-snap-align:start}
.s-community-topic:hover{border-color:var(--s-accent);transform:translateY(-2px)}
.s-community-topic:focus-visible{outline:2px solid var(--s-accent);outline-offset:2px}
.s-community-topic-art{position:relative;display:block;height:116px;overflow:hidden;background:linear-gradient(135deg,#303236,#191a1c)}
.s-community-topic-img{position:absolute;display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.s-community-topic-img-1{inset:0;clip-path:polygon(0 0,68% 0,58% 100%,0 100%)}
.s-community-topic-img-2{inset:0;clip-path:polygon(69% 0,100% 0,100% 100%,59% 100%)}
.s-community-topic-img-3{display:none}
.s-community-topic:has(.s-community-topic-img-3) .s-community-topic-img-1{clip-path:polygon(0 0,53% 0,47% 100%,0 100%)}
.s-community-topic:has(.s-community-topic-img-3) .s-community-topic-img-2{clip-path:polygon(54% 0,100% 0,100% 100%,48% 100%)}
.s-community-topic:has(.s-community-topic-img-3) .s-community-topic-img-3{display:block;inset:0;clip-path:polygon(76% 0,100% 0,100% 100%,72% 100%);border-left:2px solid #111}
.s-community-topic:hover .s-community-topic-img{transform:scale(1.035)}
.s-community-topic-meta{display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center;padding:11px 12px 12px}
.s-community-topic-meta strong{font-size:12px;font-weight:620}
.s-community-topic-meta small{grid-column:1;color:var(--s-soft);font-size:10px}
.s-community-topic-meta>span{grid-column:2;grid-row:1/3;color:var(--s-accent);font-size:10px;white-space:nowrap}
.s-community-categories button small{margin-left:4px;color:var(--s-soft);font-size:9px;opacity:.8}
@media(max-width:620px){.s-community-filter-group{display:block;padding:8px 0}.s-community-filter-group>span{display:block;padding:0 0 7px}.s-community-filter-group>.s-chips{gap:5px}.s-community-filter-group .s-chips button{padding:6px 10px;font-size:10px}}
@media(max-width:620px){.s-community-topics{margin:17px -2px 14px;padding:15px 13px 13px;border-radius:14px}.s-community-topics-head>div>span{font-size:14px}.s-community-topics-head p{font-size:10px}.s-community-topic-rail{grid-auto-columns:204px;gap:9px}.s-community-topic-art{height:112px}.s-community-topic-meta{padding:10px}.s-community-categories button small{font-size:8px}}

/* Image-first reference wall: larger artwork, natural proportions, editorial masonry. */
.s-community-page .s-cards{display:block;columns:2;column-gap:24px}
.s-community-page .s-reference{display:inline-block;width:100%;margin:0 0 24px;vertical-align:top;break-inside:avoid}
.s-community-page .s-cover{height:auto;min-height:0;aspect-ratio:auto;overflow:hidden;border:1px solid #ffffff12;border-radius:16px;background:#151618}
.s-community-page .s-cover>img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transition:transform .35s ease}
.s-community-page .s-cover>video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:none;object-fit:contain;background:#090a0b}
.s-community-page .s-cover:hover>img{transform:scale(1.018)}
.s-community-page .s-source{left:14px;top:14px;padding:6px 10px;font-size:10px}
.s-community-page .s-open{right:14px;bottom:14px;width:36px;height:36px;font-size:20px;box-shadow:0 4px 18px #0005}
.s-community-page .s-card-meta{padding:12px 3px 2px;gap:14px}
.s-community-page .s-card-meta small{font-size:11px;margin-bottom:5px}
.s-community-page .s-card-meta h3{font-size:15px;line-height:1.45}
.s-community-page .s-open{display:none}
@media(min-width:1500px){.s-community-page .s-cards{columns:3;column-gap:24px}}
@media(max-width:1050px){.s-community-page .s-cards{columns:2;column-gap:18px}.s-community-page .s-reference{margin-bottom:20px}}
@media(max-width:620px){.s-community-page .s-cards{columns:1;column-gap:0}.s-community-page .s-reference{margin-bottom:20px}.s-community-page .s-cover{max-height:72svh}.s-community-page .s-cover>img{max-height:72svh;width:100%;object-fit:contain}.s-community-page .s-card-meta{padding:10px 2px 1px}.s-community-page .s-card-meta h3{font-size:14px}.s-community-page .s-source{left:11px;top:11px}.s-community-page .s-open{right:11px;bottom:11px;width:34px;height:34px}}
/* Keep reference templates easy to scan without implying that stills are generated clips. */
.s-template-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:18px 0 8px}
.s-template-toolbar .s-tabs{margin:0;flex-wrap:wrap}
.s-template-toolbar .s-search{width:min(100%,360px);min-height:40px}
.s-template-toolbar .s-search input{width:100%;min-width:0}
#s-template-count{margin:8px 0 16px}
.s-model .s-status-label{display:block;min-height:32px;margin:10px 0 14px;color:var(--s-soft);font-size:11px;line-height:1.5}
@media(max-width:620px){.s-template-toolbar{align-items:stretch;flex-direction:column}.s-template-toolbar .s-tabs{overflow-x:auto;flex-wrap:nowrap}.s-template-toolbar .s-tabs button{white-space:nowrap}.s-template-toolbar .s-search{width:100%}}
.s-tool-directory-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:16px 0 8px}
.s-tool-directory-toolbar .s-tabs{margin:0;flex-wrap:wrap}
.s-tool-directory-toolbar .s-tabs small{margin-left:5px;color:var(--s-soft);font-size:9px}
.s-tool-directory-toolbar .s-search{width:min(100%,380px);min-height:40px}
.s-tool-directory-toolbar .s-search input{width:100%;min-width:0}
.s-tools-provenance{margin:4px 0 14px}
.s-tool-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.s-tool-card{min-width:0;overflow:hidden;border:1px solid var(--s-line);border-radius:14px;background:var(--s-panel)}
.s-tool-card-cover{position:relative;display:block;overflow:hidden;background:#111315;aspect-ratio:16/10}
.s-tool-card-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .28s ease}
.s-tool-card-cover:hover img{transform:scale(1.025)}
.s-tool-card-body{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:16px}
.s-tool-card-body>div{min-width:0}
.s-tool-card-body small{font-size:10px;color:var(--s-accent)}
.s-tool-card-body h2{font-size:16px;margin:7px 0}
.s-tool-card-body p{font-size:11px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.s-tool-card-body .s-button{flex:none;font-size:10px!important;padding:8px 10px}
@media(max-width:1000px){.s-tool-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.s-tool-directory-toolbar{align-items:stretch;flex-direction:column}.s-tool-directory-toolbar .s-tabs{overflow-x:auto;flex-wrap:nowrap}.s-tool-directory-toolbar .s-tabs button{white-space:nowrap}.s-tool-directory-toolbar .s-search{width:100%}.s-tool-directory-grid{grid-template-columns:1fr;gap:12px}.s-tool-card-body{padding:13px}.s-tool-card-body h2{font-size:14px}.s-tool-card-body p{font-size:10px}.s-tool-card-body .s-button{font-size:9px!important}}
.s-community-more{display:flex;justify-content:center;padding:24px 0 46px;break-inside:avoid}
.s-community-more .s-button{min-height:46px;padding:0 24px}
.s-community-more .s-button span{color:var(--s-soft);margin-left:6px;font-size:11px}
@media(max-width:620px){.s-community-more{padding:12px 0 30px}.s-community-more .s-button{width:100%;justify-content:center}}