/* Revised source + reference + result panels preserve every media frame. */
.pf-higgsfield-guide .hf-transform{aspect-ratio:16/9;display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr) 22px minmax(0,1fr);gap:8px;padding:12px;background:#ecebe5;border-radius:12px;overflow:hidden}.pf-higgsfield-guide .hf-process-cell{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;gap:8px}.pf-higgsfield-guide .hf-process-cell>b{font-size:13px;line-height:1.5;text-align:center;color:#44483e}.pf-higgsfield-guide .hf-process-cell>div{min-height:0;overflow:hidden;border-radius:7px;background:#20241f;display:flex;align-items:center;justify-content:center}.pf-higgsfield-guide .hf-process-cell img,.pf-higgsfield-guide .hf-process-cell video{width:100%;height:100%;object-fit:contain;display:block}.pf-higgsfield-guide .hf-process-cell img{background:#f8f7f3;cursor:zoom-in}.pf-higgsfield-guide .hf-process-arrow{align-self:center;text-align:center;color:#8f7521;font-size:22px;font-weight:700}.pf-higgsfield-guide .hf-media-actions{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-top:10px;flex-wrap:wrap}.pf-higgsfield-guide .hf-media-actions button,.pf-higgsfield-guide .hf-video-expand,.pf-higgsfield-guide .hf-tab-buttons button{font-family:inherit;font-size:13px;border:1px solid #dedacc;border-radius:7px;padding:9px 12px;background:#fff;cursor:pointer;color:#333a2e;line-height:1.5}.pf-higgsfield-guide .hf-media-actions button{background:#f4d754;border-color:#f4d754;font-weight:700}.pf-higgsfield-guide .hf-media-actions span{font-size:12px;color:#74786c}.pf-higgsfield-guide .hf-tab-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.pf-higgsfield-guide .hf-tab-buttons button[aria-pressed=true]{background:#f4d754;border-color:#f4d754;font-weight:700}.pf-higgsfield-guide .hf-frame[hidden],.pf-higgsfield-guide .hf-modal [hidden]{display:none!important}.pf-higgsfield-guide .hf-video-expand{margin-top:8px;padding:6px 10px;font-size:12px}.pf-higgsfield-guide .hf-expand-actions{display:flex;flex-wrap:wrap;gap:8px}.pf-higgsfield-guide .hf-modal video{display:block;max-width:90vw;max-height:80vh;width:auto;height:auto}.pf-higgsfield-guide .hf-modal img{max-width:90vw;max-height:80vh;width:auto;height:auto}.pf-higgsfield-guide .hf-modal{overflow:auto}.pf-higgsfield-guide .hf-official pre{white-space:pre-wrap;overflow-wrap:anywhere;font-family:inherit;font-size:12px;line-height:1.8}.pf-higgsfield-guide .hf-main section{scroll-margin-top:20px}.pf-higgsfield-guide .hf-frame>img,.pf-higgsfield-guide .hf-frame>video{min-height:0}.pf-higgsfield-guide .hf-index .hf-card .hf-cover-art{aspect-ratio:16/9;background:#f0ede4}.pf-higgsfield-guide .hf-index .hf-card .hf-cover-art img{height:100%;object-fit:contain}
@media(max-width:600px){.pf-higgsfield-guide .hf-transform{gap:4px;padding:8px;grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr)}.pf-higgsfield-guide .hf-process-cell{gap:5px}.pf-higgsfield-guide .hf-process-cell>b{font-size:10px}.pf-higgsfield-guide .hf-process-arrow{font-size:15px}.pf-higgsfield-guide .hf-process-cell>div{border-radius:4px}.pf-higgsfield-guide .hf-media-actions{gap:7px}.pf-higgsfield-guide .hf-media-actions span{font-size:11px}.pf-higgsfield-guide .hf-modal{max-width:96vw}.pf-higgsfield-guide .hf-modal video,.pf-higgsfield-guide .hf-modal img{max-width:90vw;max-height:80vh}.pf-higgsfield-guide .hf-main article{overflow-wrap:anywhere}.pf-higgsfield-guide .hf-frame{border-radius:8px}}

.pf-higgsfield-guide .hf-hub-cover{aspect-ratio:16/9;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;background:#e9e9df;border-radius:14px;padding:20px;position:relative;overflow:hidden;margin:26px 0}.pf-higgsfield-guide .hf-hub-cover>div{min-width:0;min-height:0;position:relative;padding-bottom:45px}.pf-higgsfield-guide .hf-hub-cover img{width:100%;height:100%;object-fit:contain;background:#f8f7f2;border-radius:8px}.pf-higgsfield-guide .hf-hub-cover b{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:14px}.pf-higgsfield-guide .hf-hub-cover>span{position:absolute;bottom:0;left:0;right:0;background:#f5d450;padding:10px;text-align:center;font-weight:700;font-size:18px}.pf-higgsfield-guide .hf-hub-cover>div{padding-bottom:65px}@media(max-width:600px){.pf-higgsfield-guide .hf-hub-cover{padding:10px;gap:6px}.pf-higgsfield-guide .hf-hub-cover b{font-size:10px;bottom:14px}.pf-higgsfield-guide .hf-hub-cover>span{font-size:12px;padding:7px}.pf-higgsfield-guide .hf-hub-cover>div{padding-bottom:50px}}

.pf-higgsfield-guide .hf-input-explainer{aspect-ratio:16/9;display:grid;grid-template-columns:30% 1fr;gap:20px;padding:14px;background:#eeede6;border-radius:12px;overflow:hidden}.pf-higgsfield-guide .hf-input-explainer>img{width:100%;height:100%;min-height:0;object-fit:contain;cursor:zoom-in}.pf-higgsfield-guide .hf-input-explainer>div{display:flex;flex-direction:column;min-height:0;justify-content:center}.pf-higgsfield-guide .hf-input-explainer>div>div{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:6px;min-height:0}.pf-higgsfield-guide .hf-input-explainer figure{margin:10px 0 0;min-height:0}.pf-higgsfield-guide .hf-input-explainer figure img{width:100%;height:210px;max-height:27vw;object-fit:contain}.pf-higgsfield-guide .hf-input-explainer b{font-size:17px}.pf-higgsfield-guide .hf-input-explainer figcaption{font-size:13px;text-align:center}.pf-higgsfield-guide .hf-input-explainer p{font-size:13px;line-height:1.8;margin:10px 0 0}@media(max-width:600px){.pf-higgsfield-guide .hf-input-explainer{gap:8px;padding:8px}.pf-higgsfield-guide .hf-input-explainer b{font-size:10px}.pf-higgsfield-guide .hf-input-explainer figcaption{font-size:8px}.pf-higgsfield-guide .hf-input-explainer p{font-size:9px;line-height:1.6;margin:4px 0 0}.pf-higgsfield-guide .hf-input-explainer>div>div{grid-template-columns:1fr 10px 1fr;gap:3px}.pf-higgsfield-guide .hf-input-explainer figure{margin-top:3px}}

.pf-kling-guide{--ink:#242722;--muted:#73786e;--accent:#e8bf38;--line:#e3dfd3}
.pf-kling-guide .nf-layout{grid-template-columns:minmax(0,810px) 210px;gap:44px}.pf-kling-guide .kg-cover{display:block;width:100%;height:auto;border-radius:14px}.pf-kling-guide .nf-title{font-size:clamp(28px,3.6vw,40px)!important;line-height:1.5!important}.pf-kling-guide .kg-meta{color:var(--muted);font-size:12px;line-height:1.8}.pf-kling-guide .kg-guide{font-size:16px;line-height:1.95}.pf-kling-guide .kg-guide p{margin:21px 0}.pf-kling-guide .kg-guide h2{font-size:27px;line-height:1.6;border-bottom:3px solid var(--ink);padding-bottom:16px;margin:62px 0 25px;scroll-margin-top:28px}.pf-kling-guide .kg-guide h3{font-size:20px;margin:34px 0 12px;line-height:1.7}.pf-kling-guide .kg-guide mark{background:linear-gradient(transparent 58%,#f7df79 58%);font-weight:700;color:inherit}.pf-kling-guide .kg-guide a{color:#49614d;text-underline-offset:4px}.pf-kling-guide .kg-guide figure{margin:22px 0 30px}.pf-kling-guide .kg-guide figcaption{font-size:12px;line-height:1.85;color:var(--muted);margin-top:12px}.pf-kling-guide .kg-shot{display:block;width:100%;padding:0;border:0;border-radius:12px;overflow:hidden;background:#0d161b;cursor:zoom-in}.pf-kling-guide .kg-shot img{width:100%;height:auto;display:block;object-fit:contain}.pf-kling-guide .kg-shot.square{max-width:500px;margin:auto}.pf-kling-guide .kg-shot.square img{aspect-ratio:400/340;object-fit:contain}.pf-kling-guide .kg-note{font-size:13px;color:var(--muted);line-height:1.9}.pf-kling-guide .kg-bubble{display:flex;align-items:flex-start;gap:15px;margin:28px 0}.pf-kling-guide .kg-bubble svg{width:58px;height:66px;flex:none}.pf-kling-guide .kg-bubble p{font-size:17px;line-height:1.8;background:white;border:1px solid var(--line);border-radius:4px 17px 17px 17px;padding:17px 21px;margin:0}.pf-kling-guide .kg-toc{background:white;border:1px solid var(--line);padding:20px 24px;border-radius:10px;margin:30px 0}.pf-kling-guide .kg-toc b{font-size:14px}.pf-kling-guide .kg-toc ol{padding-left:21px;margin:12px 0 0}.pf-kling-guide .kg-toc li{font-size:14px;margin:7px 0;line-height:1.7}.pf-kling-guide .kg-toc summary{font-size:13px;color:#8b752a;cursor:pointer;margin-top:12px}.pf-kling-guide .kg-toc a{text-decoration:none}.pf-kling-guide .kg-prompt{background:#fff;border:1px solid #e6dfc8;border-top:3px solid #edc749;border-radius:10px;padding:21px 23px;margin:24px 0}.pf-kling-guide .kg-prompt>div{display:flex;justify-content:space-between;align-items:center;gap:12px}.pf-kling-guide .kg-prompt strong{font-size:13px;color:#837128}.pf-kling-guide .kg-copy{font-family:inherit;font-size:13px;font-weight:600;background:#f2d15b;border:0;border-radius:6px;padding:9px 15px;cursor:pointer;white-space:nowrap}.pf-kling-guide .kg-prompt pre{font-family:inherit;font-size:15px;line-height:1.95;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 0}.pf-kling-guide .kg-prompt small{display:block;color:var(--muted);margin-top:14px}.pf-kling-guide .kg-table{overflow:auto;border:1px solid var(--line);border-radius:10px;background:white;margin:24px 0}.pf-kling-guide .kg-table table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.75;text-align:left;min-width:420px}.pf-kling-guide .kg-table th,.pf-kling-guide .kg-table td{padding:15px;border-bottom:1px solid #ece8dc;vertical-align:top}.pf-kling-guide .kg-table th{background:#f7f2df;color:#504d3c}.pf-kling-guide .kg-table tr:last-child td{border:0}.pf-kling-guide .kg-steps{padding-left:23px}.pf-kling-guide .kg-steps li{padding:5px 0 13px 6px}.pf-kling-guide .kg-steps strong{display:block}.pf-kling-guide .kg-steps span{display:block;color:#666e61;font-size:14px;line-height:1.85;margin-top:4px}.pf-kling-guide .kg-visual{border-radius:12px;overflow:hidden;background:#eeece5;aspect-ratio:16/9;padding:30px;display:flex;flex-direction:column;justify-content:center}.pf-kling-guide .kg-visual>strong{font-size:clamp(19px,2.4vw,26px);display:block;margin-bottom:24px;letter-spacing:-.03em}.pf-kling-guide .kg-three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pf-kling-guide .kg-three>div{background:white;border-radius:9px;padding:20px 15px;min-width:0;border-top:3px solid #e6bf38}.pf-kling-guide .kg-three b{display:block;font-size:clamp(25px,4vw,45px);line-height:1.2;letter-spacing:-.05em}.pf-kling-guide .kg-three em{font-size:13px;font-style:normal;letter-spacing:0}.pf-kling-guide .kg-three strong{display:block;font-size:17px;margin:13px 0 7px}.pf-kling-guide .kg-three span{display:block;color:#71766b;font-size:13px;line-height:1.65}.pf-kling-guide .kg-strip{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pf-kling-guide .kg-strip span{background:white;padding:14px 18px;border-radius:8px;border-bottom:3px solid #e7c14b;font-weight:700;font-size:17px}.pf-kling-guide .kg-strip i{font-style:normal;color:#92998a}.pf-kling-guide .kg-visual .kg-small{font-size:13px;color:#697160;margin:22px 0 0}.pf-kling-guide .kg-timeline{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pf-kling-guide .kg-timeline>div{background:white;padding:18px;border-radius:8px;border-bottom:4px solid #e8c03c}.pf-kling-guide .kg-timeline b{display:block;font-size:25px;margin-bottom:8px}.pf-kling-guide .kg-timeline strong{display:block;font-size:16px}.pf-kling-guide .kg-timeline span{font-size:12px;color:#73786d}.pf-kling-guide .kg-sources{border-top:1px solid var(--line);margin-top:44px;padding-top:24px;font-size:13px;line-height:1.9}.pf-kling-guide .kg-sources ol{padding-left:22px}.pf-kling-guide .kg-sources li{margin:8px 0}.pf-kling-guide .kg-aside{font-size:13px;line-height:1.9;color:#6a7162}.pf-kling-guide .kg-aside>div{border:1px solid var(--line);background:white;border-radius:10px;padding:19px;margin-bottom:22px}.pf-kling-guide .kg-aside b{display:block;font-size:14px;color:var(--ink);margin-bottom:10px}.pf-kling-guide .kg-aside a{display:block;margin:15px 0;color:#59624e;text-underline-offset:4px}.pf-kling-guide .kg-aside span{display:block;margin:7px 0}.pf-kling-guide .kg-dialog{border:0;border-radius:12px;padding:18px;max-width:min(1160px,96vw);background:#fff}.pf-kling-guide .kg-dialog img{display:block;max-width:100%;max-height:82vh;object-fit:contain}.pf-kling-guide .kg-dialog button{display:block;margin-left:auto;background:#fff;border:0;font-size:15px;padding:8px;cursor:pointer}.pf-kling-guide .kg-dialog::backdrop{background:#131811dd}.pf-kling-guide .kg-status{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);background:#232921;color:white;border-radius:50px;padding:9px 20px;font-size:13px}.pf-kling-guide .kg-status:empty{display:none}.pf-kling-guide .kg-qa{padding:18px 0;border-bottom:1px solid var(--line)}.pf-kling-guide .kg-qa summary{font-weight:700;cursor:pointer}.pf-kling-guide .kg-qa p{font-size:15px}.pf-kling-guide .kg-guide .nf-author{display:grid;grid-template-columns:90px 1fr;gap:20px;align-items:center;margin-top:35px}.pf-kling-guide .kg-guide .nf-author img{width:58px;border-radius:50%}.pf-kling-guide .kg-guide .nf-author p{font-size:13px;line-height:1.9}.pf-kling-guide .kg-guide .nf-author>div{text-align:center;font-size:12px}.pf-kling-guide .kg-notice{border-left:3px solid #e8c03c;padding:4px 0 4px 17px;font-size:14px;color:#64705a}
@media(max-width:900px){.pf-kling-guide .nf-layout{display:block}.pf-kling-guide .kg-aside{display:none}}
@media(max-width:600px){.pf-kling-guide .kg-guide h2{font-size:23px}.pf-kling-guide .kg-visual{padding:18px;aspect-ratio:auto;min-height:220px}.pf-kling-guide .kg-visual>strong{font-size:19px;margin-bottom:17px}.pf-kling-guide .kg-three{gap:7px}.pf-kling-guide .kg-three>div{padding:13px 9px}.pf-kling-guide .kg-three b{font-size:27px}.pf-kling-guide .kg-three strong{font-size:14px}.pf-kling-guide .kg-three span{font-size:11px}.pf-kling-guide .kg-strip{gap:6px}.pf-kling-guide .kg-strip span{padding:10px 12px;font-size:14px}.pf-kling-guide .kg-prompt{padding:18px}.pf-kling-guide .kg-prompt pre{font-size:16px}.pf-kling-guide .kg-timeline{gap:8px}.pf-kling-guide .kg-timeline>div{padding:13px 9px}.pf-kling-guide .kg-timeline strong{font-size:13px}.pf-kling-guide .kg-timeline b{font-size:22px}.pf-kling-guide .kg-bubble{gap:11px}.pf-kling-guide .kg-bubble svg{width:48px}.pf-kling-guide .kg-bubble p{font-size:16px;padding:14px 17px}.pf-kling-guide .kg-guide .nf-author{grid-template-columns:72px 1fr;gap:13px}}
@media(max-width:600px){.pf-kling-guide .kg-three{grid-template-columns:1fr;gap:9px}.pf-kling-guide .kg-three>div{display:grid;grid-template-columns:82px 1fr;column-gap:13px;padding:14px;border-top:0;border-left:3px solid #e6bf38}.pf-kling-guide .kg-three b{grid-row:span 2;align-self:center;font-size:30px}.pf-kling-guide .kg-three em{display:block;font-size:12px;line-height:1.6;white-space:nowrap}.pf-kling-guide .kg-three strong{font-size:15px;margin:0 0 4px}.pf-kling-guide .kg-three span{font-size:12px;line-height:1.7}.pf-kling-guide .kg-three span br{display:none}}

.pf-kling-guide .kg-avatar{width:58px;height:58px;flex:none;border-radius:50%}@media(max-width:600px){.pf-kling-guide .kg-avatar{width:48px;height:48px}}
/* Generated examples preserve the source frame and remain one player wide. */
.pf-kling-guide .kg-guide video,.pf-kling-guide .kg-results-figure>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#161915;border-radius:12px}
.pf-kling-guide .kg-comparison{margin-top:0!important}.pf-kling-guide .kg-comparison [hidden]{display:none!important}.pf-kling-guide .kg-tabs{display:flex;gap:7px;margin-bottom:12px;flex-wrap:wrap}.pf-kling-guide .kg-tabs button{appearance:none;border:1px solid #d8d4c9;background:#fff;color:#50564a;border-radius:8px;padding:11px 19px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.3;cursor:pointer}.pf-kling-guide .kg-tabs button[aria-selected=true]{background:#f3ce4d;border-color:#e5bc2e;color:#292c23}.pf-kling-guide .kg-tabs button:focus-visible,.pf-kling-guide .kg-copy:focus-visible,.pf-kling-guide .kg-shot:focus-visible{outline:3px solid #80681c;outline-offset:3px}
.pf-kling-guide .kg-screen-detail{margin:20px 0;border:1px solid var(--line);border-radius:9px;padding:14px 18px;background:#fff}.pf-kling-guide .kg-screen-detail summary{cursor:pointer;font-size:14px;font-weight:650}.pf-kling-guide .kg-screen-detail figure{margin:18px 0 5px}.pf-kling-guide .kg-settings-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.pf-kling-guide .kg-compact-shot{max-width:410px;margin:auto}.pf-kling-guide .kg-guide .kg-shot img{aspect-ratio:auto;height:auto;object-fit:contain}.pf-kling-guide .kg-guide .kg-shot{background:#14191b}.pf-kling-guide .kg-guide .kg-prompt pre{font-size:15px;line-height:1.8}.pf-kling-guide .kg-guide figure>img{max-width:100%}.pf-kling-guide .kg-bubble .kg-avatar{object-fit:contain}
@media(max-width:600px){.pf-kling-guide .kg-tabs button{flex:1;padding:12px 9px;font-size:14px}.pf-kling-guide .kg-settings-pair{grid-template-columns:1fr}.pf-kling-guide .kg-prompt>div{align-items:flex-start}.pf-kling-guide .kg-guide .kg-prompt pre{font-size:15px}.pf-kling-guide .kg-guide .kg-screen-detail{padding:12px}.pf-kling-guide .kg-guide .kg-comparison figcaption{font-size:12px}.pf-kling-guide .kg-guide h2{margin-top:44px}.pf-kling-guide .kg-guide .kg-bubble p{font-size:17px}}

.pf-composition-guide .cg-cover img{width:100%;height:auto;display:block;border-radius:14px}.pf-composition-guide .cg-tools span{font-size:11px;color:#898b81}.pf-composition-guide .cg-image{background:#eeede7}.pf-composition-guide .cg-image.shape-61-square{max-width:590px;margin:auto}.pf-composition-guide .cg-image.shape-62-vertical{max-width:340px;margin:auto}.pf-composition-guide .cg-image.shape-63-panorama{aspect-ratio:16/9;display:flex;align-items:center}.pf-composition-guide .cg-image.shape-63-panorama img{object-fit:contain}.pf-composition-guide .cg-mini img{aspect-ratio:16/9;object-fit:contain;background:#eeede7}.pf-composition-guide .cg-wrapup{margin:56px 0 40px;border-top:1px solid #d9d4c3;padding-top:22px}.pf-composition-guide .cg-published{margin-top:44px;padding:22px 0;border-top:1px solid #ded9c9;border-bottom:1px solid #ded9c9}.pf-composition-guide .cg-published p{line-height:2.5}.pf-composition-guide .cg-published a{display:inline-block;color:#65633b;font-size:14px;margin-right:18px}.pf-composition-guide .nf-guide .cg-note{font-size:13px!important}.pf-composition-guide .cg-fix b{font-size:13px}.pf-composition-guide .cg-figure figcaption{font-size:13px!important}.pf-composition-guide .cg-use{font-size:13px}.pf-composition-guide .nf-guide .article-toc{padding:20px 23px}.pf-composition-guide .cg-figure{margin-top:20px!important}.pf-composition-guide .nf-guide h2{margin-bottom:22px}.pf-composition-guide .cg-image img{object-fit:contain}.pf-composition-guide .cg-prompt-header span{font-size:13px}.pf-composition-guide .cg-prompt pre{font-size:15px;line-height:1.9}@media(max-width:600px){.pf-composition-guide .cg-image.shape-62-vertical{max-width:265px}.pf-composition-guide .cg-prompt pre{font-size:14px}.pf-composition-guide .nf-guide .article-toc{padding:17px}.pf-composition-guide .cg-tools{flex-wrap:wrap}.pf-composition-guide .cg-published a{font-size:13px}}

.pf-composition-guide .cg-image{aspect-ratio:16/9!important;max-width:none!important;display:grid;place-items:center;overflow:hidden}.pf-composition-guide .cg-image img{width:100%;height:100%;min-height:0;object-fit:contain}.pf-composition-guide .cg-image.shape-62-vertical img{max-height:100%}

.pf-motion-guide .mg-still video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain}.pf-kling-guide{--ink:#242722;--muted:#73786e;--accent:#e8bf38;--line:#e3dfd3}.pf-kling-guide [hidden]{display:none!important}