/* Composer panel playground for /ai-express-mode/ */
.uc-f2a .ucx-pq{--pq-bg: #171717;--pq-attr: #ffa940;--pq-card: #202020;--pq-ctl: #1a1a1a;--pq-well: #101010;--pq-line: #333333;--pq-line2: #404040;--pq-hi: #ffffff;--pq-hi2: #ededed;--pq-val: #d4d4d4;--pq-mid: #a3a3a3;--pq-dim: #737373;--pq-faint: #525252;--pq-acc: #fd6a35;--pq-tag: #ff9ec6;--pq-str: #9bdc9e;--pq-ring: inset 0 0 0 1px var(--pq-line),inset 0 1px 2px rgba(0,0,0,.05),inset 0 2px 4px -2px rgba(0,0,0,.04);--pq-mono: "JetBrains Mono",ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace;width: 331px;max-width: none;height: 566px;zoom: 1.25;display: flex;flex-direction: column;position: relative;z-index: 1;background: var(--pq-bg);border: 1px solid var(--pq-line);border-radius: 12px;overflow: hidden;box-shadow: 0 40px 90px -40px rgba(0,0,0,.55);color: var(--pq-mid);font-family: "zalando sans","zalando sans Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;font-size: 14px;font-weight: 400;line-height: 21px;letter-spacing: normal;text-align: left;cursor: default;user-select: none;contain: layout paint}.uc-f2a .ucx-pq,.uc-f2a .ucx-pq *{box-sizing: border-box}.uc-f2a .ucx-pq svg{display: block;flex: 0 0 auto}.uc-f2a .ucx-pq button,.uc-f2a .ucx-pq button:hover,.uc-f2a .ucx-pq button:focus,.uc-f2a .ucx-pq button:active{appearance: none;background: transparent;border: 0;border-radius: 0;box-shadow: none;color: inherit;font: inherit;letter-spacing: inherit;line-height: inherit;text-transform: none;text-decoration: none;text-align: inherit;margin: 0;padding: 0;min-height: 0;width: auto;cursor: pointer;-webkit-tap-highlight-color: transparent}.uc-f2a .ucx-pq button:focus-visible,.uc-f2a .ucx-pq input:focus-visible,.uc-f2a .ucx-pq [tabindex]:focus-visible{outline: 2px solid var(--pq-acc);outline-offset: 1px}.uc-f2a .ucx-pq button[disabled],.uc-f2a .ucx-pq button[aria-disabled="true"]{cursor: not-allowed;opacity: .42}.uc-f2a .ucx-pq .pq-dim{color: var(--pq-dim)}.uc-f2a .ucx-pq .pq-mid{color: var(--pq-mid)}.uc-f2a .ucx-pq .pq-grow{flex: 1 1 0%}.uc-f2a .ucx-pq .pq-hi{color: var(--pq-hi)}.uc-f2a .ucx-pq .pq-mono{font-family: var(--pq-mono);font-size: 10px;line-height: 14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.uc-f2a .ucx-pq .pq-chev{width: 16px;height: 16px;flex: 0 0 auto;background: currentColor;color: var(--pq-dim);-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.88' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9L12 15L18 9'/%3E%3C/svg%3E") center / 16px 16px no-repeat;mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.88' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9L12 15L18 9'/%3E%3C/svg%3E") center / 16px 16px no-repeat;transition: transform .2s}.uc-f2a .ucx-pq .pq-toolrow{flex: 0 0 auto;padding: 12px;border-bottom: 1px solid var(--pq-line)}.uc-f2a .ucx-pq .pq-seg{--n: 3;--i: 0;position: relative;display: flex;align-items: center;gap: 2px;padding: 3px;border-radius: 8px;background: var(--pq-well);box-shadow: inset 0 0 0 1px var(--pq-line);min-width: 0}.uc-f2a .ucx-pq .pq-thumb{position: absolute;top: 3px;bottom: 3px;left: 3px;width: calc((100% - 6px - (var(--n) - 1) * 2px) / var(--n));border-radius: 6px;background: #202020 linear-gradient(rgba(255,255,255,.08),rgba(0,0,0,.03));box-shadow: inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(0,0,0,.07),0 2px 3px -1px rgba(0,0,0,.05);transform: translateX(calc(var(--i) * (100% + 2px)));transition: transform .32s cubic-bezier(.2,.8,.2,1);pointer-events: none}.uc-f2a .ucx-pq button.pq-segbtn{position: relative;flex: 1 1 0%;min-width: 0;min-height: 24px;display: flex;align-items: center;justify-content: center;padding: 0 6px;border-radius: 6px;font-size: 13px;font-weight: 500;line-height: 19.5px;color: var(--pq-dim);white-space: nowrap;transition: color .2s}.uc-f2a .ucx-pq button.pq-segbtn:hover{color: var(--pq-val)}.uc-f2a .ucx-pq button.pq-segbtn.is-on{color: var(--pq-hi)}.uc-f2a .ucx-pq .pq-seg--align,.uc-f2a .ucx-pq .pq-seg--two,.uc-f2a .ucx-pq .pq-seg--three,.uc-f2a .ucx-pq .pq-seg--four{background: var(--pq-ctl)}.uc-f2a .ucx-pq .pq-seg--align button.pq-segbtn,.uc-f2a .ucx-pq .pq-seg--two button.pq-segbtn,.uc-f2a .ucx-pq .pq-seg--three button.pq-segbtn,.uc-f2a .ucx-pq .pq-seg--four button.pq-segbtn{min-height: 22px;font-size: 12px}.uc-f2a .ucx-pq .pq-modetabs,.uc-f2a .ucx-pq .pq-ctabs{position: relative;flex: 0 0 auto;display: none;align-items: center;padding: 0 12px;border-bottom: 1px solid var(--pq-line);background: var(--pq-bg)}.uc-f2a .ucx-pq[data-tab="editor"] .pq-modetabs{display: flex}.uc-f2a .ucx-pq .pq-ctabs{display: flex;margin: -14px -14px 0;padding: 0 8px}.uc-f2a .ucx-pq button.pq-modebtn,.uc-f2a .ucx-pq button.pq-ctab{flex: 1 1 0;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 13px;font-weight: 500;line-height: 19.5px;color: var(--pq-dim);transition: color .2s}.uc-f2a .ucx-pq button.pq-ctab{font-size: 12px;height: 38px}.uc-f2a .ucx-pq button.pq-modebtn:hover,.uc-f2a .ucx-pq button.pq-ctab:hover{color: var(--pq-val)}.uc-f2a .ucx-pq[data-mode="design"] button.pq-modebtn[data-v="design"],.uc-f2a .ucx-pq[data-mode="developer"] button.pq-modebtn[data-v="developer"],.uc-f2a .ucx-pq button.pq-ctab.is-on{color: var(--pq-hi2)}.uc-f2a .ucx-pq .pq-modeind,.uc-f2a .ucx-pq .pq-cind{position: absolute;left: 12px;bottom: 0;width: calc((100% - 24px) / 2);height: 2px;border-radius: 2px;background: var(--pq-hi);transition: transform .32s cubic-bezier(.2,.8,.2,1);pointer-events: none}.uc-f2a .ucx-pq[data-mode="developer"] .pq-modeind{transform: translateX(100%)}.uc-f2a .ucx-pq .pq-cind{left: 8px;width: calc((100% - 16px) / 4)}.uc-f2a .ucx-pq[data-ctab="page"] .pq-cind{transform: translateX(100%)}.uc-f2a .ucx-pq[data-ctab="site"] .pq-cind{transform: translateX(200%)}.uc-f2a .ucx-pq[data-ctab="globals"] .pq-cind{transform: translateX(300%)}.uc-f2a .ucx-pq .pwr-screen{flex: 1 1 auto;position: relative;overflow: hidden;min-height: 0}.uc-f2a .ucx-pq .pwr-view{position: absolute;inset: 0;display: none;flex-direction: column}.uc-f2a .ucx-pq .pwr-view.is-on{display: flex;animation: pq-in .28s cubic-bezier(.2,.8,.2,1)}@keyframes pq-in{from{opacity: 0;transform: translateY(4px)}to{opacity: 1;transform: none}}.uc-f2a .ucx-pq .pq-chat{flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column}.uc-f2a .ucx-pq .pq-chatbody{flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 14px 16px 10px;overflow: hidden;-webkit-mask: linear-gradient(transparent 0,#000 28px);mask: linear-gradient(transparent 0,#000 28px)}.uc-f2a .ucx-pq .pq-setup{display: flex;flex-direction: column;align-items: flex-start;gap: 12px;padding: 0 4px 6px}.uc-f2a .ucx-pq.has-msgs .pq-setup{display: none}.uc-f2a .ucx-pq .pq-mark{display: inline-flex;line-height: 0}.uc-f2a .ucx-pq .pq-setup-head{display: flex;flex-direction: column;gap: 4px}.uc-f2a .ucx-pq .pq-setup-title{font-size: 14px;font-weight: 500;line-height: 21px;color: var(--pq-hi)}.uc-f2a .ucx-pq .pq-setup-note{font-size: 12px;line-height: 18px;color: var(--pq-mid);margin: 0}.uc-f2a .ucx-pq .pq-setup-note b{font-weight: 500;color: var(--pq-hi2)}.uc-f2a .ucx-pq .pq-msgs{display: flex;flex-direction: column;gap: 10px}.uc-f2a .ucx-pq .pq-msg{font-size: 13px;line-height: 19.5px;color: var(--pq-val);animation: pq-in .24s ease-out}.uc-f2a .ucx-pq .pq-msg p{margin: 0}.uc-f2a .ucx-pq .pq-msg--me{align-self: flex-end;max-width: 86%;padding: 8px 12px;border-radius: 12px 12px 4px 12px;background: #262626;color: var(--pq-hi)}.uc-f2a .ucx-pq .pq-msg--ai{display: flex;flex-direction: column;gap: 6px;padding-right: 8px}.uc-f2a .ucx-pq .pq-aihead{display: flex;align-items: center;gap: 6px;font-size: 12px;line-height: 16px;color: var(--pq-mid)}.uc-f2a .ucx-pq .pq-aihead svg{width: 14px;height: 14px}.uc-f2a .ucx-pq .pq-status{background: linear-gradient(90deg,var(--pq-dim) 0%,var(--pq-hi2) 50%,var(--pq-dim) 100%) 0 0 / 200% 100%;-webkit-background-clip: text;background-clip: text;color: transparent;animation: pq-shimmer 1.4s linear infinite}.uc-f2a .ucx-pq .pq-status.is-done{animation: none;background: none;color: var(--pq-mid)}@keyframes pq-shimmer{to{background-position: -200% 0}}.uc-f2a .ucx-pq .pq-done{display: flex;align-items: center;gap: 8px;font-size: 12px;line-height: 16px}.uc-f2a .ucx-pq .pq-donep{display: inline-flex;align-items: center;gap: 5px;height: 22px;padding: 0 8px;border-radius: 6px;background: var(--pq-well);box-shadow: inset 0 0 0 1px var(--pq-line);color: var(--pq-mid)}.uc-f2a .ucx-pq .pq-donep::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: #4ade80}.uc-f2a .ucx-pq button.pq-undo{height: 22px;padding: 0 8px;border-radius: 6px;color: var(--pq-mid)}.uc-f2a .ucx-pq button.pq-undo:hover{color: var(--pq-hi);background: rgba(255,255,255,.06)}.uc-f2a .ucx-pq .pq-sugs{flex: 0 0 auto;display: flex;flex-wrap: wrap;gap: 6px;padding: 0 16px 10px}.uc-f2a .ucx-pq button.pq-chip{display: inline-flex;align-items: center;height: 26px;padding: 0 11px;border-radius: 999px;box-shadow: inset 0 0 0 1px var(--pq-line);font-size: 12px;font-weight: 500;line-height: 12px;color: var(--pq-hi2);white-space: nowrap;transition: background .15s,box-shadow .15s}.uc-f2a .ucx-pq button.pq-chip:hover{background: rgba(255,255,255,.06);box-shadow: inset 0 0 0 1px var(--pq-line2)}.uc-f2a .ucx-pq.is-busy button.pq-chip{opacity: .45;pointer-events: none}.uc-f2a .ucx-pq .pq-sugs.is-nudge button.pq-chip{animation: pq-nudge .5s ease-in-out;box-shadow: inset 0 0 0 1px var(--pq-acc)}@keyframes pq-nudge{25%{transform: translateY(-2px)}75%{transform: translateY(1px)}}.uc-f2a .ucx-pq .pq-composer{position: relative;z-index: 1;flex: 0 0 auto;margin: 0 16px;padding: 8px 8px 8px 14px;display: flex;flex-direction: column;gap: 8px;border: 1px solid var(--pq-line2);border-radius: 12px;background: var(--pq-bg)}.uc-f2a .ucx-pq .pq-prompt{min-height: 46px;padding: 2px 2px 0;font-size: 14px;line-height: 22.75px;color: var(--pq-hi);cursor: text}.uc-f2a .ucx-pq .pq-prompt.is-empty [data-ptext]::before{content: "Pick a suggestion to try";color: var(--pq-faint)}.uc-f2a .ucx-pq .pq-caret{display: inline-block;width: 1.5px;height: 15px;margin-left: 2px;vertical-align: -2px;background: var(--pq-acc);animation: pq-blink 1.05s steps(1) infinite}@keyframes pq-blink{50%{opacity: 0}}.uc-f2a .ucx-pq .pq-cfoot{display: flex;align-items: center;gap: 4px;padding-top: 2px}.uc-f2a .ucx-pq .pq-ibtn{width: 28px;height: 28px;flex: 0 0 auto;display: flex;align-items: center;justify-content: center;border-radius: 8px;color: var(--pq-mid)}.uc-f2a .ucx-pq button.pq-ibtn{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;border-radius: 8px;color: var(--pq-mid)}.uc-f2a .ucx-pq button.pq-ibtn:hover{color: var(--pq-hi);background: rgba(255,255,255,.06)}.uc-f2a .ucx-pq .pq-ibtn--dim{color: var(--pq-dim)}.uc-f2a .ucx-pq .pq-model{height: 28px;display: inline-flex;align-items: center;gap: 8px;padding: 0 12px;border-radius: 8px;font-size: 13px;font-weight: 500;line-height: 13px;color: var(--pq-mid);white-space: nowrap}.uc-f2a .ucx-pq button.pq-send{width: 28px;height: 28px;flex: 0 0 auto;display: flex;align-items: center;justify-content: center;border-radius: 8px;background: #f5f5f5;color: var(--pq-bg);box-shadow: inset 0 1px 0 rgba(255,255,255,.18),0 1px 2px rgba(0,0,0,.07),0 2px 3px -1px rgba(0,0,0,.05)}.uc-f2a .ucx-pq button.pq-send:hover{background: #ffffff;color: var(--pq-bg)}.uc-f2a .ucx-pq .pq-tray{flex: 0 0 auto;display: flex;align-items: center;gap: 8px;margin: -12px 22px 14px;padding: 20px 10px 8px;border-radius: 0 0 12px 12px;background: rgba(128,128,128,.12);font-size: 12px;line-height: 18px}.uc-f2a .ucx-pq button.pq-scope{height: 28px;display: inline-flex;align-items: center;justify-content: space-between;gap: 8px;padding: 0 8px;border-radius: 8px;background: rgba(255,255,255,.05) linear-gradient(rgba(255,255,255,.08),rgba(0,0,0,.03));box-shadow: inset 0 0 0 1px var(--pq-line),inset 0 1px 0 rgba(255,255,255,.1),0 1px 2px rgba(0,0,0,.04);font-size: 13px;line-height: 19.5px;color: var(--pq-hi)}.uc-f2a .ucx-pq .pq-scope-l{display: inline-flex;align-items: center;gap: 6px}.uc-f2a .ucx-pq .pq-body{flex: 1 1 auto;min-height: 0;overflow: hidden auto;padding: 6px;scrollbar-width: thin;scrollbar-color: #3a3a3a transparent}.uc-f2a .ucx-pq .pq-crumbs{display: flex;align-items: center;margin: 0 0 6px;padding: 10px 12px;border-radius: 8px;background: var(--pq-card);font-size: 12px;line-height: 16px}.uc-f2a .ucx-pq .pq-crumb,.uc-f2a .ucx-pq button.pq-crumb{display: flex;align-items: center;padding: 2px 4px;border-radius: 6px;color: var(--pq-dim);white-space: nowrap}.uc-f2a .ucx-pq button.pq-crumb:hover{color: var(--pq-hi2);background: rgba(255,255,255,.05)}.uc-f2a .ucx-pq .pq-crumb.is-cur,.uc-f2a .ucx-pq[data-sel="card"] button.pq-crumb--card{color: var(--pq-hi);font-weight: 500}.uc-f2a .ucx-pq .pq-crumbtail{display: flex;align-items: center}.uc-f2a .ucx-pq[data-sel="card"] .pq-crumbtail{display: none}.uc-f2a .ucx-pq .pq-sep{box-sizing: content-box;padding: 0 2px;color: var(--pq-faint)}.uc-f2a .ucx-pq .pq-secs{display: flex;flex-direction: column;gap: 6px}.uc-f2a .ucx-pq .pq-sec{position: relative;border-radius: 8px;background: var(--pq-card);overflow: hidden}.uc-f2a .ucx-pq .pq-sec[data-for]{display: none}.uc-f2a .ucx-pq[data-sel="heading"] .pq-sec[data-for~="heading"],.uc-f2a .ucx-pq[data-sel="text"] .pq-sec[data-for~="text"],.uc-f2a .ucx-pq[data-sel="button"] .pq-sec[data-for~="button"],.uc-f2a .ucx-pq[data-sel="card"] .pq-sec[data-for~="card"]{display: block}.uc-f2a .ucx-pq .pq-sech,.uc-f2a .ucx-pq button.pq-sech{width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 12px;font-size: 12px;font-weight: 500;line-height: 16.8px;color: var(--pq-hi);text-align: left}.uc-f2a .ucx-pq button.pq-sech:hover{background: rgba(255,255,255,.025)}.uc-f2a .ucx-pq .pq-sec.is-off .pq-sech{color: var(--pq-faint);cursor: default}.uc-f2a .ucx-pq .pq-sech--el{min-height: 44px}.uc-f2a .ucx-pq .pq-secn{flex: 1 1 0%;min-width: 0;display: flex;align-items: center;gap: 6px}.uc-f2a .ucx-pq .pq-sec.is-open .pq-chev{transform: rotate(180deg)}.uc-f2a .ucx-pq .pq-dot{width: 5px;height: 5px;flex: 0 0 auto;border-radius: 9999px;background: var(--pq-hi2);display: none}.uc-f2a .ucx-pq .pq-sec.is-set .pq-secn .pq-dot,.uc-f2a .ucx-pq .pq-lab.is-set .pq-dot{display: block}.uc-f2a .ucx-pq .pq-secb{display: none;padding: 2px 12px 12px;font-size: 12px;line-height: 16.8px;color: var(--pq-dim)}.uc-f2a .ucx-pq .pq-sec.is-open .pq-secb{display: block}.uc-f2a .ucx-pq .pq-rows{display: flex;flex-direction: column;gap: 10px}.uc-f2a .ucx-pq .pq-row{display: grid;grid-template-columns: 76px minmax(0,1fr);align-items: center;gap: 4px 8px}.uc-f2a .ucx-pq .pq-row[data-when].is-hide{display: none}.uc-f2a .ucx-pq .pq-lab{display: flex;align-items: center;gap: 4px;padding: 1px 0;font-size: 12px;line-height: 16.8px;color: var(--pq-mid);white-space: nowrap;overflow: hidden;cursor: inherit}.uc-f2a .ucx-pq .pq-lab.is-set{color: var(--pq-hi)}.uc-f2a .ucx-pq .pq-in{flex: 1 1 auto;min-width: 0;height: 28px;display: flex;align-items: center;border-radius: 8px;background: var(--pq-ctl);box-shadow: var(--pq-ring);font-size: 13px;line-height: 16px;color: var(--pq-val)}.uc-f2a .ucx-pq .pq-val{flex: 1 1 auto;min-width: 0;padding: 0 8px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}.uc-f2a .ucx-pq .pq-unit{flex: 0 0 auto;padding: 0 2px 0 4px;font-family: var(--pq-mono);font-size: 11px;font-weight: 500;line-height: 13px;color: var(--pq-dim)}.uc-f2a .ucx-pq .pq-sws{display: flex;flex-wrap: wrap;gap: 6px}.uc-f2a .ucx-pq button.pq-sw2{position: relative;width: 24px;height: 24px;border-radius: 6px;background: var(--sw);box-shadow: inset 0 0 0 1px rgba(255,255,255,.14);transition: box-shadow .15s,transform .15s}.uc-f2a .ucx-pq button.pq-sw2::after{content: "";position: absolute;inset: -4px}.uc-f2a .ucx-pq button.pq-sw2:hover{transform: translateY(-1px);background: var(--sw)}.uc-f2a .ucx-pq button.pq-sw2.is-on{box-shadow: 0 0 0 2px var(--pq-bg),0 0 0 3.5px var(--pq-hi2)}.uc-f2a .ucx-pq [data-v="ink"]{--sw: #0a0a0a}.uc-f2a .ucx-pq [data-v="graphite"]{--sw: #3f3f46}.uc-f2a .ucx-pq [data-v="slate"]{--sw: #71717a}.uc-f2a .ucx-pq [data-v="mist"]{--sw: #a1a1aa}.uc-f2a .ucx-pq [data-v="brand"]{--sw: #fd6a35}.uc-f2a .ucx-pq [data-v="teal"]{--sw: #0f766e}.uc-f2a .ucx-pq [data-v="surface"]{--sw: #f9f9fb}.uc-f2a .ucx-pq [data-v="white"]{--sw: #ffffff}.uc-f2a .ucx-pq [data-v="peach"]{--sw: #fff1ea}.uc-f2a .ucx-pq [data-v="line"]{--sw: #e4e4e7}.uc-f2a .ucx-pq .pq-sl{display: grid;grid-template-columns: minmax(0,1fr) 34px auto;align-items: center;gap: 6px;height: 28px;padding: 0 6px 0 10px;border-radius: 8px;background: var(--pq-ctl);box-shadow: var(--pq-ring)}.uc-f2a .ucx-pq .pq-range{-webkit-appearance: none;appearance: none;width: 100%;height: 20px;margin: 0;padding: 0;background: transparent;cursor: pointer;--pct: 50%}.uc-f2a .ucx-pq .pq-range::-webkit-slider-runnable-track{height: 4px;border-radius: 2px;background: linear-gradient(90deg,var(--pq-hi2) var(--pct),#3a3a3a var(--pct))}.uc-f2a .ucx-pq .pq-range::-moz-range-track{height: 4px;border-radius: 2px;background: #3a3a3a}.uc-f2a .ucx-pq .pq-range::-moz-range-progress{height: 4px;border-radius: 2px;background: var(--pq-hi2)}.uc-f2a .ucx-pq .pq-range::-webkit-slider-thumb{-webkit-appearance: none;width: 14px;height: 14px;margin-top: -5px;border: 0;border-radius: 50%;background: #fff;box-shadow: 0 0 0 3px rgba(0,0,0,.35)}.uc-f2a .ucx-pq .pq-range::-moz-range-thumb{width: 14px;height: 14px;border: 0;border-radius: 50%;background: #fff;box-shadow: 0 0 0 3px rgba(0,0,0,.35)}.uc-f2a .ucx-pq .pq-out{font-family: var(--pq-mono);font-size: 12px;line-height: 14px;color: var(--pq-hi);text-align: right;font-variant-numeric: tabular-nums}.uc-f2a .ucx-pq .pq-step{display: inline-flex;align-items: center;justify-self: start;height: 28px;border-radius: 8px;background: var(--pq-ctl);box-shadow: var(--pq-ring)}.uc-f2a .ucx-pq button.pq-stb{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;border-radius: 8px;color: var(--pq-mid)}.uc-f2a .ucx-pq button.pq-stb:hover{color: var(--pq-hi);background: rgba(255,255,255,.06)}.uc-f2a .ucx-pq .pq-step .pq-out{min-width: 14px;text-align: center}.uc-f2a .ucx-pq .pq-opts{display: flex;flex-direction: column;gap: 4px}.uc-f2a .ucx-pq button.pq-opt{width: 100%;min-height: 28px;display: flex;align-items: center;padding: 4px 10px;border-radius: 8px;background: var(--pq-ctl);box-shadow: var(--pq-ring);font-size: 12.5px;line-height: 17px;color: var(--pq-mid);text-align: left}.uc-f2a .ucx-pq button.pq-opt:hover{color: var(--pq-hi2);background: var(--pq-ctl)}.uc-f2a .ucx-pq button.pq-opt.is-on{color: var(--pq-hi);box-shadow: inset 0 0 0 1px var(--pq-hi2)}.uc-f2a .ucx-pq .pq-linkrow{display: grid;grid-template-columns: 76px minmax(0,1fr);align-items: center;gap: 8px;margin-top: 10px}.uc-f2a .ucx-pq .pq-in--ro{color: var(--pq-dim)}.uc-f2a .ucx-pq .pq-togs{display: flex;flex-wrap: wrap;gap: 4px 14px;margin: 8px 0 0 84px}.uc-f2a .ucx-pq button.pq-tog{display: inline-flex;align-items: center;gap: 6px;min-height: 24px;font-size: 12px;color: var(--pq-mid)}.uc-f2a .ucx-pq button.pq-tog:hover{color: var(--pq-hi2)}.uc-f2a .ucx-pq .pq-box{width: 14px;height: 14px;border-radius: 4px;box-shadow: inset 0 0 0 1px var(--pq-line2);background: var(--pq-ctl);position: relative}.uc-f2a .ucx-pq button.pq-tog[aria-pressed="true"]{color: var(--pq-hi)}.uc-f2a .ucx-pq button.pq-tog[aria-pressed="true"] .pq-box{background: var(--pq-hi2);box-shadow: none}.uc-f2a .ucx-pq button.pq-tog[aria-pressed="true"] .pq-box::after{content: "";position: absolute;left: 4.5px;top: 2px;width: 4px;height: 7px;border: solid var(--pq-bg);border-width: 0 2px 2px 0;transform: rotate(45deg)}.uc-f2a .ucx-pq .pq-addrow{margin-top: 2px;padding-top: 10px;border-top: 1px solid var(--pq-line)}.uc-f2a .ucx-pq .pq-add{height: 28px;display: flex;align-items: center;gap: 8px;padding: 0 12px;border-radius: 8px;font-size: 13px;font-weight: 500;line-height: 13px;color: var(--pq-mid)}.uc-f2a .ucx-pq .pq-add.is-off{color: var(--pq-faint);margin-top: 8px;padding: 0 2px}.uc-f2a .ucx-pq .pq-avail{margin-left: auto;height: 20px;display: inline-flex;align-items: center;padding: 0 8px;border-radius: 9999px;background: var(--pq-well);font-size: 12px;font-weight: 400;line-height: 12px;color: var(--pq-dim)}.uc-f2a .ucx-pq .pq-attr{display: flex;justify-content: space-between;gap: 8px;padding: 7px 10px;border-radius: 8px;background: var(--pq-ctl);box-shadow: var(--pq-ring)}.uc-f2a .ucx-pq .pq-eltools{display: flex;align-items: center;gap: 2px;margin-right: 2px}.uc-f2a .ucx-pq button.pq-tag{height: 24px;display: inline-flex;align-items: center;gap: 3px;padding: 0 7px;border-radius: 6px;font-family: var(--pq-mono);font-size: 10px;line-height: 15px;color: var(--pq-mid);box-shadow: inset 0 0 0 1px var(--pq-line)}.uc-f2a .ucx-pq[data-sel="heading"] button.pq-tag:hover{color: var(--pq-hi);box-shadow: inset 0 0 0 1px var(--pq-line2)}.uc-f2a .ucx-pq .pq-pills{display: grid;grid-template-columns: minmax(0,1fr);gap: 6px;padding: 2px 12px 12px}.uc-f2a .ucx-pq .pq-seg--scope button.pq-segbtn,.uc-f2a .ucx-pq .pq-seg--state button.pq-segbtn{min-height: 22px;font-size: 12px;padding: 0 6px}.uc-f2a .ucx-pq .pq-seg--scope .pq-mono,.uc-f2a .ucx-pq .pq-pills button.pq-segbtn{overflow: hidden;text-overflow: ellipsis}.uc-f2a .ucx-pq .pq-seg--scope .pq-mono{font-size: 10.5px}.uc-f2a .ucx-pq .pq-code{flex: 1 1 auto;min-height: 0;display: flex;flex-direction: column;gap: 10px;padding: 14px}.uc-f2a .ucx-pq [data-show]{display: none}.uc-f2a .ucx-pq[data-ctab="standard"] [data-show~="standard"],.uc-f2a .ucx-pq[data-ctab="page"] [data-show~="page"],.uc-f2a .ucx-pq[data-ctab="site"] [data-show~="site"]{display: block}.uc-f2a .ucx-pq[data-ctab="globals"] [data-show~="globals"]{display: flex}.uc-f2a .ucx-pq .pq-pane[data-show]{flex: 1 1 auto;min-height: 0;flex-direction: column;border: 1px solid var(--pq-line);border-radius: 4px;background: var(--pq-bg);overflow: hidden}.uc-f2a .ucx-pq[data-ctab="standard"] .pq-pane,.uc-f2a .ucx-pq[data-ctab="page"] .pq-pane,.uc-f2a .ucx-pq[data-ctab="site"] .pq-pane{display: flex}.uc-f2a .ucx-pq .pq-paneh{flex: 0 0 auto;display: flex;align-items: center;justify-content: space-between;gap: 8px;padding: 6px 6px 6px 10px;border-bottom: 1px solid var(--pq-line);background: linear-gradient(#202020,#171717)}.uc-f2a .ucx-pq .pq-panet{display: flex;align-items: center;gap: 8px;font-size: 12px;font-weight: 500;line-height: 18px;color: var(--pq-hi)}.uc-f2a .ucx-pq .pq-li{display: none}.uc-f2a .ucx-pq .pq-panet[data-ico="html"] .pq-li--html,.uc-f2a .ucx-pq .pq-panet[data-ico="css"] .pq-li--css,.uc-f2a .ucx-pq .pq-panet[data-ico="js"] .pq-li--js{display: block}.uc-f2a .ucx-pq .pq-tools{display: flex;align-items: center;gap: 2px}.uc-f2a .ucx-pq button.pq-tbtn{height: 26px;display: inline-flex;align-items: center;gap: 6px;padding: 0 9px;border-radius: 8px;font-size: 12px;font-weight: 500;line-height: 12px;color: var(--pq-mid)}.uc-f2a .ucx-pq button.pq-tbtn:hover,.uc-f2a .ucx-pq button.pq-tbtn[aria-pressed="true"]{color: var(--pq-hi);background: rgba(255,255,255,.06)}.uc-f2a .ucx-pq .pq-cm{flex: 1 1 auto;min-height: 0;overflow: auto;padding: 4px 0 8px;font-family: var(--pq-mono);font-size: 11.5px;line-height: 18px;color: var(--pq-mid);counter-reset: pqln;user-select: text;overflow: scroll;scrollbar-width: thin;scrollbar-color: #4a4a4a #1d1d1d}.uc-f2a .ucx-pq .pq-cm::-webkit-scrollbar{width: 8px;height: 8px}.uc-f2a .ucx-pq .pq-cm::-webkit-scrollbar-track{background: #1d1d1d}.uc-f2a .ucx-pq .pq-cm::-webkit-scrollbar-thumb{background: #4a4a4a;border: 2px solid #1d1d1d;border-radius: 8px}.uc-f2a .ucx-pq .pq-cm::-webkit-scrollbar-thumb:hover{background: #5e5e5e}.uc-f2a .ucx-pq .pq-cm::-webkit-scrollbar-corner{background: #1d1d1d}.uc-f2a .ucx-pq .pq-ln{width: max-content;min-width: 100%}.uc-f2a .ucx-pq .pq-ln{position: relative;display: block;padding: 0 8px 0 36px;white-space: pre;counter-increment: pqln}.uc-f2a .ucx-pq .pq-ln::before{content: counter(pqln);position: absolute;left: 0;width: 26px;text-align: right;color: var(--pq-faint);font-variant-numeric: tabular-nums}.uc-f2a .ucx-pq .pq-ln.is-new{animation: pq-flash 1.4s ease-out}.uc-f2a .ucx-pq .pq-ln.is-new::after{content: "";position: absolute;left: 29px;top: 2px;bottom: 2px;width: 2px;border-radius: 1px;background: var(--pq-acc);animation: pq-fade 1.4s ease-out forwards}@keyframes pq-flash{from{background: rgba(253,106,53,.16)}to{background: transparent}}@keyframes pq-fade{70%{opacity: 1}to{opacity: 0}}.uc-f2a .ucx-pq .pq-ln i{font-style: normal}.uc-f2a .ucx-pq .pq-ln .t{color: var(--pq-tag)}.uc-f2a .ucx-pq .pq-ln .a{color: var(--pq-attr)}.uc-f2a .ucx-pq .pq-ln .s{color: var(--pq-str)}.uc-f2a .ucx-pq .pq-ln .c{color: var(--pq-dim)}.uc-f2a .ucx-pq .pq-globals{flex-direction: column;gap: 6px}.uc-f2a .ucx-pq .pq-gh{display: flex;flex-direction: column;gap: 2px;padding: 4px 2px 6px}.uc-f2a .ucx-pq button.pq-grow2{width: 100%;height: 40px;display: flex;align-items: center;gap: 10px;padding: 0 12px;border-radius: 8px;background: var(--pq-card);font-size: 12.5px;font-weight: 500;color: var(--pq-hi)}.uc-f2a .ucx-pq button.pq-grow2:hover{background: #262626}.uc-f2a .ucx-pq .pq-gsw{display: flex;gap: 3px;margin-left: auto}.uc-f2a .ucx-pq .pq-gsw i{width: 12px;height: 12px;border-radius: 3px;background: var(--sw);box-shadow: inset 0 0 0 1px rgba(255,255,255,.14)}.uc-f2a .ucx-pq .pq-gval{margin-left: auto;font-size: 12px;font-weight: 400;color: var(--pq-mid)}.uc-f2a .ucx-pq .pq-gsw + .pq-avail{margin-left: 0}.uc-f2a .ucx-pq .pq-pulse{position: relative}.uc-f2a .ucx-pq .pq-pulse::after{content: "";position: absolute;inset: -3px;border-radius: 9px;box-shadow: 0 0 0 2px var(--pq-acc);animation: pq-pulse 2.4s ease-out infinite;pointer-events: none}@keyframes pq-pulse{0%{opacity: .9;transform: scale(.96)}70%{opacity: 0;transform: scale(1.12)}100%{opacity: 0}}.uc-f2a .ucx-pq .pq-press{animation: pq-press .36s ease-out}@keyframes pq-press{40%{transform: scale(.94);filter: brightness(1.4)}}.uc-f2a .ucx-pq-canvas{--cv-h-size: 28px;--cv-h-lh: 1.2;--cv-h-ls: -0.01em;--cv-h-w: 500;--cv-h-color: #0a0a0a;--cv-h-align: left;--cv-t-size: 14px;--cv-t-lh: 1.55;--cv-t-color: #a1a1aa;--cv-t-align: left;--cv-b-fill: #0a0a0a;--cv-b-fg: #ffffff;--cv-b-r: 6px;--cv-b-px: 16px;--cv-b-py: 10px;--cv-b-bw: 0px;--cv-b-bc: #e4e4e7;--cv-b-op: 1;--cv-b-lift: 0px;--cv-c-bg: #ffffff;--cv-c-r: 12px;--cv-c-pad: 20px;--cv-c-gap: 10px;--cv-c-bw: 1px;--cv-c-bc: #e4e4e7;--cv-c-op: 1;--cv-k: 1;position: relative;max-width: 464px;margin: 32px 0 0 24px;border: 1px solid #e7e7ea;border-radius: 14px;background: #f9f9fb;overflow: hidden;contain: layout paint;font-family: "zalando sans","zalando sans Fallback",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;text-align: left}.uc-f2a .ucx-pq-canvas .pqv-bar{display: flex;align-items: center;gap: 10px;height: 32px;padding: 0 12px;border-bottom: 1px solid #ececf0;background: #ffffff;font-size: 11.5px;line-height: 1;color: #8a8a93}.uc-f2a .ucx-pq-canvas .pqv-dots{display: flex;gap: 5px}.uc-f2a .ucx-pq-canvas .pqv-dots i{width: 8px;height: 8px;border-radius: 50%;background: #e1e1e6}.uc-f2a .ucx-pq-canvas .pqv-url{flex: 1 1 auto}.uc-f2a .ucx-pq-canvas .pqv-live{display: inline-flex;align-items: center;gap: 6px;color: #5b5b63}.uc-f2a .ucx-pq-canvas .pqv-live::before{content: "";width: 6px;height: 6px;border-radius: 50%;background: #fd6a35}.uc-f2a .ucx-pq-canvas .pqv-stage{padding: 22px;background-color: #f9f9fb;background-image: radial-gradient(#e2e2e8 1px,transparent 1px);background-size: 16px 16px}.uc-f2a .ucx-pq-canvas .pqv-card{position: relative;display: flex;flex-direction: column;align-items: flex-start;gap: var(--cv-c-gap);padding: var(--cv-c-pad);border: var(--cv-c-bw) solid var(--cv-c-bc);border-radius: var(--cv-c-r);background: var(--cv-c-bg);opacity: var(--cv-c-op);cursor: pointer;transition: box-shadow .3s,background-color .3s,opacity .3s}.uc-f2a .ucx-pq-canvas .pqv-card[data-bgtype="gradient"][data-grad="ember"]{background: linear-gradient(135deg,#fff1ea 0%,#ffdcca 100%)}.uc-f2a .ucx-pq-canvas .pqv-card[data-bgtype="gradient"][data-grad="mist"]{background: linear-gradient(135deg,#f9f9fb 0%,#e6e6ef 100%)}.uc-f2a .ucx-pq-canvas .pqv-card[data-align="center"]{align-items: center;text-align: center}.uc-f2a .ucx-pq-canvas [data-shadow="soft"]{box-shadow: 0 1px 2px rgba(10,10,10,.06),0 4px 12px rgba(10,10,10,.06)}.uc-f2a .ucx-pq-canvas [data-shadow="medium"]{box-shadow: 0 4px 10px rgba(10,10,10,.08),0 12px 28px rgba(10,10,10,.1)}.uc-f2a .ucx-pq-canvas [data-shadow="lifted"]{box-shadow: 0 10px 20px rgba(10,10,10,.1),0 28px 56px rgba(10,10,10,.16)}.uc-f2a .ucx-pq-canvas .pqv-card[data-hshadow="soft"]:hover,.uc-f2a .ucx-pq-canvas .pqv-card[data-hshadow="soft"].is-hp{box-shadow: 0 1px 2px rgba(10,10,10,.06),0 4px 12px rgba(10,10,10,.06)}.uc-f2a .ucx-pq-canvas .pqv-card[data-hshadow="medium"]:hover,.uc-f2a .ucx-pq-canvas .pqv-card[data-hshadow="medium"].is-hp{box-shadow: 0 4px 10px rgba(10,10,10,.08),0 12px 28px rgba(10,10,10,.1)}.uc-f2a .ucx-pq-canvas .pqv-card[data-hshadow="lifted"]:hover,.uc-f2a .ucx-pq-canvas .pqv-card[data-hshadow="lifted"].is-hp{box-shadow: 0 10px 20px rgba(10,10,10,.1),0 28px 56px rgba(10,10,10,.16)}.uc-f2a .ucx-pq-canvas .pqv-eyebrow{font-size: 11px;font-weight: 500;letter-spacing: .08em;text-transform: uppercase;color: #8a8a93;line-height: 1.3}.uc-f2a .ucx-pq-canvas .pqv-title{align-self: stretch;margin: 0;font-size: calc(var(--cv-h-size) * var(--cv-k));font-weight: var(--cv-h-w);line-height: var(--cv-h-lh);letter-spacing: var(--cv-h-ls);color: var(--cv-h-color);text-align: var(--cv-h-align);transition: color .3s}.uc-f2a .ucx-pq-canvas .pqv-text{align-self: stretch;margin: 0;font-size: calc(var(--cv-t-size) * var(--cv-k));line-height: var(--cv-t-lh);color: var(--cv-t-color);text-align: var(--cv-t-align);transition: color .3s}.uc-f2a .ucx-pq-canvas [data-font="serif"]{font-family: ui-serif,Georgia,"Times New Roman",serif}.uc-f2a .ucx-pq-canvas [data-font="mono"]{font-family: ui-monospace,"SF Mono",Menlo,Consolas,monospace}.uc-f2a .ucx-pq-canvas .pqv-btn{display: inline-flex;align-items: center;margin-top: 4px;padding: var(--cv-b-py) var(--cv-b-px);border: var(--cv-b-bw) solid var(--cv-b-bc);border-radius: var(--cv-b-r);background: var(--cv-b-fill);color: var(--cv-b-fg);opacity: var(--cv-b-op);font-size: 14px;font-weight: 500;line-height: 1;white-space: nowrap;transition: background-color .3s,color .3s,transform .2s,box-shadow .2s}.uc-f2a .ucx-pq-canvas .pqv-btn:hover,.uc-f2a .ucx-pq-canvas .pqv-btn.is-hp{transform: translateY(calc(var(--cv-b-lift) * -1))}.uc-f2a .ucx-pq-canvas .pqv-btn[data-hshadow="soft"]:hover,.uc-f2a .ucx-pq-canvas .pqv-btn[data-hshadow="soft"].is-hp{box-shadow: 0 1px 2px rgba(10,10,10,.1),0 6px 14px rgba(10,10,10,.14)}.uc-f2a .ucx-pq-canvas .pqv-btn[data-hshadow="medium"]:hover,.uc-f2a .ucx-pq-canvas .pqv-btn[data-hshadow="medium"].is-hp{box-shadow: 0 4px 10px rgba(10,10,10,.14),0 12px 24px rgba(10,10,10,.16)}.uc-f2a .ucx-pq-canvas .pqv-btn[data-hshadow="lifted"]:hover,.uc-f2a .ucx-pq-canvas .pqv-btn[data-hshadow="lifted"].is-hp{box-shadow: 0 10px 20px rgba(10,10,10,.16),0 22px 40px rgba(10,10,10,.2)}.uc-f2a .ucx-pq-canvas .is-hp{outline-style: dashed !important}.uc-f2a .ucx-pq-canvas [role="button"]{cursor: pointer;outline: 1px dashed transparent;outline-offset: 3px;border-radius: 2px}.uc-f2a .ucx-pq-canvas [role="button"]:hover{outline-color: rgba(224,56,154,.45)}.uc-f2a .ucx-pq-canvas [role="button"]:focus-visible{outline: 2px solid #fd6a35;outline-offset: 3px}.uc-f2a .ucx-pq-canvas .is-sel{position: relative;outline: 1.5px solid #e0389a !important;outline-offset: 3px}.uc-f2a .ucx-pq-canvas .is-sel::after{content: attr(data-tag);position: absolute;right: -4.5px;bottom: calc(100% + 4px);z-index: 2;padding: 2px 5px;border-radius: 3px 3px 0 0;background: #e0389a;color: #fff;font: 500 9.5px/1.3 ui-monospace,"SF Mono",Menlo,monospace;letter-spacing: 0;text-transform: none;white-space: nowrap;pointer-events: none}.uc-f2a .ucx-pq-canvas .pqv-card.is-sel::after{right: auto;left: -4.5px}.uc-f2a .ucx-pq-canvas .pqv-hint{margin: 0;padding: 9px 14px;border-top: 1px solid #ececf0;background: #ffffff;font-size: 12px;line-height: 1.4;color: #8a8a93}.uc-f2a .ucx-pwr-editor::before,.uc-f2a .ucx-pq,.uc-f2a .ucx-pq-canvas{will-change: transform}.uc-f2a .ucx-pwr-grid{position: relative}.uc-f2a .ucx-pq-ghost{position: absolute;left: 0;top: 0;z-index: 5;width: 20px;height: 22px;pointer-events: none;opacity: 0;transform: translate(var(--gx,70%),var(--gy,60%));transition: transform .65s cubic-bezier(.45,0,.2,1),opacity .3s;filter: drop-shadow(0 2px 3px rgba(0,0,0,.35))}.uc-f2a .ucx-pq-ghost::before{content: "";position: absolute;left: -10px;top: -10px;width: 24px;height: 24px;border-radius: 50%;background: radial-gradient(rgba(253,106,53,.45),rgba(253,106,53,0) 70%)}.uc-f2a .ucx-pq-ghost.is-on{opacity: 1}.uc-f2a .ucx-pq-ghost.is-drag{transition: transform .07s linear,opacity .3s}.uc-f2a .ucx-pq-ghost.is-press svg{transform: scale(.86);transform-origin: 2px 2px;transition: transform .12s}.uc-f2a .ucx-pq-coach{position: absolute;z-index: 4;top: -16px;right: 18px;display: none;align-items: center;gap: 8px;height: 32px;padding: 0 6px 0 12px;border-radius: 999px;background: #ffffff;box-shadow: 0 0 0 1px rgba(10,10,10,.08),0 8px 24px -8px rgba(10,10,10,.3);font-size: 13px;font-weight: 500;line-height: 1;color: #0a0a0a;white-space: nowrap}.uc-f2a .ucx-pq-coach.is-on{display: inline-flex;animation: pq-in .3s ease-out}.uc-f2a .ucx-pq-coach-d{position: relative;width: 8px;height: 8px;border-radius: 50%;background: #fd6a35}.uc-f2a .ucx-pq-coach-d::after{content: "";position: absolute;inset: -4px;border-radius: 50%;box-shadow: 0 0 0 2px #fd6a35;animation: pq-pulse 2.4s ease-out infinite}.uc-f2a button.ucx-pq-x,.uc-f2a button.ucx-pq-x:hover,.uc-f2a button.ucx-pq-x:focus{appearance: none;width: 22px;height: 22px;display: grid;place-items: center;margin: 0;padding: 0;border: 0;border-radius: 50%;background: #f1f1f4;color: #5b5b63;box-shadow: none;cursor: pointer}.uc-f2a button.ucx-pq-x:hover{background: #e7e7ea;color: #0a0a0a}.uc-f2a button.ucx-pq-x:focus-visible{outline: 2px solid #fd6a35;outline-offset: 1px}.uc-f2a .ucx-pwr.is-pq-user .ucx-pwr-slidewrap::after{opacity: 0}.uc-f2a .ucx-pwr.is-pq-off *,.uc-f2a .ucx-pwr.is-pq-off *::before,.uc-f2a .ucx-pwr.is-pq-off *::after{animation-play-state: paused !important}.uc-f2a .ucx-pq .pq-sec.is-off button.pq-sech[aria-disabled="true"]{opacity: 1;color: var(--pq-faint)}.uc-f2a .ucx-pq .pq-sec.is-off button.pq-sech[aria-disabled="true"]:hover{background: transparent;color: var(--pq-dim)}.uc-f2a .ucx-pq .pq-lock{width: 11px;height: 11px;margin-left: 2px;color: var(--pq-faint)}.uc-f2a .ucx-pq button.pq-model{height: 28px;display: inline-flex;align-items: center;gap: 8px;padding: 0 12px;border-radius: 8px;font-size: 13px;font-weight: 500;line-height: 13px;color: var(--pq-mid);white-space: nowrap}.uc-f2a .ucx-pq button.pq-add{height: 28px;display: flex;align-items: center;gap: 8px;width: 100%;padding: 0 12px;border-radius: 8px;font-size: 13px;font-weight: 500;line-height: 13px;color: var(--pq-mid)}.uc-f2a .ucx-pq button.pq-add.is-off{width: auto;margin-top: 8px;padding: 0 2px;color: var(--pq-faint)}.uc-f2a .ucx-pq button.pq-in{height: 28px;display: flex;align-items: center;gap: 6px;padding-right: 8px;border-radius: 8px;background: var(--pq-ctl);box-shadow: var(--pq-ring);font-size: 13px;line-height: 16px;color: var(--pq-dim);text-align: left}.uc-f2a .ucx-pq .pq-note{position: absolute;left: 50%;bottom: 12px;z-index: 6;max-width: calc(100% - 32px);margin: 0;padding: 7px 12px;border-radius: 8px;background: #2a2a2a;box-shadow: 0 0 0 1px var(--pq-line2),0 8px 20px -6px rgba(0,0,0,.6);font-size: 12px;line-height: 16px;color: var(--pq-hi2);text-align: center;opacity: 0;transform: translate(-50%,6px);transition: opacity .2s,transform .2s;pointer-events: none}.uc-f2a .ucx-pq .pq-note.is-on{opacity: 1;transform: translate(-50%,0)}.uc-f2a .ucx-pq .pq-animrow{display: flex;justify-content: flex-end}.uc-f2a .ucx-pq button.pq-replay{height: 26px;display: inline-flex;align-items: center;gap: 6px;padding: 0 10px;border-radius: 8px;box-shadow: inset 0 0 0 1px var(--pq-line2);font-size: 12px;font-weight: 500;color: var(--pq-hi2)}.uc-f2a .ucx-pq button.pq-replay:hover{background: rgba(255,255,255,.06)}.uc-f2a .ucx-pq-canvas .pqv-devs{display: flex;gap: 2px;padding: 2px;border-radius: 7px;background: #f4f4f6}.uc-f2a .ucx-pq-canvas button.pqv-dev,.uc-f2a .ucx-pq-canvas button.pqv-dev:hover,.uc-f2a .ucx-pq-canvas button.pqv-dev:focus{appearance: none;width: 26px;height: 22px;display: grid;place-items: center;margin: 0;padding: 0;border: 0;border-radius: 5px;background: transparent;box-shadow: none;color: #8a8a93;cursor: pointer}.uc-f2a .ucx-pq-canvas button.pqv-dev:hover{color: #3b3b42}.uc-f2a .ucx-pq-canvas button.pqv-dev.is-on{background: #ffffff;color: #0a0a0a;box-shadow: 0 1px 2px rgba(10,10,10,.12)}.uc-f2a .ucx-pq-canvas button.pqv-dev:focus-visible{outline: 2px solid #fd6a35;outline-offset: 1px}.uc-f2a .ucx-pq-canvas .pqv-card{max-width: 100%;margin-inline: auto}.uc-f2a .ucx-pq-canvas[data-device="tablet"] .pqv-card{max-width: 300px}.uc-f2a .ucx-pq-canvas[data-device="mobile"] .pqv-card{max-width: 212px}.uc-f2a .ucx-pq-canvas[data-device="mobile"]{--cv-k: .82}@keyframes pqv-fade{from{opacity: 0;transform: translateY(14px)}}@keyframes pqv-scale{from{opacity: 0;transform: scale(.9)}}.uc-f2a .ucx-pq-canvas [data-anim="fade"].is-anim{animation: pqv-fade .6s cubic-bezier(.2,.8,.2,1) both}.uc-f2a .ucx-pq-canvas [data-anim="scale"].is-anim{animation: pqv-scale .5s cubic-bezier(.2,.8,.2,1) both}.uc-f2a .ucx-pq-cta{--uc-control-h-lg: 2.5rem;--uc-control-h-md: 2.25rem;--uc-space-20: 20px;--uc-space-16: 16px;--uc-space-8: 8px;--uc-text-md: 1rem;--uc-text-base: .875rem;--uc-font-sans: "Zalando Sans",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--uc-weight-medium: 500;--uc-radius-md: 8px;--uc-brand: #FD6A35;--uc-brand-on: #FFFFFF;--uc-brand-glow-hover: rgba(253,106,53,.08);--uc-shadow-control-brand: inset 0 1px 0 0 rgba(255,255,255,.24),inset 0 0 0 1px rgba(0,0,0,.14),0 1px 2px rgba(0,0,0,.09),0 2px 3px -1px rgba(0,0,0,.06);--uc-shadow-control-pressed: inset 0 1px 2px rgba(0,0,0,.14);--uc-sheen: linear-gradient(to bottom,rgba(255,255,255,.08),rgba(0,0,0,.03));--uc-dur-fast: 160ms;--uc-ease-standard: cubic-bezier(.2,0,0,1);--uc-ring: rgba(253,106,53,.6);display: flex;flex-wrap: wrap;align-items: center;gap: 12px 16px;margin: 20px 0 0 24px}.uc-f2a .ucx-pq-cta p{margin: 0;font-size: 14px;line-height: 20px;color: var(--txd)}.uc-f2a .ucx-pq-cta--m{display: none}@media (max-width: 980px){.uc-f2a .ucx-pq-canvas{margin: 28px 0 0;max-width: none}.uc-f2a .ucx-pq-cta--d{display: none}.uc-f2a .ucx-pq-cta--m{display: flex;justify-content: center;text-align: center;margin: 20px 0 0}.uc-f2a .ucx-pwr-editor{flex-direction: column;align-items: center}}@media (max-width: 759.98px){.uc-f2a .ucx-pq{height: 500px}.uc-f2a .ucx-pq-canvas{--cv-k: .82;margin-top: 24px}.uc-f2a .ucx-pq-canvas .pqv-bar,.uc-f2a .ucx-pq-canvas .pqv-hint{display: none}.uc-f2a .ucx-pq-canvas .pqv-stage{padding: 12px}.uc-f2a .ucx-pq-coach{top: -14px;right: 10px}}@media (max-width: 560px){.uc-f2a .ucx-pq{zoom: 1.05}}@media (max-width: 380px){.uc-f2a .ucx-pq{zoom: .98}}@media (prefers-reduced-motion: reduce){.uc-f2a .ucx-pq *,.uc-f2a .ucx-pq-canvas *,.uc-f2a .ucx-pq-canvas,.uc-f2a .ucx-pq-coach,.uc-f2a .ucx-pq-coach *{animation: none !important;transition: none !important}}