.pcg-top-entry { display: flex; justify-content: flex-end; margin: -14px 0 15px; }
.pcg-top-entry .pcg-text-button { color: #a92c3f; font-size: 13px; border: 0; padding: 7px 0; background: none; cursor: pointer; }
.pc-empty.pcg-entry { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 30px; padding: 27px 30px; text-align: left; }
.pcg-entry-previews { display: flex; gap: 12px; }
.pcg-preview-card { border: 1px solid #ecdae0; border-radius: 9px; background: #fffafb; padding: 7px 7px 9px; cursor: pointer; color: #885464; }
.pcg-preview-card img { display: block; width: 92px; height: 144px; object-fit: contain; background: white; }
.pcg-preview-card span { display: block; margin-top: 7px; font-size: 10px; white-space: nowrap; font-weight: 600; }
.pcg-entry-eyebrow { color: #a92c3f; font-size: 12px; font-weight: 700; }
.pcg-entry-copy h3 { margin: 7px 0 10px; font-size: 19px; }
.pcg-entry-copy p { color: #7d6872; font-size: 13px; line-height: 1.8; margin: 0 0 13px; }
.pcg-entry-button { padding: 8px 14px; border: 1px solid #e4bcc7; border-radius: 7px; color: #a12b43; background: #fff2f5; font-size: 13px; font-weight: 650; cursor: pointer; }
.pcg-entry-copy small { display: block; margin-top: 9px; color: #9b8490; font-size: 11px; }
.pcg-dialog { box-sizing: border-box; width: min(950px, calc(100vw - 32px)); max-width: 950px; max-height: calc(100dvh - 32px); padding: 0; margin: auto; border: 1px solid #e1cbd3; border-radius: 16px; color: #392c33; background: #fff; box-shadow: 0 16px 80px #31121a33; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif; overflow: auto; }
.pcg-dialog::backdrop { background: #29171db3; }
.pcg-dialog *, .pcg-entry *, .pcg-top-entry * { box-sizing: border-box; }
.pcg-dialog [hidden] { display: none !important; }
.pcg-dialog button, .pcg-dialog a { font: inherit; }
.pcg-dialog button { cursor: pointer; }
.pcg-dialog button:focus-visible, .pcg-dialog a:focus-visible, .pcg-dialog [tabindex]:focus-visible, .pcg-entry button:focus-visible, .pcg-top-entry button:focus-visible { outline: 3px solid #dc9aa5; outline-offset: 3px; }
.pcg-dialog-head { display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 19px 24px; border-bottom: 1px solid #efdee5; background: #fff8fa; }
.pcg-dialog-head h2 { margin: 0; color: #592f3d; font-size: 20px; line-height: 1.5; font-weight: 750; }
.pcg-close { flex: 0 0 34px; height: 34px; padding: 0; border: 0; border-radius: 50%; background: #f5e6ec; color: #885969; font-size: 26px !important; line-height: 30px; }
.pcg-example-body { padding: 20px 24px 23px; }
.pcg-free-note { margin: 0 0 13px; color: #927482; font-size: 12px; line-height: 1.6; }
.pcg-sample-facts { padding: 14px 17px; background: #fbf6f8; border: 1px solid #eedfe5; border-radius: 9px; }
.pcg-sample-facts p { display: flex; flex-wrap: wrap; gap: 5px 16px; font-size: 13px; line-height: 1.65; margin: 0; }
.pcg-sample-facts p strong { color: #674250; }
.pcg-sample-facts p span { color: #89707c; }
.pcg-sample-products { display: flex; gap: 10px 27px; flex-wrap: wrap; font-size: 13px; margin: 8px 0; }
.pcg-sample-products b { color: #a52e45; margin-right: 7px; }
.pcg-sample-facts .pcg-sample-withdrawal { color: #816471; font-size: 12px; }
.pcg-sample-facts .pcg-sample-currency { color: #997b89; font-size: 11px; margin-top: 7px; }
.pcg-steps { padding: 0; margin: 19px 0; list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.pcg-steps li { display: flex; align-items: flex-start; gap: 10px; color: #88717c; font-size: 12px; line-height: 1.6; }
.pcg-steps li > b { flex: 0 0 25px; width: 25px; height: 25px; border-radius: 50%; color: #a92c3f; background: #f8e6ed; text-align: center; font-size: 13px; line-height: 25px; }
.pcg-steps strong { color: #624550; font-weight: 650; }
.pcg-currency-guide { color: #8a6b79; font-size: 12px; line-height: 1.7; margin: -7px 0 15px; }
.pcg-combined-guide { margin: 9px 0 15px; }
.pcg-interactive-row { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin: 0 0 19px; }
.pcg-interactive-row button { padding: 10px 16px; color: white; background: #a92c3f; border: 1px solid #a92c3f; border-radius: 7px; font-size: 13px; font-weight: 650; }
.pcg-interactive-row span { color: #977b89; font-size: 11px; }
.pcg-example-tabs { display: flex; gap: 8px; border-bottom: 1px solid #ead5dd; }
.pcg-example-tabs button { border: 0; background: #f4edf0; color: #8d6f7d; border-radius: 7px 7px 0 0; padding: 10px 18px; font-size: 14px; }
.pcg-example-tabs button[aria-selected="true"] { color: white; background: #a92c3f; font-weight: 650; }
.pcg-image-toolbar { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 0; }
.pcg-image-toolbar p { margin: 0; color: #8d7380; font-size: 12px; line-height: 1.65; }
.pcg-image-toolbar > div { display: flex; align-items: center; gap: 15px; white-space: nowrap; }
.pcg-image-toolbar a, .pcg-image-toolbar .pcg-text-button { color: #a22b43; text-decoration: none; border: 0; padding: 4px 0; background: none; font-size: 12px; }
.pcg-image-viewer { max-height: 65dvh; overflow: auto; background: #f3edef; border: 1px solid #eddee5; border-radius: 8px; overscroll-behavior: contain; }
.pcg-sample-image { display: block; width: 100%; height: auto; max-width: 100%; background: white; }
.pcg-image-viewer.pcg-is-zoomed .pcg-sample-image { max-width: none; }
.pcg-image-error { padding: 30px; margin: 0; font-size: 14px; color: #9b4c61; }
.pcg-example-note { margin: 13px 0 0; color: #9a7e8c; font-size: 11px; line-height: 1.8; }
.pcg-upload-dialog { max-width: 570px; }
.pcg-upload-body { padding: 21px 24px 25px; }
.pcg-upload-intro { margin: 0 0 16px; font-size: 13px; color: #90737f; line-height: 1.7; }
.pcg-upload-rules { margin: 0; padding: 0; list-style: none; }
.pcg-upload-rules li { padding: 13px 0; border-bottom: 1px solid #f0e4e9; }
.pcg-upload-rules li:first-child { padding-top: 0; }
.pcg-upload-rules strong { display: block; font-size: 15px; color: #684350; line-height: 1.6; }
.pcg-upload-rules span { display: block; margin-top: 3px; font-size: 13px; line-height: 1.8; color: #8a6e7b; }
.pcg-dialog-actions { display: flex; justify-content: flex-end; gap: 12px; margin-top: 23px; }
.pcg-dialog-actions button { padding: 11px 17px; border: 1px solid #e7d3dc; border-radius: 8px; font-size: 14px; font-weight: 650; }
.pcg-secondary { color: #997683; background: white; }
.pcg-dialog-actions .pcg-confirm { color: white; background: #a92c3f; border-color: #a92c3f; }
@media (max-width: 620px) {
    .pcg-top-entry { margin-top: -10px; }
    .pc-empty.pcg-entry { grid-template-columns: 1fr; gap: 19px; padding: 23px 20px; }
    .pcg-entry-previews { justify-content: center; gap: 15px; }
    .pcg-entry-copy { text-align: center; }
    .pcg-entry-copy h3 { font-size: 18px; }
    .pcg-preview-card img { width: 100px; height: 150px; }
    .pcg-dialog { width: calc(100vw - 20px); max-height: calc(100dvh - 20px); border-radius: 12px; }
    .pcg-dialog-head { padding: 15px; gap: 10px; }
    .pcg-dialog-head h2 { font-size: 17px; }
    .pcg-close { flex-basis: 30px; width: 30px; height: 30px; }
    .pcg-example-body, .pcg-upload-body { padding: 16px 15px 18px; }
    .pcg-sample-facts { padding: 11px 12px; }
    .pcg-sample-facts p { font-size: 12px; gap: 4px; }
    .pcg-sample-products { display: grid; gap: 5px; font-size: 12px; }
    .pcg-steps { gap: 11px; margin: 17px 0; }
    .pcg-steps li { display: block; font-size: 11px; }
    .pcg-steps li > b { display: block; margin-bottom: 7px; }
    .pcg-steps li span { display: block; }
    .pcg-interactive-row { gap: 9px; }
    .pcg-interactive-row button { width: 100%; }
    .pcg-interactive-row span { width: 100%; text-align: center; }
    .pcg-example-tabs { gap: 5px; flex-wrap: wrap; }
    .pcg-example-tabs button { flex: 1 1 auto; padding: 10px 7px; font-size: 12px; }
    .pcg-entry-previews { flex-wrap: wrap; }
    .pcg-image-toolbar { flex-wrap: wrap; gap: 5px; }
    .pcg-image-toolbar > div { width: 100%; justify-content: flex-end; }
    .pcg-image-viewer { max-height: 62dvh; }
    .pcg-dialog-actions { gap: 9px; }
    .pcg-dialog-actions button { padding: 11px 14px; font-size: 13px; }
}