.pdp-editor{max-width:1344px;margin:auto;padding:20px 32px 70px}.content:has(>.pdp-editor){max-width:none;padding:0}.pdp-editor .channel-tabs{margin:0 0 20px}.pdp-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.pdp-settings>.channel-settings-card{margin-bottom:16px}.pdp-editor .channel-settings-body{padding:16px}.pdp-editor .channel-settings-body>label{display:block;margin-bottom:12px}.pdp-editor input.input,.pdp-editor textarea.input,.pdp-editor select.input{width:100%;margin-top:6px}.pdp-editor textarea{min-height:100px}.pdp-editor p{font-size:13px;color:#666;line-height:1.5;margin:6px 0 0}.pdp-counts{display:flex;gap:16px;margin:22px 0}.pdp-mode{border:1px solid #e2e2e2;border-radius:9px;padding:18px;margin-bottom:8px!important;display:block}.pdp-mode small{display:block;margin:8px 0 0 23px}.pdp-preview-column{position:sticky;top:76px}.pdp-preview{padding:16px}.pdp-skeleton{height:230px;margin-bottom:20px;border-radius:9px;background:linear-gradient(90deg,#f1f1f1 83%,white 83%,white 85%,#f1f1f1 85%)}.pdp-style-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}.pdp-style-row label{font-size:13px}.pdp-install{border-top:1px solid #e3e3e3;margin-top:20px;padding-top:18px}.pdp-install pre{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid #ddd;background:#fafafa;border-radius:8px;padding:12px}.pdp-error{color:#a42121;margin-bottom:12px}.pdp-state{font-size:12px;font-weight:400;margin-left:8px}.pdp-top-actions{display:flex;gap:8px;align-items:center}.pdp-editor li{font-size:13px;margin:8px 0}.pdp-editor h4{font-size:14px}.pdp-check-result{padding:10px;background:#f5f5f5;border-radius:7px;margin:10px 0}.pdp-mobile-toggle{display:flex;gap:8px;margin-bottom:14px}@media(max-width:900px){.pdp-columns{grid-template-columns:1fr}.pdp-preview-column{position:static}.pdp-editor{padding:16px}.pdp-editor .pdp-skeleton{height:150px}}

.pdp-editor .channel-tabs a{display:inline-flex;padding:7px 13px;border-radius:8px;font-size:13px}.pdp-editor .channel-tabs a.active{background:#e4e4e4}
@media(max-width:640px){.topbar:has(.pdp-top-actions){flex-wrap:wrap;gap:8px;padding:12px;height:auto;min-height:56px}.topbar:has(.pdp-top-actions) h1{font-size:16px}.pdp-top-actions{margin-left:auto}.pdp-counts{gap:12px}}

.content .pdp-editor{padding-top:20px}.pdp-editor .channel-settings-body>label.pdp-mode{display:block}.pdp-editor .channel-settings-body>label.pdp-mode small{display:block;font-size:13px}.pdp-editor .channel-settings-body>label:has(.input){display:block}

.pdp-editor .channel-tabs{min-height:28px;height:28px}.pdp-editor .channel-tabs a{padding:4px 13px;line-height:20px}.pdp-editor .channel-settings-body>label:has(.input){margin-bottom:0}.pdp-editor .channel-settings-body>label:has(.input)+p{margin-top:6px}.pdp-skeleton{height:176px;margin-bottom:60px;position:relative}.pdp-skeleton:after{content:"";position:absolute;bottom:-30px;left:0;width:120px;height:14px;border-radius:8px;background:#f1f1f1}.pdp-skeleton:before{content:"";position:absolute;bottom:-48px;left:0;width:42px;height:10px;border-radius:8px;background:#f1f1f1}

.channel-editor-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px 12px;font-size:13px;margin:0}.channel-editor-overview dd{margin:0;text-align:right;overflow-wrap:anywhere}.channel-editor-overview dt{color:#666}.api-editor textarea[readonly]{min-height:190px;font:12px monospace}.api-editor .channel-settings-body>label+label{margin-top:14px}.api-editor pre{font-size:12px}.email-editor .channel-settings-body>label:has(textarea){margin-bottom:0}

.api-editor .pdp-settings>.card>h3{display:flex;align-items:center;justify-content:space-between;gap:12px}.api-editor .pdp-settings>.card>h3>.btn{margin:-2px 0}.channel-modal-body #api-key-scopes{width:100%;margin:8px 0 16px}.channel-modal-body:has(#api-key-label)>label{display:block;margin-bottom:16px}.channel-modal-body #api-key-label{margin-top:8px;width:100%}

/* API guide uses the shared card and copy-field layout in preview and live. */
.api-editor .api-guide-label{display:block;margin:0 0 4px;font-size:13px;line-height:20px}
.api-editor .api-guide-field+.api-guide-field{margin-top:16px}
.api-editor .api-copy-field{display:flex;align-items:center;min-width:0;border-radius:8px;background:#f1f1f1;overflow:hidden}
.api-editor .api-copy-field textarea{display:block;flex:1;min-width:0;width:calc(100% - 44px);min-height:32px;margin:0;padding:6px 12px;border:0;border-radius:0;background:transparent;resize:none;font:450 13px/20px Inter,Arial,sans-serif;field-sizing:content;overflow-wrap:anywhere}
.api-editor .api-guide-field:has([data-api-copy="sample"]) textarea{min-height:132px}
.api-copy-feedback{display:grid;place-items:center;width:44px;flex:0 0 44px;padding-right:8px}
.api-copy-feedback>*{grid-area:1/1}
.api-copy-button{display:grid;place-items:center;width:28px;height:24px;padding:4px;border:0;border-radius:8px;background:transparent;cursor:pointer}
.api-copy-button:hover{background:#e3e3e3}.api-copy-button:focus-visible{outline:2px solid #276ef1;outline-offset:1px}
.api-copy-button img{width:20px;height:20px}.api-copy-feedback.is-copied .api-copy-button{opacity:0;pointer-events:none}
.api-copy-status{font-size:12px;line-height:20px;color:#16815d;white-space:nowrap}.api-copy-status[hidden]{display:none}
.api-editor .api-guide-instructions{padding-left:20px;margin:16px 0}.api-editor .api-guide-instructions li{margin:8px 0;font-size:13px;line-height:20px}
.api-editor .api-guide-instructions code{font-size:12px}.api-editor .api-ask-guide a,.api-editor .channel-editor-overview a{color:#005bd3;text-decoration:underline}
.api-editor .api-guide-footer{margin-top:16px;font-size:13px;line-height:20px;color:inherit}
.api-editor aside>.card>h3{display:flex;align-items:center;justify-content:space-between}.api-overview-icon{width:24px;height:24px}

.shell:has(.ui-reference-editor){height:100dvh;overflow:hidden}.workspace:has(.ui-reference-editor){overflow:hidden;min-height:0}.content:has(>.ui-reference-editor){flex:1;min-height:0;overflow:auto}.ui-reference-editor .pdp-preview-column{top:20px}.channel-editor-topbar h1{display:flex;align-items:center;gap:8px}.channel-editor-topbar .channel-back{display:inline-flex}.channel-editor-topbar .pdp-state{margin-left:0;font-size:12px;background:#e4e4e4;padding:2px 8px;border-radius:10px}.ui-reference-editor .channel-settings-card>h3{padding:16px;font-size:13px;line-height:16px}.ui-reference-editor .channel-settings-body>label{margin-bottom:24px}.ui-reference-editor .channel-settings-body>label:last-child{margin-bottom:0}.ui-reference-editor .channel-settings-body>label:has(input[type=checkbox]),.ui-reference-editor .channel-settings-body>label:has(input[type=radio]){display:flex;gap:8px;align-items:center}.ui-reference-editor .channel-settings-body>label:has(input[type=checkbox]) input{margin:0}.ui-reference-editor .channel-settings-body>p{margin:6px 0 20px}.ui-reference-editor .channel-settings-body>p:last-child{margin-bottom:0}.editor-locale-notice{display:flex;align-items:center;gap:16px;margin:0 0 16px;min-height:40px;font-size:13px}.editor-locale-notice strong{font-weight:650}.editor-locale-notice p{margin:0;line-height:20px}.editor-locale-notice a,.pdp-check-link{color:#005bd3}.ui-reference-editor .pdp-mode{padding:16px;margin-bottom:8px!important;display:block!important}.ui-reference-editor .pdp-mode small{font-size:13px;line-height:20px}.ui-reference-editor .pdp-counts{margin:20px 0 24px;gap:16px}.ui-reference-editor .pdp-counts label{display:flex;gap:8px;align-items:center}.search-preview-toolbar{position:absolute;right:16px;top:18px}.search-preview-toolbar select{border:1px solid #ddd;border-radius:8px;padding:5px 9px;background:white;font:13px Inter,Arial,sans-serif}.search-editor .pdp-preview-column>.card{position:relative}.pdp-product-images{display:grid;grid-template-columns:1fr 56px;gap:8px;height:176px}.pdp-product-images>i,.pdp-product-images>div>i{display:block;border-radius:10px;background:#f1f1f1}.pdp-product-images>div{display:grid;gap:8px;grid-template-rows:repeat(3,1fr)}.pdp-product-lines{display:flex;justify-content:space-between;align-items:start;margin:16px 0 18px}.pdp-product-lines i{display:block;height:12px;background:#f1f1f1;border-radius:8px;width:120px}.pdp-product-lines i+i{width:42px;margin-top:8px}.pdp-product-lines b{display:block;height:32px;width:120px;background:#f1f1f1;border-radius:24px}.ui-reference-editor .pdp-install{border:1px solid #dedede;border-top:0;border-radius:0 0 12px 12px;margin-top:-17px;background:white;overflow:hidden}.ui-reference-editor .pdp-install h3{display:flex;align-items:center;justify-content:space-between;padding:16px;font-size:13px;margin:0;line-height:20px}.pdp-install-body{padding:0 16px 16px}.pdp-install-body>h4{margin:20px 0 8px}.pdp-install-body>p{margin:8px 0 16px}.pdp-tag-field{display:flex;margin-top:6px;background:#f7f7f7;border-radius:8px;padding:4px;gap:4px}.pdp-tag-field .input{margin:0!important;min-width:0;border:0;background:transparent;font-size:12px}.pdp-tag-field .btn{width:32px;flex:none;padding:4px}.pdp-check-link{padding:0;border:0;background:none;font-size:13px}.ui-reference-editor .pdp-settings textarea{resize:vertical}.ui-reference-editor .pdp-settings .channel-settings-body>.pdp-mode+ h4{margin-top:20px}.ui-reference-editor .channel-compliance-pill{font-size:12px}
@media(max-width:900px){.ui-reference-editor .pdp-preview-column{position:static}}@media(max-width:640px){.shell:has(.ui-reference-editor){height:auto;min-height:100dvh;overflow:visible}.workspace:has(.ui-reference-editor){overflow:visible}.content:has(>.ui-reference-editor){overflow:visible}.editor-locale-notice{gap:8px}.ui-reference-editor{padding:16px}.ui-reference-editor .pdp-product-images{height:150px}}

.editor-color-control{position:relative;display:block;margin-top:6px}.pdp-editor .editor-color-control input.input{height:32px;min-height:32px;margin-top:0;padding:5px 38px 5px 10px;background:#f7f7f7}.editor-color-control>[data-editor-color]{position:absolute;right:4px;top:4px;width:24px;height:24px;border:1px solid #ddd;border-radius:6px;padding:0}.pcr-app{font-size:13px}.pcr-app .pcr-interaction .pcr-save{background:#303030;color:#fff;border-radius:8px;box-shadow:0 1px 1px #0002,inset 0 1px 1px #fff4}.pcr-app .pcr-interaction input.pcr-result{min-width:0}

.pdp-editor{max-width:1064px}.ui-reference-editor .channel-settings-body{padding:12px 16px 16px}.ui-reference-editor .channel-settings-body label{font-size:13px;line-height:20px}.editor-color-control{margin-top:4px}.editor-color-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:24px}.editor-color-row>label{min-width:0}.ui-reference-editor .pdp-settings h4{font-size:13px;line-height:20px;margin:24px 0 0}.pdp-style-row{grid-template-columns:minmax(0,140px) minmax(0,74px);gap:12px;margin:0}.pdp-style-row .input{height:32px;min-height:32px;margin-top:4px!important}
.editor-color-control{display:flex;align-items:center;border-radius:8px;background:#f7f7f7;box-shadow:inset 0 0 0 1px #ddd}.pdp-editor .editor-color-control input.input{flex:1;min-width:0;width:0;border:0;box-shadow:none;outline:none;padding:6px 12px;background:transparent}.editor-color-control>[data-editor-color]{position:static;flex:none;margin:4px}.editor-color-control:focus-within{outline:2px solid #005bd3;outline-offset:1px}
.ui-reference-editor .pdp-install h3{padding:0}
.pdp-install-disclosure{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px;border:0;background:none;color:inherit;font:inherit;font-weight:inherit;text-align:left;cursor:pointer}
.pdp-install-disclosure[aria-expanded="true"] svg{transform:rotate(180deg)}
.pdp-install .pdp-check-result{padding:0;margin:0;background:none}
.pdp-check-result p{margin:8px 0 0;overflow-wrap:anywhere}
.pdp-install-warning{background:#ffed9a;color:#3b2d00}
.pdp-install-waiting{background:#e6efff;color:#173b78}
.pdp-install .pdp-tag-field{background:#f1f1f1}
.pdp-install .pdp-tag-field .btn{border:0;background:transparent;box-shadow:none}
.pdp-install .pdp-tag-field .btn:hover{background:#e5e5e5}
.pdp-check-actions{display:flex;justify-content:flex-end;margin-top:16px}
.pdp-check-actions .pdp-check-link{min-height:30px;padding:6px 12px;border:1px solid #d5d5d5;border-radius:8px;background:#fff;color:#303030}