/* Discovery pages: spacious editorial rhythm, quiet surfaces and clear hierarchy. */
.home-blacksite { --atelier-gutter:max(28px,calc((100% - 1240px)/2)); background:#080d15; }
.home-blacksite .creation-hub { padding:100px var(--atelier-gutter) 0; }
.home-blacksite .hub-heading { margin-bottom:42px; }
.home-blacksite .hub-heading p { max-width:340px; line-height:2; }
.home-blacksite .creation-offers { gap:28px; }
.home-blacksite .creation-offer { min-height:420px; padding:36px 38px; border-radius:20px; border-color:#9bbdff30; }
.home-blacksite .offer-content { padding-top:48px; }
.home-blacksite .offer-content p { max-width:310px; font-size:14px; line-height:2; }
.home-blacksite .offer-content h3 { margin-bottom:22px; }
.home-blacksite .offer-art { right:-18px; top:120px; opacity:.45; }
.home-blacksite .offer-benefits { margin-top:24px; gap:12px 18px; }
.home-blacksite .offer-cta { margin-top:32px; min-height:48px; border-radius:8px; }
.home-blacksite .hub-membership { margin-top:36px; padding:32px 38px; gap:24px; border-radius:16px; }
.home-blacksite .hub-tools-head { margin:80px 0 28px; }
.home-blacksite .hub-tools { gap:20px; }
.home-blacksite .hub-tools>a,.home-blacksite .hub-tools>button { padding:28px 24px; gap:16px 12px; border-radius:12px; background:#101823; }
.home-blacksite .hub-tools span { line-height:1.9; }
.home-blacksite .plugin-hub { padding:100px var(--atelier-gutter) 0; }
.home-blacksite .plugin-band { padding:58px 48px; gap:48px 64px; border-radius:20px; }
.home-blacksite .plugin-intro p { font-size:14px; line-height:2; }
.home-blacksite .plugin-intro h2 { text-wrap:balance; }
.home-blacksite .plugin-points { gap:36px 28px; }
.home-blacksite .plugin-points li>div>span { font-size:12px; line-height:1.9; }
.home-blacksite .plugin-hub-actions { margin-top:32px; gap:14px; }
.home-blacksite .home-community { padding:100px var(--atelier-gutter) 0; background:#080d15; }
.home-blacksite .home-community-head { margin-bottom:32px; }
.home-blacksite .home-community-head h2 { font:700 28px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; }
.home-blacksite .home-output-strip { gap:20px; padding-bottom:20px; }
.home-blacksite .site-footer { margin-top:100px; padding:48px var(--atelier-gutter) 52px; gap:26px; border-color:#ffffff10; background:#070b12; }
.home-blacksite .site-footer-links { gap:14px 26px; }

.page .plz-wrap,.page .page-inner.cv-list { max-width:1440px; padding:56px clamp(24px,4vw,64px) 100px; font-family:'Segoe UI','Microsoft YaHei',sans-serif; }
.atelier-eyebrow { display:block; color:#91a2bc; font:600 10px/1.8 'Segoe UI',sans-serif; letter-spacing:2.4px; }
.atelier-title-dot { color:#b3a0f4; }
.plz-head { border:0; margin-bottom:36px; padding:0; gap:24px; }
.plz-head h2 { margin:10px 0 12px; color:#edf1fb; font:700 36px/1.3 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:1px; }
.plz-sub { color:#99a7bd; font-size:14px; }
.plz-wrap .btn,.cv-list .btn { border-radius:8px; min-height:42px; font-family:inherit; letter-spacing:0; }
.plz-wrap .btn::before,.plz-wrap .btn::after,.cv-list .btn::before,.cv-list .btn::after { display:none; }
.plz-wrap .btn-grad,.cv-list .btn-grad { background:linear-gradient(120deg,#d9d1ff,#acbdf4); border:1px solid #d5ceff80; color:#19233d; box-shadow:0 4px 18px #0002; text-shadow:none; }
.plz-feature,.cv-studio-intro { position:relative; isolation:isolate; overflow:hidden; display:flex; justify-content:space-between; align-items:center; gap:32px; min-height:220px; padding:40px 44px; margin-bottom:48px; border:1px solid #bca6ff26; border-radius:20px; background:radial-gradient(ellipse at 90% 30%,#8065ce26,transparent 60%),linear-gradient(120deg,#141c2d,#101623); }
.plz-feature h3,.cv-studio-intro h2 { margin:16px 0; color:#edf2ff; font:600 clamp(23px,2.4vw,32px)/1.5 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:1px; }
.plz-feature p,.cv-studio-intro p { margin:0; max-width:550px; color:#a3aec3; font-size:14px; line-height:1.9; }
.plz-feature-art { display:flex; align-items:center; padding:12px 20px; flex:none; }
.plz-feature-art span { display:grid; place-items:center; width:84px; height:100px; border:1px solid #c6b7ff44; border-radius:20px; background:linear-gradient(140deg,#bba5ff24,#91b4ff08); box-shadow:0 16px 30px #0003,inset 0 1px #ffffff16; transform:rotate(-14deg); color:#c8bafa; }
.plz-feature-art span:nth-child(2) { transform:translateY(-12px); margin-inline:-8px; z-index:1; color:#dce5ff; }
.plz-feature-art span:last-child { transform:rotate(14deg); color:#a8d7e5; }
.plz-feature-art svg { width:30px; height:30px; }
.plz-tabs { gap:10px; margin-bottom:24px; padding-bottom:20px; border-bottom:1px solid #ffffff0d; }
.plz-tab { min-height:42px; border-radius:8px; border-color:transparent; background:transparent; color:#a5b1c4; padding-inline:24px; }
.plz-tab.active { color:#e0d7ff; border-color:#c1adff30; background:#ac91ee16; }
.plz-toolbar { padding:16px; gap:16px; margin-bottom:36px; border:1px solid #ffffff0c; border-radius:12px; background:#101722; }
.plz-toolbar .input { min-height:44px; border:1px solid #ffffff16; background:#0b111c; }
.plz-toolbar .plz-free { padding:0 10px; gap:10px; }
.plz-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,310px),1fr)); gap:28px; }
.plz-card { padding:24px; gap:14px; border:1px solid #9ab0d220; border-radius:16px; background:linear-gradient(155deg,#161f2d,#101722); transition:transform .22s,border-color .22s,box-shadow .22s; }
.plz-card:hover { transform:translateY(-5px); border-color:#b7a1ef66; box-shadow:0 20px 44px #0003; }
.plz-thumb { margin:-24px -24px 10px; aspect-ratio:1.95; background:radial-gradient(ellipse at 25% 25%,#baa0f326,transparent 70%),linear-gradient(135deg,#202c43,#182134); border-bottom:1px solid #ffffff0a; }
.plz-thumb.no-img .plz-thumb-ph,.plz-thumb:not(:has(img)) .plz-thumb-ph { font:500 52px/1 'Segoe UI',sans-serif; color:#cabde9; }
.plz-thumb-more { opacity:1; bottom:12px; right:12px; color:#e2d8fc; border-color:#ffffff24; }
.plz-name { font-size:17px; font-weight:600; color:#e7edf8; }
.plz-desc { color:#a6b3c6; font-size:13px; line-height:1.9; min-height:3.8em; }
.plz-tags,.plz-hooks { gap:7px; }
.plz-tag,.plz-hook { padding:3px 9px; border-radius:5px; font-size:10px; }
.plz-tag { background:#ab90e812; color:#b9a5e7; }
.plz-meta { padding-top:4px; color:#92a1b8; }
.plz-actions { border-top:1px solid #ffffff0c; padding-top:18px; gap:12px; }
.plz-sec { margin:24px 0 0; padding-bottom:16px; font-size:15px; gap:12px; }
.plz-empty { padding:90px 24px; border:1px dashed #a7bbd526; border-radius:16px; background:#ffffff02; }

.cv-list .page-title-row { margin:12px 0 36px; padding:0; border:0; gap:14px; }
.cv-list .page-title-row h1 { font:700 34px/1.4 'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:1px; }
.cv-list .page-title-row .crumb { color:#94a4bb; font-family:inherit; font-size:12px; }
.cv-list .page-title-row .crumb b,.cv-list .page-title-row .crumb .dot { display:none; }
.cv-studio-intro { border-color:#97c6ea26; background:radial-gradient(ellipse at 90% 70%,#46889524,transparent 65%),linear-gradient(120deg,#141f30,#101922); min-height:240px; }
.cv-studio-art { position:relative; width:230px; height:150px; flex:none; }
.cv-studio-art i { position:absolute; width:110px; height:100px; border:1px solid #a5d4ee50; border-radius:12px; background:linear-gradient(135deg,#afdbff18,#a5c3fa04); transform:rotate(-16deg); left:12px; top:25px; box-shadow:0 18px 30px #0002; }
.cv-studio-art i:nth-child(2) { left:68px; top:10px; transform:rotate(0); }
.cv-studio-art i:nth-child(3) { left:116px; top:34px; transform:rotate(16deg); }
.cv-studio-art>span { position:absolute; inset:30px 0 0; text-align:center; color:#c4e6f6; font:80px/1 Georgia,serif; }
.cv-library-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:8px 0 26px; }
.cv-library-heading h2 { margin:0; color:#e3ebf6; font:600 18px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; }
.cv-library-heading>span { color:#93a4ba; font-size:12px; }
.cv-grid { grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr)); gap:26px; }
.cv-card { min-height:228px; padding:26px; gap:24px; border-radius:16px; border:1px solid #a5c8ec26; background:radial-gradient(ellipse at 100% 0,#5c8da01a,transparent 70%),#121c29; }
.cv-card:hover,.cv-card:focus-visible { border-color:#a1cfdf88; box-shadow:0 20px 40px #0003; }
.cv-card-icon { width:52px; height:52px; border-radius:14px; background:#9ebbe90b; border-color:#9ebbe926; }
.cv-card-title { color:#e4edf8; font:600 18px/1.5 'Segoe UI','Microsoft YaHei',sans-serif; }
.cv-card-meta { padding-top:18px; border-top:1px solid #ffffff0c; font-family:inherit; color:#93a6bf; }
.cv-card-actions { opacity:.65; gap:5px; }
.cv-list .cv-empty { min-height:330px; padding:48px 24px; border:1px dashed #a5c8ec33; border-radius:18px; background:radial-gradient(ellipse at 50% 0,#679ac815,transparent 70%),#101722; }
.cv-empty h3 { font-family:inherit; font-size:23px; }
.cv-empty p { font-size:14px; line-height:2; }

/* Editor surfaces and desktop tool dock; mobile positioning and focus mode remain responsive. */
.cv-root .cv-panel,.cv-root .cv-zoombar,.cv-root .cv-layers { border-color:#a7bdd52e; border-radius:14px; background:rgba(17,25,38,.95); box-shadow:0 12px 36px #0004,inset 0 1px #ffffff06; }
.cv-root .cv-panel { padding:9px; gap:8px; }
.cv-root .cv-tool { border-radius:7px; background:#a1b9d707; border-color:#a1b9d718; font-family:'Segoe UI','Microsoft YaHei',sans-serif; }
.cv-root .cv-tool:hover { background:#a1b9d71a; border-color:#b5cbea55; color:#e2edff; }
.cv-root .cv-tool[data-cv="add-generate"] { background:#b7a0f222; border-color:#b7a0f244; color:#ddd1ff; }
.cv-root .cv-title-input { font-family:'Segoe UI','Microsoft YaHei',sans-serif; letter-spacing:0; }
.cv-root .node { border-radius:14px; box-shadow:0 12px 28px #0003; }
.plz-wrap :focus-visible,.cv-list :focus-visible,.cv-root .cv-tool:focus-visible { outline:2px solid #b7cafa; outline-offset:4px; }
@media(min-width:1100px) {
 .cv-root .cv-toolbar { position:absolute; top:68px; left:0; margin:0; width:220px; max-width:220px; max-height:calc(100dvh - 170px); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); grid-auto-rows:max-content; gap:8px; padding:12px; justify-content:start; }
 .cv-root .cv-toolbar .cv-tool { justify-content:flex-start; width:100%; min-width:0; height:36px; padding-inline:10px; font-size:11px; gap:8px; }
 .cv-root .cv-toolbar .cv-tool>span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
 .cv-root .cv-toolbar .cv-tb-toggle { grid-column:1/-1; justify-content:center; height:26px; border-color:transparent; }
 .cv-root .cv-toolbar .cv-sep { grid-column:1/-1; width:100%; height:1px; margin:3px 0; background:#a7bdd51a; }
 .cv-root .cv-toolbar .cv-px-tools { grid-column:1/-1; flex-wrap:wrap; }
 .cv-root.cv-tb-min .cv-toolbar { width:108px; max-height:calc(100dvh - 170px); }
 .cv-root.cv-tb-min .cv-toolbar .cv-tool { justify-content:center; padding-inline:0; }
 .cv-root .cv-nav { max-width:480px; }
}
@media(max-width:1100px) {
 .home-blacksite { --atelier-gutter:36px; }
 .home-blacksite .plugin-band { grid-template-columns:1fr; padding:40px; }
 .home-blacksite .offer-art { opacity:.22; }
 .plz-feature-art { padding:0; } .plz-feature-art span { width:62px; height:82px; }
}
@media(max-width:760px) {
 .home-blacksite { --atelier-gutter:24px; }
 .home-blacksite .creation-hub { padding-top:64px; }
 .home-blacksite .hub-heading { margin-bottom:28px; }
 .home-blacksite .creation-offers { grid-template-columns:1fr; gap:24px; }
 .home-blacksite .creation-offer { min-height:370px; padding:30px; }
 .home-blacksite .offer-content { padding-top:32px; }
 .home-blacksite .offer-art { right:0; opacity:.35; }
 .home-blacksite .hub-membership { padding:28px; gap:18px; }
 .home-blacksite .hub-tools-head { margin-top:56px; }
 .home-blacksite .hub-tools { gap:16px; }
 .home-blacksite .hub-tools>a,.home-blacksite .hub-tools>button { padding:22px 18px; }
 .home-blacksite .plugin-hub,.home-blacksite .home-community { padding-top:64px; }
 .home-blacksite .plugin-band { padding:32px 26px; gap:36px; }
 .home-blacksite .plugin-points { gap:28px; }
 .home-blacksite .site-footer { margin-top:64px; padding-top:36px; padding-bottom:48px; }
 .page .plz-wrap,.page .page-inner.cv-list { padding:32px 24px 100px; }
 .plz-head h2,.cv-list .page-title-row h1 { font-size:30px; }
 .plz-feature,.cv-studio-intro { padding:30px; min-height:200px; margin-bottom:32px; }
 .plz-feature-art,.cv-studio-art { display:none; }
 .plz-grid,.cv-grid { gap:22px; }
 .cv-library-heading { align-items:flex-start; flex-direction:column; gap:8px; }
 .cv-root .cv-panel { padding:6px; gap:6px; }
}
@media(max-width:480px) {
 .home-blacksite { --atelier-gutter:20px; }
 .home-blacksite .hub-tools { grid-template-columns:1fr; }
 .home-blacksite .hub-tools>a,.home-blacksite .hub-tools>button { grid-template-columns:24px 1fr 14px; padding:24px; }
 .home-blacksite .hub-tools svg:last-child { display:block; }
 .home-blacksite .hub-membership .member-discover { margin-left:0; width:100%; }
 .home-blacksite .hub-membership>div { min-width:0; }
 .home-blacksite .offer-content p { max-width:245px; }
 .home-blacksite .home-community-head { flex-wrap:wrap; gap:18px; }
 .page .plz-wrap,.page .page-inner.cv-list { padding-inline:20px; }
 .plz-head-actions { gap:8px; }
 .plz-head-actions .btn { padding-inline:12px; }
 .plz-feature,.cv-studio-intro { padding:26px 22px; }
 .plz-tabs { gap:8px; } .plz-tab { padding-inline:10px; }
 .plz-toolbar { gap:12px; padding:12px; }
 .plz-toolbar select.input#plz-sort { flex:1; min-width:0; }
 .plz-toolbar .plz-free { padding:0; }
 .cv-list .page-title-row .crumb { flex-wrap:wrap; }
}
@media(prefers-reduced-motion:reduce) {
 .plz-card,.cv-card { transition:none; }
 .cv-root .cv-toolbar { transition:none; }
 .plz-card:hover,.cv-card:hover { transform:none; }
}