.publication-dialog{--publication-muted:var(--color-ink-700);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);overscroll-behavior:contain;width:min(540px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);scroll-padding-bottom:calc(8rem + env(safe-area-inset-bottom));font-family:var(--font-sans);border-radius:20px;margin:auto;padding:0;overflow:auto}.publication-dialog::backdrop{background:#1c19178c}body:has(.publication-dialog[open]){overflow:hidden}.publication-dialog [hidden]{display:none!important}.publication-surface{padding:28px}.publication-eyebrow{color:var(--color-brand);font-size:var(--type-secondary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px;font-weight:700}.publication-dialog h2{font-family:var(--font-ui);font-size:var(--type-panel);line-height:var(--leading-heading);letter-spacing:var(--tracking-heading);margin:0 0 10px;font-weight:600}.publication-description{color:var(--publication-muted);overflow-wrap:anywhere;margin:0 0 24px;font-size:14px;line-height:1.6}.publication-options{border:0;gap:10px;min-width:0;margin:0;padding:0;display:grid}.publication-options .sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.publish-option{border:1px solid var(--color-border-strong);cursor:pointer;border-radius:12px;align-items:flex-start;gap:12px;padding:16px;display:flex}.publish-option:has(:checked){border-color:var(--color-brand);background:var(--color-brand-subtle);box-shadow:inset 0 0 0 1px var(--color-brand)}.publish-option input{width:18px;height:18px;accent-color:var(--color-brand);flex:none;margin:4px 0 0}.publication-option-content{flex:1;min-width:0}.publication-option-heading{flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:15px;line-height:1.5;display:flex}.publication-option-heading>span{font-weight:600}.publication-option-detail{font-size:var(--type-secondary);color:var(--publication-muted);margin-top:5px;line-height:1.65;display:block}.publication-notice{border:1px solid var(--color-border);background:var(--color-bg);color:var(--publication-muted);font-size:var(--type-secondary);border-radius:10px;margin:16px 0 0;padding:12px}.publication-field{gap:6px;margin-top:20px;display:grid}.publication-field label{font-size:14px;font-weight:600}.publication-coupon-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}#publish-coupon{text-transform:uppercase}.publication-field label span{color:var(--publication-muted);font-weight:400}.publication-url-prefix,.publication-help{color:var(--publication-muted);font-size:var(--type-secondary);overflow-wrap:anywhere;line-height:1.6}.publication-help{margin:2px 0 0}.publication-field input{width:100%;min-width:0;min-height:44px;font:inherit;border:1px solid var(--color-border-strong);color:var(--color-text);background:var(--color-surface);border-radius:10px;padding:10px 12px;font-size:16px}.publication-feedback{font-size:var(--type-secondary);color:var(--publication-muted);overflow-wrap:anywhere;margin:16px 0 0;line-height:1.6}.publication-feedback:empty{margin:0}.publication-feedback[data-error=true]{color:var(--color-error)}.publication-actions{background:var(--color-surface);padding-top:20px;padding-bottom:max(2px, env(safe-area-inset-bottom));grid-template-columns:1fr 1.4fr;gap:10px;margin-top:4px;display:grid;position:sticky;bottom:0}.publication-button{border:1px solid var(--color-border-strong);background:var(--color-surface);min-width:44px;min-height:46px;color:var(--color-text);font:inherit;font-size:var(--type-control);text-align:center;cursor:pointer;border-radius:10px;justify-content:center;align-items:center;padding:10px 14px;font-weight:600;line-height:1.5;text-decoration:none;display:flex}.publication-button:hover{background:var(--color-bg)}.publication-primary{background:var(--vv-berry);color:var(--vv-on-dark);border-color:var(--color-text)}.publication-primary:hover{background:var(--vv-berry-dark)}.publication-button:disabled{background:var(--color-bg);color:var(--publication-muted);border-color:var(--color-border);cursor:not-allowed}.publication-dialog :is(button,a,input):focus-visible{outline:2px solid var(--color-brand);outline-offset:3px}.publication-result{width:min(460px,100vw - 24px)}.publication-share-link{color:var(--color-brand);background:var(--color-bg);overflow-wrap:anywhere;border-radius:10px;min-height:44px;padding:12px;font-size:14px;display:block}.publication-result-actions{gap:10px;margin-top:24px;display:grid}.payment-order{background:var(--color-brand-subtle);border-radius:12px;justify-content:space-between;gap:16px;margin:4px 0 22px;padding:16px 18px;display:flex}.payment-order>div{gap:4px;display:grid}.payment-order span{color:var(--publication-muted);font-size:12px}.payment-order .payment-order-label{text-transform:uppercase;letter-spacing:.08em;font-size:11px}.payment-order strong{font-size:18px}.payment-order-total{text-align:right;align-content:center}.payment-order-total strong{font-size:25px}.payment-method{border:1px solid var(--color-border-strong);cursor:pointer;border-radius:12px;align-items:center;gap:12px;min-height:88px;padding:14px;display:flex}.payment-method:has(:checked){background:var(--color-brand-subtle);border-color:var(--color-brand);box-shadow:inset 0 0 0 1px var(--color-brand)}.payment-method:has(:focus-visible){outline:2px solid var(--color-brand);outline-offset:3px}.payment-method input:focus-visible{outline:none}.payment-method input{width:18px;height:18px;accent-color:var(--color-brand);flex:none;margin:0}.payment-method-icon{background:var(--color-bg);width:38px;height:38px;color:var(--color-brand);border-radius:10px;flex:none;place-items:center;display:grid}.payment-method-icon svg{width:24px;height:24px}.payment-icon-mp{color:#00678a;background:#e1f5fb;font-size:13px;font-weight:800}.payment-icon-paypal{color:#003087;background:#edf3ff;font-size:25px;font-style:italic;font-weight:800}.payment-method-content{gap:4px;min-width:0;display:grid}.payment-method-content strong{font-size:14px;line-height:1.4}.payment-method-content>span{color:var(--publication-muted);font-size:12px;line-height:1.5}.payment-method-content small{color:var(--publication-muted);font-size:11px;line-height:1.5}.payment-method-unavailable{cursor:not-allowed;background:var(--color-bg);border-style:dashed}.payment-method-unavailable small{font-weight:600}.payment-method-help{color:var(--publication-muted);margin:16px 0;font-size:12px;line-height:1.65}.payment-test-note{background:var(--color-bg);color:var(--publication-muted);border-radius:8px;margin:0;padding:10px 12px;font-size:12px;line-height:1.6}@media (width<=480px){.publication-surface{padding:20px}.publish-option{padding:14px 12px}.payment-method{gap:9px;padding:12px 10px}.payment-method-icon{width:30px;height:34px}.payment-order{padding:14px}}
