/* /wp-content/plugins/klangprompt-visual-library/assets/members.css */

/* /wp-content/plugins/klangprompt-visual-library/assets/library.css */
:root { --kp-ink: #161620; --kp-paper: #f6f2e9; --kp-surface: #fffdf8; --kp-violet: #6740b8; --kp-line: #d9d2c6; --kp-media-ratio: 16/9; --kp-media-min: 180px; --kp-media-max: 420px; }
/* /wp-content/themes/klangprompt-editorial/style.css */
@font-face { font-family: "Noto Sans Thai"; src: url("pack-fonts/noto-sans-thai-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }@font-face { font-family: "Noto Sans Thai"; src: url("pack-fonts/noto-sans-thai-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }@font-face { font-family: "Noto Sans Thai"; src: url("pack-fonts/noto-sans-thai-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }:root { --ink: #161620; --paper: #f6f2e9; --surface: #fffdf8; --violet: #6740b8; --line-green: #06c755; --line: #d9d2c6; --muted: #68645e; --media-ratio: 16/9; --media-min: 180px; --media-max: 420px; }* { box-sizing: border-box; }html { scroll-behavior: smooth; }body { margin: 0px; background: var(--paper); color: var(--ink); font-family: "Noto Sans Thai", Tahoma, sans-serif; font-weight: 400; line-height: 1.62; text-rendering: optimizelegibility; }:where(h1, h2, h3, h4, h5, h6, b, strong, th) { font-weight: 600; }a { color: inherit; }.site-shell { max-width: 1440px; margin: auto; padding: 0px 4vw; }.site-main { min-height: 65vh; }.site-footer { margin-top: 72px; border-top: 1px solid var(--line); padding: 2rem 0px 4rem; display: grid; grid-template-columns: 1fr auto; gap: 2rem; color: var(--muted); font-size: 0.85rem; }.site-footer__policies { display: grid; grid-template-columns: repeat(2, minmax(0px, auto)); gap: 0.28rem 1.25rem; align-content: start; }.site-footer__policies strong, .site-footer__policies span { grid-column: 1 / -1; }.site-footer__policies a { text-decoration: none; }.site-footer__policies a:hover, .site-footer__policies a:focus-visible { text-decoration: underline; text-underline-offset: 0.18em; }.site-footer__policies span { margin-top: 0.45rem; }.skip-link { position: fixed; left: 1rem; top: 1rem; z-index: 9999; background: var(--ink); color: rgb(255, 255, 255); padding: 0.75rem 1rem; transform: translateY(-200%); }.skip-link:focus { transform: translateY(0px); }:focus-visible { outline: 3px solid var(--violet); outline-offset: 3px; }.site-main:focus { outline: none; }@media (max-width: 560px){.site-shell { padding: 0px 18px; }.site-footer { grid-template-columns: 1fr; }.site-footer__policies { grid-template-columns: 1fr; gap: 0.45rem; }}.kp-pack-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }.kp-pack-card { min-width: 0px; border: 1px solid var(--line); background: var(--surface); }.kp-pack-card a { display: block; color: inherit; text-decoration: none; }.kp-pack-card figure { margin: 0px; aspect-ratio: 16 / 9; background: rgb(222, 216, 207); overflow: hidden; display: grid; place-items: center; }.kp-pack-card figure img { width: 100%; height: 100%; object-fit: cover; }.kp-pack-card figure span { font-size: 3rem; font-weight: 600; color: var(--violet); }.kp-pack-card > a > div { padding: 1.25rem; }.kp-pack-card h3 { font-size: clamp(1.35rem, 2vw, 2rem); line-height: 1.22; margin: 0.35rem 0px; }.kp-pack-card p { color: var(--muted); }.kp-pack-state { letter-spacing: 0.08em; text-transform: uppercase; font-weight: 600; display: inline-block !important; margin: 0px !important; font-size: 0.74rem !important; color: var(--violet) !important; }.kp-pack-card dl, .kp-pack-hero dl, .kp-pack-gate dl { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin: 1.2rem 0px; background: var(--line); }.kp-pack-card dl div, .kp-pack-hero dl div, .kp-pack-gate dl div { padding: 0.75rem; background: var(--surface); }.kp-pack-card dt, .kp-pack-hero dt, .kp-pack-gate dt { font-size: 0.72rem; color: var(--muted); }.kp-pack-card dd, .kp-pack-hero dd, .kp-pack-gate dd { margin: 0.2rem 0px 0px; font-weight: 600; }.kp-pack-card > a > div > span { color: var(--violet); font-weight: 600; }@media (max-width: 900px){.kp-pack-grid { grid-template-columns: repeat(2, minmax(0px, 1fr)); }}@media (max-width: 560px){.kp-pack-grid { grid-template-columns: 1fr; }.kp-pack-card dl, .kp-pack-hero dl, .kp-pack-gate dl { grid-template-columns: 1fr; }}.kp-pack-card figure { aspect-ratio: 1672 / 941; }.kp-pack-card figure img { object-fit: cover; object-position: 50% 50%; }.kp-pack-card--google-ads { --pack-accent: #1a73e8; }.kp-pack-card--facebook-instagram-ads { --pack-accent: #1877f2; }.kp-pack-card--tiktok-ads { --pack-accent: #111; }.kp-ads-cover { position: relative; padding: clamp(24px, 4vw, 44px); border-top: 7px solid var(--pack-accent); display: block !important; background: rgb(248, 245, 238) !important; }.kp-ads-cover span { display: block; max-width: 80%; line-height: 1.25; font-size: clamp(1.35rem, 2.3vw, 2rem) !important; color: rgb(23, 19, 32) !important; }.kp-ads-cover i { position: absolute; bottom: 24px; width: 8%; background: var(--pack-accent); opacity: 0.88; }.kp-ads-cover i:nth-of-type(1) { right: 20%; height: 28%; }.kp-ads-cover i:nth-of-type(2) { right: 11%; height: 45%; }.kp-ads-cover i:nth-of-type(3) { right: 2%; height: 64%; }.kp-pack-card--tiktok-ads .kp-ads-cover { box-shadow: rgb(37, 244, 238) 8px 0px 0px inset, rgb(254, 44, 85) 14px 0px 0px inset; }
/* /wp-content/themes/klangprompt-editorial/assets/navigation.css */

/* /wp-content/themes/klangprompt-editorial/assets/brand-ci.css */
:root { --kp-brand-navy: #061440; --kp-brand-blue: #0065d8; --kp-brand-cyan: #008eac; --kp-brand-tint: #edf6ff; --kp-brand-line: #c5dced; --violet: var(--kp-brand-blue); --accent: var(--kp-brand-blue); }:root { --violet: var(--kp-brand-blue); }:root { --kp-violet: var(--kp-brand-blue); }html body .site-shell .site-header .site-brand img, .site-footer img { mix-blend-mode: normal !important; }
/* /wp-content/plugins/klangprompt-platform-ux/assets/product.css */
body.kp30-surface { --kp30-ink: #19324b; --kp30-muted: #536779; --kp30-blue: #075bc4; --kp30-line: #dce4ec; --kp30-canvas: #f3f6fa; background: var(--kp30-canvas); color: var(--kp30-ink); }.kp30-surface .site-shell { max-width: none; width: 100%; padding: 0px; margin: 0px; }.kp30-surface .site-main { max-width: none; width: calc(100% - 216px); margin: 0px 0px 0px 216px; padding: 100px 36px 60px; min-height: 88vh; min-width: 0px; }.kp30-surface .site-footer { margin-left: 216px; background: transparent; border-top: 1px solid var(--kp30-line); padding: 30px 36px; max-width: none; }.kp30-side { position: fixed; inset: 0px auto 0px 0px; width: 216px; background: rgb(255, 255, 255); border-right: 1px solid var(--kp30-line); z-index: 40; display: flex; flex-direction: column; padding: 24px 14px 18px; gap: 24px; }.kp30-brand { display: flex; align-items: center; justify-content: space-between; min-height: 40px; }.kp30-brand img { width: 174px; height: auto; display: block; }.kp30-side a { color: var(--kp30-muted); text-decoration: none; min-height: 44px; display: flex; align-items: center; padding: 11px 12px; border-radius: 6px; font-size: 13px; line-height: 1.55; }.kp30-brand > a { padding: 0px; }.kp30-side a[aria-current], .kp30-side a:hover { background: rgb(233, 240, 250); color: var(--kp30-blue); }.kp30-menu { overflow: auto; flex: 1 1 0%; min-height: 0px; }.kp30-menu details { padding: 15px 0px; border-top: 1px solid var(--kp30-line); }.kp30-menu summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-size: 12px; font-weight: 600; color: var(--kp30-muted); }.kp30-menu summary::before { content: "▸"; margin-right: 8px; font-size: 10px; }.kp30-menu details[open] > summary::before { content: "▾"; }.kp30-menu-toggle, .kp30-menu-close { display: none; }.kp30-topbar { position: fixed; top: 0px; left: 216px; right: 0px; height: 64px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0px 36px; background: rgb(255, 255, 255); border-bottom: 1px solid var(--kp30-line); z-index: 25; font-size: 12px; }.kp30-topbar > div { display: flex; align-items: center; gap: 24px; }.kp30-topbar a { color: var(--kp30-muted); padding: 12px 0px; min-height: 44px; display: inline-flex; align-items: center; }.kp30-staging-notice { position: fixed; bottom: 8px; right: 12px; z-index: 60; background: rgb(25, 50, 75); color: white; padding: 5px 10px; border-radius: 5px; font-size: 11px; pointer-events: none; }.kp30-surface :is(a, button, input, textarea, select, summary):focus-visible { outline: 3px solid var(--kp30-blue); outline-offset: 3px; }.kp30-surface .site-main > *, .kp30-surface .site-main :is(.grid, .prompt-grid, .tools-grid, .kpa-grid) > * { min-width: 0px; }.kp30-surface .site-main :is(input, select, textarea) { max-width: 100%; box-sizing: border-box; }.kp30-surface .site-main img { max-width: 100%; }@media (max-width: 1100px){.kp30-surface .site-main { padding: 94px 26px 45px; }}@media (max-width: 780px){.kp30-side { position: sticky; top: 0px; width: 100%; padding: 12px 16px 0px; gap: 12px; height: auto; display: block; border-right: 0px; border-bottom: 1px solid var(--kp30-line); }.kp30-brand { height: 44px; gap: 12px; padding-right: 100px; }.kp30-brand img { width: 150px; max-width: 100%; }.kp30-brand > a { min-width: 0px; flex: 1 1 0%; display: block; }.kp30-menu-toggle { display: flex; position: absolute; right: 16px; top: 12px; align-items: center; justify-content: center; border: 0px; background: transparent; color: var(--kp30-ink); width: 44px; height: 44px; font-size: 23px; border-radius: 6px; }.kp30-menu { display: none; }.kp30-menu.is-open { display: block; position: fixed; top: 0px; bottom: 0px; left: 0px; width: min(340px, 92vw); padding: 20px 22px; background: rgb(255, 255, 255); z-index: 100; box-shadow: rgba(25, 50, 75, 0.4) 0px 0px 0px 100vmax; overflow: auto; }.kp30-menu-close { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; background: rgb(243, 246, 250); border: 1px solid var(--kp30-line); border-radius: 6px; margin: 0px 0px 15px auto; color: var(--kp30-ink); font-size: 20px; }.kp30-menu nav > a, .kp30-menu details > a { font-size: 14px; }.kp30-topbar { display: none; }.kp30-surface .site-main { margin: 0px; padding: 26px 20px 45px; width: auto; min-height: 75vh; }.kp30-surface .site-footer { margin: 0px; padding: 28px 20px; }}@media (max-width: 359px){.kp30-surface .site-main { padding: 22px 16px 40px; }.kp30-brand img { width: 135px; }.kp30-brand { padding-right: 105px; }}@media (max-width: 780px){.kp30-menu.is-open { box-shadow: none; }.kp30-side:has(.kp30-menu.is-open)::after { content: ""; position: fixed; inset: 0px; background: rgba(25, 50, 75, 0.4); z-index: 90; }}html:has(body.kp30-surface) { scroll-padding-top: 84px; }.kp30-surface .site-main :is(a, button, input, select, textarea, summary) { scroll-margin-block: 84px 20px; }@media (max-width: 780px){html:has(body.kp30-surface) { scroll-padding-top: 130px; }.kp30-surface .site-main :is(a, button, input, select, textarea, summary) { scroll-margin-block-start: 130px; }}@media (prefers-reduced-motion: reduce){.kp30-surface *, .kp30-surface ::before, .kp30-surface ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important; }}.kp30-surface .kp-pack-grid { display: block; columns: 3; column-gap: 24px; }.kp30-surface .kp-pack-card { display: inline-block; width: 100%; vertical-align: top; break-inside: avoid; margin: 0px 0px 24px; border-radius: 9px; overflow: hidden; }.kp30-surface .kp-pack-card figure:has(img) { display: block; aspect-ratio: auto; height: auto; overflow: visible; background: rgb(255, 255, 255); }.kp30-surface .kp-pack-card > a > div { position: relative; background: rgb(255, 255, 255); }.kp30-surface .kp-pack-card h3 { font-size: 22px; line-height: 1.5; overflow-wrap: anywhere; }.kp30-surface .kp-pack-card p { font-size: 14px; line-height: 1.8; }@media (max-width: 1100px){.kp30-surface .kp-pack-grid { columns: 2; }}@media (max-width: 560px){.kp30-surface .kp-pack-grid { columns: 1; }.kp30-surface .kp-pack-card h3 { font-size: 22px; }}
/* /wp-content/plugins/klangprompt-platform-ux/assets/ux-master.css */
body.kp30-master { --paper: #f3f6fa; --surface: #fff; --ink: #19324b; --muted: #52677b; --line: #ccd9e5; --violet: #075bc4; --kpm-blue: #075bc4; --kpm-tint: #eaf1fb; --kpm-radius: 14px; font-family: "Noto Sans Thai", Tahoma, sans-serif; font-size: 16px; line-height: 1.8; background: var(--paper); color: var(--ink); }.kp30-master :is(button, input, select, textarea) { font-family: inherit; font-size: 16px; line-height: 1.65; }.kp30-master :is(h1, h2, h3, h4, h5, h6, strong, b) { font-family: inherit; font-weight: 600; letter-spacing: 0px; }.kp30-master .site-main { padding: 100px 40px 70px; max-width: 1600px; }.kp30-master .site-main :is(h1, .kpx-intro h1, .kpg-heading h1, .kp-product-lock-head h1, .kp-image-tool-head h1, .kc-intro h1) { font-size: 42px; line-height: 1.36; letter-spacing: -0.7px; margin: 0px 0px 14px; }.kp30-master .site-main h2 { font-size: 28px; line-height: 1.5; margin: 0px 0px 18px; }.kp30-master .site-main h3 { font-size: 20px; line-height: 1.6; }.kp30-master .site-main p { font-size: 16px; line-height: 1.85; color: var(--muted); max-width: 76ch; }.kp30-master .site-main :is(label, legend) { font-size: 15px; line-height: 1.7; }.kp30-master .site-main :is(input:not([type="checkbox"], [type="radio"], [type="range"], [type="color"], [type="file"]), select, textarea) { border: 1px solid rgb(145, 166, 186); border-radius: 9px; background: rgb(255, 255, 255); color: var(--ink); padding: 12px 14px; min-width: 0px; max-width: 100%; box-sizing: border-box; font-size: 16px; }.kp30-master .site-main :is(button, .button-primary, .button, .kp30-button, .kpx-action) { font-size: 15px; min-height: 46px; line-height: 1.6; border-radius: 9px; font-weight: 500; }.kp30-master .site-main :is(p, li, dd, h1, h2, h3) { overflow-wrap: break-word; }.kp30-master :focus-visible { outline: rgb(7, 91, 196) solid 3px; outline-offset: 4px; }.kp30-master .site-footer { font-size: 14px; }.kp30-master .site-footer :is(a, p) { font-size: 14px; }.kp30-master .site-main > *, .kp30-master .site-main :is(section, article, form, fieldset, aside) { min-width: 0px; }.kp30-master .kp30-side { padding: 24px 14px 18px; gap: 20px; }.kp30-master .kp30-side a { font-size: 15px; min-height: 46px; padding: 11px 12px; line-height: 1.6; }.kp30-master .kp30-brand > a { padding: 0px; }.kp30-master .kp30-menu summary { font-size: 14px; color: rgb(82, 103, 123); min-height: 46px; font-weight: 500; }.kp30-master .kp30-menu details { padding: 12px 0px; }.kp30-master .kp30-menu summary::before { font-size: 12px; }.kp30-master .kp30-topbar { font-size: 14px; padding-inline: 40px; }.kp30-master .kp30-side a[aria-current] { background: var(--kpm-tint); color: rgb(7, 91, 196); font-weight: 500; }.kp30-master .kp30-menu-close { font-size: 15px; }.kp30-master :is(.kpg-grid, .kp-pack-grid, .kpa-grid) { gap: 24px; }.kp30-master :is(.kpg-card h2, .kpg-card h2 a, .kp-pack-card h2, .kp-pack-card h3) { font-size: 19px; line-height: 1.65; }.kp30-master :is(.kpg-card, .kp-pack-card) { box-shadow: none; border-color: var(--line); background: rgb(255, 255, 255); border-radius: 14px; }.kp30-master .kp-pack-card :is(img, picture img) { width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; max-height: none; }@media (min-width: 1600px){.kp30-master .site-main { padding-inline: 56px; }.kp30-master .kp30-topbar { padding-inline: 56px; }}@media (max-width: 1280px){.kp30-master .site-main { padding-inline: 28px; }}@media (min-width: 781px) and (max-width: 1100px){.kp30-master .site-main { padding-inline: 28px; }}@media (max-width: 780px){.kp30-master { font-size: 16px; }.kp30-master .site-main { width: 100%; margin-left: 0px; padding: 142px 20px 48px; }.kp30-master .kp30-brand { padding-inline: 20px; }.kp30-master .kp30-side { padding: 0px; gap: 0px; }.kp30-master .kp30-menu { padding: 26px 22px; }.kp30-master .kp30-menu a { font-size: 16px; min-height: 48px; }.kp30-master .kp30-menu summary { font-size: 15px; min-height: 48px; }.kp30-master .kp30-menu-toggle { width: 46px; min-height: 46px; }.kp30-master .site-main :is(h1, .kpx-intro h1, .kpg-heading h1, .kp-product-lock-head h1, .kp-image-tool-head h1, .kc-intro h1) { font-size: 32px; line-height: 1.45; letter-spacing: -0.4px; }.kp30-master .site-main h2 { font-size: 24px; line-height: 1.5; }.kp30-master .site-main h3 { font-size: 19px; }.kp30-master .site-main p { font-size: 16px; }.kp30-master :is(.kp-pack-grid, .kpa-grid) { gap: 18px; }.kp30-master .site-footer { padding: 24px 20px; }}@media (max-width: 359px){.kp30-master .site-main { padding-inline: 16px; }.kp30-master .kp30-brand { padding-inline: 16px; }}@media (hover: hover){.kp30-master a, .kp30-master button { transition: background-color 0.15s, border-color 0.15s, color 0.15s; }}@media (prefers-reduced-motion: reduce){.kp30-master * { scroll-behavior: auto !important; transition: none !important; animation: auto ease 0s 1 normal none running none !important; }}@media (max-width: 780px){.kp30-master .site-main { padding-top: 28px; }.kp30-master .kp30-brand { min-height: 64px; }.kp30-master .site-main :is(h1, h2, h3, [tabindex="-1"]) { scroll-margin-top: 140px; }}.kp30-master .site-main :is(input, textarea)::placeholder { color: rgb(82, 103, 123); opacity: 1; }
/* /wp-content/plugins/klangprompt-platform-ux/assets/home-fast.css */
.kph-refined { --kph-ink: #19324b; --kph-muted: #52677b; --kph-blue: #075bc4; --kph-line: #ccd9e5; }.kph-refined .kp30-side { gap: 18px; }.kph-refined .kp30-menu details { padding: 10px 0px; }.kph-refined .kp30-menu summary { font-size: 15px; }.kph-refined .kp30-menu a { font-size: 15px; min-height: 44px; }.kph-mobile-primary, .kph-mobile-account { display: none !important; }.kph-refined .kp30-topbar > div > a { border: 1px solid rgb(145, 166, 186); border-radius: 8px; padding: 8px 18px; color: var(--kph-blue); }@media (min-width: 781px) and (max-width: 1100px){.kph-refined .kp30-side { width: 192px; padding-inline: 12px; }.kph-refined .kp30-brand img { width: 160px; }.kph-refined .site-main { margin-left: 192px; width: calc(100% - 192px); padding-inline: 26px; }.kph-refined .kp30-topbar { left: 192px; padding-inline: 26px; }.kph-refined .site-footer { margin-left: 192px; }}@media (max-width: 780px){.kph-refined .kp30-brand { min-height: 64px; gap: 10px; }.kph-refined .kp30-brand > a:first-child { margin-right: auto; min-width: 0px; }.kph-refined .kp30-brand img { width: 154px; }.kph-mobile-account { background: rgb(243, 246, 250); white-space: nowrap; display: flex !important; font-size: 15px !important; padding: 8px 10px !important; min-height: 44px !important; }.kph-refined .kp30-menu { padding: 22px; }.kph-refined .kp30-menu a { font-size: 16px; }.kph-refined .kp30-menu summary { font-size: 16px; }.kph-refined .site-main { padding-top: 28px; }.kph-refined .site-main :is(h1, h2, h3, [tabindex="-1"]) { scroll-margin-top: 90px; }.kph-refined .kp30-menu-close { width: 44px; min-height: 44px; }}@media (max-width: 359px){.kph-refined .kp30-brand { padding-inline: 16px; }.kph-refined .kp30-brand img { width: 130px; }.kph-mobile-account { font-size: 14px !important; padding-inline: 8px !important; }}
/* /wp-content/plugins/klangprompt-platform-ux/assets/product-excellence.css */
body.kpe { --paper: #f7f9fc; --surface: #fff; --ink: #19324b; --muted: #52677b; --line: #dce5ef; --violet: #075bc4; --kpe-blue: #075bc4; --kpe-soft: #edf3fc; background: rgb(255, 255, 255); font-family: "Noto Sans Thai", Tahoma, sans-serif; line-height: 1.65; }.kpe .site-main { padding: 102px 44px 64px; max-width: 1710px; }.kpe .site-main p { line-height: 1.7; }.kpe .site-main :is(h1, h2, h3) { text-wrap: pretty; letter-spacing: 0px; }.kpe .kp30-side { background: rgb(247, 249, 252); border-color: var(--line); gap: 16px; }.kpe .kp30-topbar { background: rgb(255, 255, 255); border-color: var(--line); }.kpe .kp30-side .kp30-brand > a { padding: 0px; }.kpe .kp30-side .kp30-brand img { width: 170px; }.kpe .kp30-side a[aria-current="page"] { background: rgb(232, 240, 252); color: rgb(7, 91, 196); }.kpe .kp30-menu summary { color: rgb(82, 103, 123); }.kpe .kp30-menu details { border-color: var(--line); }.kpe .kp30-side a { border-radius: 7px; }.kpe .site-footer { background: rgb(247, 249, 252); border-top: 1px solid var(--line); }.kpe .site-main :is(h1, .kpx-intro h1, .kc-intro h1, .kp-product-lock-head h1, .kp-image-tool-head h1) { font-size: 42px; line-height: 1.4; font-weight: 600; }.kpe .site-main h2 { font-size: 28px; line-height: 1.5; }.kpe .site-main h3 { font-size: 19px; line-height: 1.6; }.kpe .site-main :is(input, select, textarea) { border-radius: 8px; border-color: rgb(155, 176, 198); font-size: 16px; line-height: 1.65; }.kpe .site-main :is(input, textarea):focus { border-color: rgb(7, 91, 196); box-shadow: rgb(229, 238, 252) 0px 0px 0px 3px; }.kpe .site-main :is(button, .kp30-button, .kp-share-primary, .kpx-action) { border-radius: 8px; min-height: 46px; font-size: 15px; font-weight: 500; box-shadow: none; }.kpe :is(button:disabled, input:disabled) { cursor: not-allowed; opacity: 0.62; }.kpe .site-main :is(button, a):focus-visible { outline: rgb(7, 91, 196) solid 3px; outline-offset: 4px; }.kpe :is(.kpg-card, .kp-pack-card, .ks-card) { border: 0px; border-radius: 0px; background: transparent; box-shadow: none; }.kpe :is(.kpg-card img, .kp-pack-card img) { border-radius: 9px; width: 100%; height: auto; aspect-ratio: auto; object-fit: contain; }.kpe .kpg-grid, .kpe .kp-pack-grid { gap: 32px 24px; }@media (min-width: 1600px){.kpe .site-main { padding-inline: 60px; }}@media (min-width: 781px) and (max-width: 1100px){.kpe .site-main { padding-inline: 28px; }}@media (max-width: 780px){.kpe .site-main { padding: 26px 20px 44px; }.kpe .kp30-side { background: rgb(255, 255, 255); }.kpe .kp30-side .kp30-brand img { width: 154px; }.kpe .site-main :is(h1, .kpx-intro h1, .kc-intro h1, .kp-product-lock-head h1, .kp-image-tool-head h1) { font-size: 32px; line-height: 1.45; }.kpe .site-main h2 { font-size: 24px; }.kpe .kpg-grid, .kpe .kp-pack-grid { gap: 24px 16px; }}@media (max-width: 359px){.kpe .site-main { padding-inline: 16px; }.kpe .kp30-side .kp30-brand img { width: 130px; }}@media (hover: hover){.kpe .site-main a:hover { color: rgb(6, 73, 156); }.kpe :is(a, button) { transition: color 0.14s, background-color 0.14s, border-color 0.14s; }}@media (prefers-reduced-motion: reduce){.kpe *, .kpe ::before, .kpe ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; scroll-behavior: auto !important; }}
/* /wp-content/plugins/klangprompt-platform-ux/assets/product-visuals.css */

/* /wp-content/plugins/klangprompt-platform-ux/assets/header-repair.css */
.kph-refined .kpu-line { display: inline-flex; align-items: center; justify-content: center; width: 44px; height: 44px; min-width: 44px; min-height: 44px; padding: 0px; border-radius: 10px; flex: 0 0 44px; }.kph-refined .kpu-line img { display: block; width: 24px; height: 24px; max-width: none; object-fit: contain; }.kph-refined .kpu-line:hover { background: rgb(243, 246, 250); }.kph-refined .kpu-line:focus-visible, .kph-refined .kph-mobile-account:focus-visible, .kph-refined .kp30-menu-toggle:focus-visible { outline: rgb(27, 94, 180) solid 3px; outline-offset: 3px; }.kph-refined .kpu-line-mobile { display: none; }.kph-refined .kp30-topbar > div { display: flex; align-items: center; gap: 12px; }@media (max-width: 780px){.kph-refined .kp30-brand { display: flex; align-items: center; gap: 10px; height: auto; min-height: 46px; padding-right: 0px; }.kph-refined .kp30-brand > a:first-child { flex: 0 1 auto; min-width: 0px; width: auto; margin-right: auto; }.kph-refined .kp30-brand > .kph-mobile-account { flex: 0 0 auto; width: auto; gap: 8px; justify-content: center; }.kph-refined .kp30-brand > .kpu-line-mobile { display: inline-flex; flex: 0 0 44px; width: 44px; }.kph-refined .kp30-brand > .kp30-menu-toggle { position: static; inset: auto; flex: 0 0 46px; width: 46px; height: 46px; margin: 0px; }}@media (max-width: 479px){.kph-refined .kp30-brand { gap: 8px; }.kph-refined .kp30-brand > .kph-mobile-account { flex: 0 0 44px; width: 44px; padding: 0px !important; }.kph-refined .kph-mobile-account > span { display: none; }}
/* /wp-content/plugins/klangprompt-platform-ux/assets/product-art.css */

/* /wp-content/plugins/klangprompt-platform-ux/assets/navigation-packs.css */
.kpn-picture { display: block; min-width: 0px; max-width: 100%; line-height: 0; }@media (max-width: 780px){.kph-refined .kpn-categories { margin-right: 0px; padding-right: 0px; }}.kpn-pack-grid figure { position: relative; }.kpn-cover-caption { position: absolute; bottom: 5px; right: 10px; font-size: 12px; line-height: 1.7; background: rgb(241, 245, 251); color: rgb(64, 86, 110); padding: 2px 6px; border-radius: 3px; max-width: calc(100% - 20px); }.kph-refined :is(.kpn-builder, .kpn-discovery) :is(input, textarea, select) { border-color: rgb(122, 141, 165) !important; }.kph-refined :is(.kpn-builder, .kpn-discovery) :is(input, textarea)::placeholder { color: rgb(87, 110, 137); opacity: 1; }.kph-refined .kpn-menu summary::before { content: none !important; }.kpn-menu summary::marker { content: ""; }.kph-refined .kpn-pack-grid .kp-pack-state { text-transform: none; letter-spacing: 0px; }.kph-refined .kpn-pack-grid .kp-pack-card dl { background: transparent; border-radius: 0px; }.kph-refined .kpn-pack-grid .kp-pack-card dl > div { padding: 0px; background: transparent; border: 0px; min-width: 0px; }.kph-refined .kpn-side { background: rgb(255, 255, 255); border-right: 1px solid rgb(224, 231, 239); }.kpn-side .kp30-menu nav { display: block; }.kph-refined .kpn-menu { overflow: auto; padding: 12px 0px 28px; overscroll-behavior: contain; }.kph-refined .kpn-menu nav > a, .kph-refined .kpn-menu summary { display: flex; align-items: center; min-height: 44px; padding: 9px 12px; font-size: 15px; line-height: 1.65; color: rgb(35, 61, 89); text-decoration: none; border-radius: 7px; cursor: pointer; font-weight: 500; }.kph-refined .kpn-menu details { margin: 0px; border: 0px; padding: 0px; }.kph-refined .kpn-menu summary { justify-content: space-between; list-style: none; }.kpn-menu summary::-webkit-details-marker { display: none; }.kpn-menu summary::after { content: ""; width: 6px; height: 6px; border-right: 1.5px solid; border-bottom: 1.5px solid; transform: rotate(45deg); margin: 0px 3px 3px 12px; flex: 0 0 auto; }.kpn-menu details[open] > summary::after { transform: rotate(225deg); margin-bottom: 0px; }.kph-refined .kpn-menu .kpn-submenu { margin: 2px 0px 9px 12px; border-left: 1px solid rgb(220, 229, 240); padding-left: 8px; }.kph-refined .kpn-submenu > a { display: flex; align-items: center; min-height: 44px; padding: 8px 11px; font-size: 14px; color: rgb(75, 96, 120); line-height: 1.6; border-radius: 6px; text-decoration: none; }.kph-refined .kpn-menu a[aria-current="page"] { color: rgb(7, 91, 196); background: rgb(234, 242, 252); font-weight: 600; }.kpn-menu :is(a, summary):focus-visible { outline: rgb(7, 91, 196) solid 3px; outline-offset: 1px; }.kpn-menu :is(a, summary):hover { background: rgb(240, 245, 251); }.kph-refined .kpn-side .kp30-brand { border-bottom: 1px solid rgb(224, 231, 239); padding-bottom: 19px; margin-bottom: 0px; }.kpn-menu nav { padding-bottom: env(safe-area-inset-bottom); }.kpn-packs { --kpn-ink: #172f4b; --kpn-muted: #53677d; --kpn-line: #dce5ef; color: var(--kpn-ink); max-width: 1320px; margin-inline: auto; }.kph-refined .kpn-intro { display: flex; justify-content: space-between; align-items: end; gap: 24px; padding: 18px 0px 30px; border-bottom: 1px solid var(--kpn-line); margin: 0px 0px 22px; }.kph-refined .kpn-intro h1 { font-size: clamp(30px, 3vw, 46px); font-weight: 600; line-height: 1.4; letter-spacing: -0.7px; margin: 6px 0px 13px; max-width: none; }.kpn-overline { margin: 0px; color: rgb(7, 91, 196); font-size: 16px; font-weight: 600; }.kpn-intro p:last-child { font-size: 17px; line-height: 1.8; margin: 0px; color: var(--kpn-muted); max-width: 55ch; }.kpn-library-link { white-space: nowrap; min-height: 44px; display: flex; align-items: center; color: rgb(7, 91, 196); }.kpn-categories { display: flex; gap: 8px; overflow: auto; scrollbar-width: thin; padding: 2px 0px 14px; margin: 0px 0px 12px; }.kpn-categories a { flex: 0 0 auto; display: flex; align-items: center; min-height: 44px; padding: 8px 18px; border: 1px solid rgb(220, 229, 239); color: rgb(64, 86, 110); background: rgb(255, 255, 255); text-decoration: none; border-radius: 24px; font-size: 15px; }.kpn-categories a[aria-current] { background: rgb(23, 47, 75); border-color: rgb(23, 47, 75); color: rgb(255, 255, 255); }.kpn-discovery { display: grid; grid-template-columns: minmax(0px, 1fr) 180px auto; gap: 14px; align-items: end; margin: 10px 0px 32px; }.kpn-discovery label { font-size: 14px; font-weight: 500; color: rgb(64, 86, 110); display: grid; gap: 8px; }.kpn-discovery input, .kpn-discovery select { width: 100%; border: 1px solid rgb(186, 203, 221); border-radius: 9px; background: rgb(255, 255, 255); color: rgb(23, 47, 75); min-height: 50px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 16px; padding: 10px 14px; box-sizing: border-box; }.kpn-discovery button { font: inherit; border: 0px; border-radius: 9px; background: rgb(7, 91, 196); color: rgb(255, 255, 255); min-height: 50px; padding: 10px 22px; cursor: pointer; }.kpn-results-heading { display: flex; align-items: baseline; gap: 16px; margin: 26px 0px 16px; }.kph-refined .kpn-results-heading h2 { font-size: 22px; line-height: 1.5; margin: 0px; }.kpn-results-heading span { font-size: 14px; color: rgb(83, 103, 125); }.kph-refined .kpn-pack-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 28px 32px; align-items: start; }.kpn-pack-grid .kp-pack-card { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgb(220, 229, 239) currentcolor currentcolor; border-image: none; border-radius: 0px; box-shadow: none; background: rgb(255, 255, 255); min-width: 0px; overflow: visible; padding: 0px; }.kpn-pack-grid .kp-pack-card > a { display: block; padding: 22px 0px 0px; color: rgb(23, 47, 75); text-decoration: none; height: auto; }.kph-refined .kpn-pack-grid .kp-pack-card figure { margin: 0px 0px 20px; padding: 16px; background: rgb(241, 245, 250); border-radius: 12px; aspect-ratio: auto; height: auto; display: flex; align-items: center; justify-content: center; overflow: hidden; }.kph-refined .kpn-pack-grid .kp-pack-card figure img { height: auto; width: auto; max-width: 100%; max-height: 320px; object-fit: contain; border-radius: 5px; aspect-ratio: auto; }.kpn-pack-grid .kp-pack-card > a > div { padding: 0px; }.kph-refined .kpn-pack-grid h3 { font-size: 23px; font-weight: 600; line-height: 1.55; letter-spacing: -0.3px; margin: 0px 0px 9px; word-break: normal; overflow-wrap: break-word; }.kpn-pack-grid .kp-pack-card p { font-size: 16px; line-height: 1.8; color: rgb(83, 103, 125); margin: 0px 0px 14px; }.kpn-pack-grid .kp-pack-state { min-height: 0px; font-size: 13px !important; color: rgb(59, 88, 120) !important; margin: 0px 0px 8px !important; }.kpn-pack-grid dl { display: flex; gap: 24px; flex-wrap: wrap; padding: 14px 0px; margin: 16px 0px; border-block: 1px solid rgb(230, 236, 243); }.kpn-pack-grid dl > div { display: block; }.kpn-pack-grid dt { font-size: 13px; color: rgb(83, 103, 125); }.kpn-pack-grid dd { font-size: 15px; font-weight: 600; margin: 4px 0px 0px; }.kpn-pack-grid .kp-pack-card > a > div > span { display: flex; align-items: center; min-height: 44px; font-size: 15px; color: rgb(7, 91, 196); }.kpn-pack-grid .kp-ads-cover { min-height: 180px !important; position: relative; }.kpn-pack-grid .kp-ads-cover span { font-size: 26px; line-height: 1.55; font-weight: 600; color: rgb(23, 47, 75); z-index: 1; }.kpn-note { font-size: 14px; line-height: 1.8; color: rgb(83, 103, 125); margin-top: 28px; }.kpn-empty { padding: 36px 0px 60px; }.kpn-empty a { display: inline-flex; min-height: 44px; align-items: center; color: rgb(7, 91, 196); }.kph-refined.kpn-pack-surface { background: rgb(255, 255, 255); }.kph-refined.kpn-pack-surface .site-main { background: rgb(255, 255, 255); }:is(.kpn-packs, .kpn-builder, .kpn-examples, .kpn-related) :is(a, button, input, summary, textarea, select):focus-visible { outline: rgb(7, 91, 196) solid 3px; outline-offset: 3px; }@media (min-width: 781px){.kpn-side .kp30-menu { max-height: calc(100dvh - 105px); }.kpn-side .kp30-menu-close { display: none; }}@media (min-width: 1101px){.kpn-pack-grid .kp-pack-card:nth-child(n+3) { grid-column: 1 / -1; }.kpn-pack-grid .kp-pack-card:nth-child(n+3) > a { display: grid; grid-template-columns: 190px minmax(0px, 1fr); gap: 28px; align-items: start; }.kpn-pack-grid .kp-pack-card:nth-child(n+3) > a > div { display: grid; grid-template-columns: minmax(0px, 1fr) 270px; gap: 0px 30px; }.kpn-pack-grid .kp-pack-card:nth-child(n+3) > a > div > :is(h3, p) { grid-column: 1; }.kpn-pack-grid .kp-pack-card:nth-child(n+3) > a > div > dl { grid-area: 1 / 2 / 4; border: 0px; padding-top: 0px; margin: 0px; gap: 18px; }.kpn-pack-grid .kp-pack-card:nth-child(n+3) > a > div > span { grid-area: 4 / 2; }.kph-refined .kpn-pack-grid .kp-pack-card:nth-child(n+3) figure { max-height: 210px; padding: 12px; margin: 0px; }.kph-refined .kpn-pack-grid .kp-pack-card:nth-child(n+3) figure img { max-height: 186px; }.kph-refined .kpn-pack-grid .kp-pack-card:nth-child(n+3) h3 { font-size: 21px; }.kpn-pack-grid .kp-pack-card:nth-child(n+3) .kp-ads-cover span { font-size: 18px; }.kpn-pack-grid .kp-pack-card:nth-child(n+3) .kp-ads-cover { min-height: 160px !important; }}@media (max-width: 1100px){.kpn-discovery { grid-template-columns: minmax(0px, 1fr) 150px; }.kpn-discovery button { grid-column: 2; }.kpn-discovery label:first-of-type { grid-row: 1 / 3; align-self: end; }}@media (max-width: 780px){.kph-refined .kpn-side { border-right: 0px; }.kph-refined .kpn-side .kp30-brand { padding-bottom: 0px; border-bottom: 0px; }.kph-refined .kpn-menu { display: none; position: fixed; inset: 76px 0px 0px; background: rgb(255, 255, 255); z-index: 210; overflow: auto; max-height: none; padding: 12px 20px calc(32px + env(safe-area-inset-bottom)); box-shadow: rgb(220, 229, 239) 0px -1px; }.kph-refined .kpn-menu.is-open { display: block; }.kph-refined .kpn-menu .kp30-menu-close { display: block; margin-left: auto; min-width: 44px; min-height: 44px; }.kph-refined .kpn-menu nav > a, .kph-refined .kpn-menu summary { font-size: 17px; min-height: 48px; }.kph-refined .kpn-submenu > a { font-size: 16px; min-height: 46px; }.kph-refined .kpn-intro { display: block; padding: 8px 0px 22px; margin-bottom: 18px; }.kph-refined .kpn-intro h1 { font-size: 32px; letter-spacing: -0.4px; }.kpn-intro p:last-child { font-size: 16px; }.kpn-library-link { margin-top: 10px; }.kpn-categories { margin-right: -20px; padding-right: 20px; }.kpn-categories a { padding-inline: 16px; }.kpn-discovery { grid-template-columns: minmax(0px, 1fr) auto; gap: 12px; margin-bottom: 26px; }.kpn-discovery label:first-of-type { grid-area: auto / 1 / auto / -1; align-self: auto; }.kpn-discovery button { grid-column: 2; }.kpn-discovery label:last-of-type { grid-column: 1; }.kph-refined .kpn-pack-grid { grid-template-columns: 1fr; gap: 24px; }.kph-refined .kpn-pack-grid h3 { font-size: 22px; }.kph-refined .kpn-pack-grid .kp-pack-card figure img { max-height: 300px; }.kpn-pack-grid dl { gap: 22px; }}.kph-refined .kpn-pack-grid .kp-ads-cover { background: rgb(237, 244, 252) !important; border-color: rgb(196, 215, 239) !important; }.kpn-cover-caption { font-size: 12px; }@media (max-width: 359px){.kph-refined .kpn-side .kp30-brand img { width: 120px; }.kph-refined .kpn-side .kp30-brand { gap: 6px; padding-inline: 14px; }.kpn-pack-grid dl { gap: 14px; }.kph-refined .kpn-intro h1 { font-size: 29px; }}@media (hover: hover){.kpn-pack-grid .kp-pack-card > a:hover h3, .kpn-related > a:hover strong { color: rgb(7, 91, 196); }.kpn-pack-grid .kp-pack-card figure img { transition: transform 0.18s; }.kpn-pack-grid .kp-pack-card > a:hover figure img { transform: scale(1.015); }}@media (prefers-reduced-motion: reduce){.kpn-pack-grid .kp-pack-card figure img { transition: none; transform: none !important; }}