.cbk-service-composition{position:absolute;inset:0;margin:0;isolation:isolate;container-type:inline-size;overflow:hidden;background:transparent;color:#242424;font-family:Inter,"Noto Sans KR",Arial,sans-serif;pointer-events:none;-webkit-font-smoothing:antialiased}
.cbk-service-composition *{box-sizing:border-box}
.cbk-service-canvas{position:absolute;container-type:inline-size;overflow:visible}
.cbk-service-prompt,.cbk-service-card,.cbk-service-status,.cbk-service-detail,.cbk-service-chip-row{position:absolute}
.cbk-service-prompt{z-index:5;display:flex;align-items:center;gap:1.3cqw;padding:.7cqw 2cqw;background:#fff;border:1px solid #ddd;border-radius:2.6cqw;box-shadow:0 .15cqw .45cqw #00000005;font-size:1.85cqw;line-height:1.3;letter-spacing:-.025em}
.cbk-service-symbol{display:grid;place-items:center;flex:none;width:3cqw;height:3cqw;border:1px solid #545454;border-radius:.9cqw;font-size:2.5cqw}
.cbk-service-type{white-space:nowrap;overflow:hidden;display:block;min-width:0;max-width:100%}
.cbk-service-cursor{display:inline-block;width:1px;height:1em;background:currentColor;vertical-align:-.12em;margin-left:.05em;visibility:hidden}
@media(max-width:809.98px){[data-cbk-source-aspect]{aspect-ratio:var(--cbk-source-aspect)!important}}
.cbk-service-card{z-index:1;border-radius:3cqw;overflow:hidden;background:#f2f2f2;box-shadow:0 0 0 1px #1717170a;animation:cbk-service-reveal 10.03s ease both infinite;animation-delay:var(--reveal-delay,1.4s)}
.cbk-service-media{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.cbk-service-label{position:absolute;z-index:2;left:4%;top:6%;max-width:92%;font-size:1.45cqw;line-height:1.25;padding:.55cqw .85cqw;border-radius:.75cqw;background:#2f3739b8;color:#fff;white-space:nowrap}
.cbk-service-grid-card{border-radius:1.8cqw}.cbk-service-grid-card .cbk-service-label{font-size:1.25cqw}
.cbk-service-status{z-index:6;display:flex;flex-direction:column;justify-content:center;gap:.35cqw;border:1px solid #dddddd;padding:1.5cqw 2cqw;border-radius:2.6cqw;background:linear-gradient(135deg,#fffffff0,#f7faffd9);box-shadow:0 .2cqw .7cqw #00000010;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:cbk-service-panel 10.03s ease both infinite;font-size:1.55cqw;line-height:1.3;letter-spacing:-.025em}
.cbk-service-status-line:first-child{color:#202020}.cbk-service-status-line{color:#686868}
.cbk-service-progress{height:.55cqw;min-height:1px;margin-top:.7cqw;background:#d4d4d4;border-radius:2cqw;overflow:hidden}.cbk-service-progress span{display:block;height:100%;background:#b1ff53;transform-origin:left;animation:cbk-service-progress var(--source-duration,10.033333s) linear infinite}
.cbk-service-timeline{position:absolute;z-index:3;left:5%;right:5%;bottom:7%;height:2.1cqw;border-radius:.65cqw;background:#ffffffe0;overflow:hidden}.cbk-service-grid-card .cbk-service-timeline{height:1.2cqw}
.cbk-service-playhead{display:block;width:100%;height:100%;background:#b2ff54;transform-origin:left;animation:cbk-service-progress var(--source-duration,10.033333s) linear infinite}.cbk-service-mark{position:absolute;top:0;bottom:0;width:3%;background:#a9ff46;border-radius:.35cqw}
.cbk-service-detail{z-index:7;display:flex;align-items:center;border:1px solid #e0e0e0;border-radius:2cqw;padding:1.3cqw 1.8cqw;background:#fffffff0;box-shadow:0 .15cqw .5cqw #00000008;font-size:1.55cqw;line-height:1.4;white-space:pre-line;animation:cbk-service-panel 10.03s ease both infinite}
.cbk-service-chip-row{z-index:4;display:flex;gap:1cqw}.cbk-service-chip{min-width:0;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45cqw;padding:.5cqw;border:1px solid #e3e3e3;border-radius:2cqw;background:#fffffff2;font-size:1.35cqw;line-height:1.15;text-align:center}.cbk-service-chip-sub{display:block;max-width:100%;padding:.3cqw .7cqw;border:1px solid #b7b7b7;border-radius:1.4cqw;font-size:1.1cqw;color:#707070;white-space:nowrap}
.cbk-service-caption{position:absolute;left:5%;right:5%;bottom:.2%;z-index:8;text-align:center;font-size:clamp(6px,1.05cqw,11px);line-height:1.2;color:#71716a;padding:.15cqw;background:#faf9f4b0;white-space:nowrap}
.cbk-service-composition[data-cbk-composition="TL_01_alpha"] .cbk-service-card[data-main="true"]{border-radius:4cqw}
.cbk-service-composition[data-cbk-composition="Advertisement_02"] .cbk-service-card{border-radius:4.5cqw}
.cbk-service-composition[data-cbk-composition="TL_03_alpha"] .cbk-service-card{border-radius:4cqw}
@keyframes cbk-service-reveal{0%,8%{opacity:0;transform:translateY(.7cqw)}15%,92%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes cbk-service-panel{0%,30%{opacity:0;transform:translateY(.6cqw)}40%,94%{opacity:1;transform:none}100%{opacity:0;transform:none}}
@keyframes cbk-service-progress{0%,25%{transform:scaleX(0)}88%,96%{transform:scaleX(1)}100%{transform:scaleX(0)}}
.cbk-service-composition.cbk-paused *{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.cbk-service-composition *{animation:none!important;clip-path:none!important;transform:none!important;opacity:1!important}}

/* Per-source WAAPI tracks own entry/exit phases; CSS progress remains independent. */
.cbk-service-composition .cbk-service-type,.cbk-service-composition .cbk-service-card,.cbk-service-composition .cbk-service-status,.cbk-service-composition .cbk-service-detail{animation:none}

/* Advertisement_01: original 1364px frame has 28px text ink; loaded Inter probe gives 95.9473px ink at 100px. */
.cbk-service-composition[data-cbk-composition="Advertisement_01"] .cbk-service-prompt{font-size:2.13957cqw}

/* Reclaim only the Google recording's inset inside mobile service-list cards.
   The outer card and its text keep their existing layout and padding. */
@media(max-width:809.98px){
 .seo-parity-page .parity-services-stack .parity-service-demo:has(>.cbk-service-composition[data-cbk-workflow="kol-google"]:not([data-cbk-full-scene="true"])){width:calc(100% + 40px);margin-inline:-20px}
 .seo-parity-page .parity-services-stack .cbk-service-composition[data-cbk-workflow="kol-google"]:not([data-cbk-full-scene="true"]) .cbk-service-card[data-main="true"]{left:2%!important;width:96%!important;height:auto!important;aspect-ratio:16/9}
}

/* Google alone may supply the complete finished scene, including its design.
   Remove inherited portrait-canvas space instead of composing it a second time. */
[data-cbk-source-aspect]:has(>.cbk-service-full-scene[data-cbk-workflow="kol-google"]:not([data-cbk-preserve-canvas])){aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
.parity-service-cover:has(.cbk-service-full-scene[data-cbk-workflow="kol-google"]){aspect-ratio:16/9!important;height:auto!important;min-height:0!important}
.parity-service-cover>.parity-service-demo:has(>.cbk-service-full-scene[data-cbk-workflow="kol-google"]:not([data-cbk-preserve-canvas])){width:100%;max-width:none}
.cbk-service-full-scene{aspect-ratio:16/9;container-type:normal}
.cbk-service-full-scene-poster,.cbk-service-full-scene-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none}
@media(max-width:809.98px){
 [data-cbk-source-aspect]:has(>.cbk-service-full-scene[data-cbk-workflow="kol-google"]:not([data-cbk-preserve-canvas])),.parity-service-cover:has(.cbk-service-full-scene[data-cbk-workflow="kol-google"]){aspect-ratio:4/3!important}
 .cbk-service-full-scene[data-cbk-workflow="kol-google"]{aspect-ratio:4/3}
 .seo-parity-page .parity-services-stack .parity-service-demo:has(>.cbk-service-full-scene[data-cbk-workflow="kol-google"]:not([data-cbk-preserve-canvas])){width:calc(100% + 40px);margin-inline:-20px}
}
@media(prefers-reduced-motion:reduce){.cbk-service-full-scene>.cbk-service-full-scene-video{opacity:0!important}}

/* v12: preserve the home component's original canvas, including the KOL tab. */
.cbk-service-full-scene[data-cbk-preserve-canvas]{aspect-ratio:auto!important}
.cbk-service-motion-control{position:absolute;right:8px;bottom:8px;z-index:20;display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b2b2ac;border-radius:50%;background:#fffffff2;color:#252525;font:600 16px/1 Arial,sans-serif;pointer-events:auto;cursor:pointer;box-shadow:0 2px 8px #0000000c}
.cbk-service-motion-control:hover{background:#fff}.cbk-service-motion-control:focus-visible{outline:3px solid #315bdb;outline-offset:3px}
.cbk-service-composition:has(>.cbk-service-motion-control)>.cbk-service-caption{right:60px;text-align:left}
@media(max-width:809.98px){
 .cbk-service-composition .cbk-service-prompt{font-size:clamp(11px,2.4cqw,14px);line-height:1.25}
 .cbk-service-composition .cbk-service-type{white-space:normal}
 .cbk-service-composition .cbk-service-label{font-size:clamp(9px,1.8cqw,12px);white-space:normal;max-height:2.8em;overflow:hidden}
 .cbk-service-composition .cbk-service-status,.cbk-service-composition .cbk-service-detail{font-size:clamp(10px,2cqw,12px);line-height:1.2}
 .cbk-service-composition .cbk-service-chip{font-size:clamp(9px,1.8cqw,11px)}
 .cbk-service-composition .cbk-service-chip-sub{font-size:9px;white-space:normal}
 .cbk-service-composition .cbk-service-caption{font-size:10px;white-space:normal;line-height:1.25;bottom:4px}
}

@media(max-width:809.98px){.cbk-service-composition .cbk-service-status{padding:.8cqw 1.2cqw;gap:.2cqw}.cbk-service-composition .cbk-service-detail{padding:.6cqw 1.2cqw}}