.publish-modal-overlay{z-index:10000;background:#000000b3;justify-content:center;align-items:center;padding:20px;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.publish-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1100px;max-height:90vh;animation:.3s slideUp;display:flex;overflow:hidden;box-shadow:0 20px 60px #0000004d}.publish-modal-inner{flex:1;overflow-y:auto}.publish-modal-inner::-webkit-scrollbar{width:8px}.publish-modal-inner::-webkit-scrollbar-track{background:#f1f1f1}.publish-modal-inner::-webkit-scrollbar-thumb{background:silver;border-radius:4px}.publish-modal-inner::-webkit-scrollbar-thumb:hover{background:#a0a0a0}.publish-modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1.25rem,4vw,2.5rem) clamp(1.25rem,4vw,2.5rem) clamp(1rem,3vw,1.25rem);display:flex}.publish-modal-header h2{color:#333;word-wrap:break-word;overflow-wrap:break-word;flex:1;margin:0;font-size:clamp(1.25rem,5vw,1.75rem)}.publish-modal-subtitle{color:#6b7280;margin:.5rem 0 0;font-size:clamp(.85rem,2.4vw,.95rem);line-height:1.5}.publish-use-cases{background:#f8f9ff;border:1px solid #e5e7eb;border-radius:12px;flex-wrap:wrap;gap:.75rem;margin:0 clamp(1.25rem,4vw,2.5rem) clamp(.25rem,1vw,.5rem);padding:.75rem 1rem;display:flex}.publish-use-cases span{color:#4338ca;font-size:clamp(.78rem,2.3vw,.88rem);font-weight:600}.publish-modal .close-btn{color:#999;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:36px;transition:all .2s;display:flex}.publish-modal .close-btn:hover{color:#333;background:#f5f5f5}.publish-tiers{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:clamp(1rem,3vw,1.25rem);padding:clamp(1.25rem,4vw,2rem) clamp(1.25rem,4vw,2.5rem);display:grid}.publish-modal .tier-card{cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:12px;padding:24px;transition:all .3s;position:relative}.publish-modal .tier-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.publish-modal .tier-card.selected{background:#f8f9ff;border-color:#6c5ce7;box-shadow:0 8px 24px #6c5ce733}.publish-modal .tier-badge{color:#fff;text-transform:uppercase;background:#333;border-radius:12px;padding:4px 12px;font-size:12px;font-weight:600;position:absolute;top:-12px;right:20px}.publish-modal .tier-badge.popular{background:#6c5ce7}.publish-modal .tier-badge.best-value{background:#e74c3c}.publish-modal .tier-price{color:#6c5ce7;word-wrap:break-word;margin:20px 0 10px;font-size:clamp(2rem,8vw,2.625rem);font-weight:700}.publish-modal .tier-card h3{color:#333;word-wrap:break-word;margin:0 0 16px;font-size:clamp(1.1rem,4vw,1.25rem)}.publish-modal .tier-features{margin:0;padding:0;list-style:none}.publish-modal .tier-features li{color:#666;word-wrap:break-word;overflow-wrap:break-word;padding:8px 0;font-size:clamp(.8rem,2.5vw,.875rem)}.publish-modal .tier-features li:first-child{padding-top:0}.publish-modal .tier-warning{color:#dc2626;text-align:center;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;margin:12px 0 0;padding:6px 10px;font-size:.78rem;font-weight:600}.publish-modal .tier-social-proof{color:#059669;text-align:center;background:#ecfdf5;border:1px solid #a7f3d0;border-radius:6px;margin:-8px 0 12px;padding:6px 10px;font-size:.78rem;font-weight:600}.custom-url-section{padding:0 clamp(1.25rem,4vw,2.5rem) clamp(1.25rem,4vw,2rem)}.custom-url-section label{color:#333;word-wrap:break-word;margin-bottom:12px;font-size:clamp(.9rem,2.5vw,1rem);display:block}.url-preview{color:#999;word-wrap:break-word;overflow-wrap:break-word;margin-top:4px;font-size:clamp(.75rem,2vw,.875rem);font-weight:400;display:block}.url-slug{color:#6c5ce7;font-weight:600}.custom-url-section input{box-sizing:border-box;color:#1f1a28;background:#fff;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:clamp(.625rem,2vw,.75rem) clamp(.875rem,2.5vw,1rem);font-size:clamp(.875rem,2.5vw,1rem);transition:all .2s}.custom-url-section input:focus{border-color:#6c5ce7;outline:none;box-shadow:0 0 0 3px #6c5ce71a}.custom-url-section input.error{border-color:#ff6b6b}.publish-modal .checking-message{color:#4f46e5;margin-top:8px;font-size:14px;font-style:italic;display:block}.publish-modal .error-message{color:#ff6b6b;margin-top:8px;font-size:14px;display:block}.publish-modal-actions{border-top:1px solid #eee;flex-wrap:wrap;justify-content:flex-end;gap:clamp(.5rem,2vw,.75rem);padding:clamp(1rem,3vw,1.25rem) clamp(1.25rem,4vw,2.5rem) clamp(1.25rem,4vw,2rem);display:flex}.publish-warning-modal{max-width:560px}.publish-warning-header{display:block}.publish-warning-body{padding:.75rem clamp(1.25rem,4vw,2.5rem) 1rem}.publish-warning-list{color:#333;margin:0;padding-left:1.1rem}.publish-warning-list li{margin:0 0 .4rem;line-height:1.5}.publish-modal .btn-primary,.publish-modal .btn-secondary,.publish-modal-overlay .btn-primary,.publish-modal-overlay .btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:8px;flex-shrink:1;min-width:0;padding:clamp(.625rem,2vw,.75rem) clamp(1rem,3vw,2rem);font-size:clamp(.8rem,2.5vw,1rem);font-weight:600;transition:all .2s}@media (max-width:480px){.publish-modal .btn-primary,.publish-modal .btn-secondary,.publish-modal-overlay .btn-primary,.publish-modal-overlay .btn-secondary{padding:.625rem .875rem;font-size:clamp(.75rem,3vw,.875rem)}}.publish-modal .btn-primary,.publish-modal-overlay .btn-primary{color:#fff;background:#6c5ce7}.publish-modal .btn-primary:hover,.publish-modal-overlay .btn-primary:hover{background:#5a4ed4;transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce766}.publish-modal .btn-primary:disabled,.publish-modal-overlay .btn-primary:disabled{cursor:not-allowed;background:silver;transform:none}.publish-modal .btn-secondary:disabled,.publish-modal-overlay .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.publish-modal .btn-secondary,.publish-modal-overlay .btn-secondary{color:#666;background:#fff;border:2px solid #e0e0e0}.publish-modal .btn-secondary:hover,.publish-modal-overlay .btn-secondary:hover{color:#333;border-color:#999}.payment-note{text-align:center;color:#999;margin:0;padding:0 40px 30px;font-size:14px}.account-section{border-top:1px solid #eee;margin-top:20px;padding:20px clamp(1.25rem,4vw,2.5rem) clamp(1rem,3vw,1.25rem)}.password-section{padding:0 clamp(1.25rem,4vw,2.5rem) clamp(1rem,3vw,1.25rem)}.password-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.password-toggle input[type=checkbox]{cursor:pointer;accent-color:#6c5ce7;width:20px;height:20px}.password-toggle label{cursor:pointer;color:#333;-webkit-user-select:none;user-select:none;word-wrap:break-word;overflow-wrap:break-word;font-size:clamp(.875rem,2.5vw,.9375rem)}.publish-modal .password-form{background:#fff8dc;border:2px dashed gold;border-radius:12px;margin-top:16px;padding:20px;animation:.3s slideDown}.publish-modal .password-input{color:#1f1a28;background:#fff;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:12px 16px;font-size:15px;transition:all .2s}.publish-modal .password-input:focus{border-color:gold;outline:none;box-shadow:0 0 0 3px #ffd7001a}.publish-modal .password-hint{color:#666;margin:12px 0 0;font-size:13px;line-height:1.6}.account-toggle{cursor:pointer;align-items:center;gap:12px;display:flex}.account-toggle input[type=checkbox]{cursor:pointer;accent-color:#6c5ce7;width:20px;height:20px}.account-toggle label{cursor:pointer;color:#333;-webkit-user-select:none;user-select:none;font-size:15px}.account-form{background:#f8f9fa;border-radius:12px;margin-top:16px;padding:20px;animation:.3s slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.publish-modal .form-group{margin-bottom:12px}.publish-modal .form-group input{box-sizing:border-box;color:#1f1a28;background:#fff;border:2px solid #e0e0e0;border-radius:8px;width:100%;padding:clamp(.625rem,2vw,.75rem) clamp(.875rem,2.5vw,1rem);font-size:clamp(.875rem,2.5vw,.9375rem);transition:all .2s}.publish-modal .form-group input:focus{border-color:#6c5ce7;outline:none;box-shadow:0 0 0 3px #6c5ce71a}.publish-modal .form-group input.error{border-color:#ff6b6b}.account-benefits{color:#666;margin:12px 0 0;font-size:13px;line-height:1.6}.tracking-info-banner{background:#f0f9f4;border:2px solid #81c784;border-radius:12px;align-items:flex-start;gap:clamp(.75rem,2vw,1rem);margin:0 clamp(1.25rem,4vw,2.5rem) clamp(1rem,3vw,1.25rem);padding:clamp(1rem,3vw,1.25rem);animation:.3s slideDown;display:flex;overflow:hidden}.tracking-icon{flex-shrink:0;font-size:32px}.tracking-content{flex:1}.tracking-content strong{color:#2e7d32;word-wrap:break-word;margin-bottom:8px;font-size:clamp(.9rem,3vw,1rem);display:block}.tracking-content p{color:#558b2f;word-wrap:break-word;overflow-wrap:break-word;margin:0;font-size:clamp(.8rem,2.5vw,.875rem);line-height:1.6}.tracking-content code{color:#1b5e20;word-break:break-all;background:#2e7d321a;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:clamp(.75rem,2vw,.8125rem);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.publish-tiers{grid-template-columns:1fr}.publish-modal{margin:1rem}.tier-card{padding:1rem}.close-btn{flex-shrink:0;width:32px;height:32px;font-size:28px}}@media (max-width:480px){.publish-modal-overlay{padding:.5rem}.publish-modal{max-height:95vh;margin:0}.tier-badge{padding:3px 8px;font-size:10px}.btn-primary,.btn-secondary{flex:1;min-width:100px}}