.theme-preview-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center}.theme-preview-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);backdrop-filter:blur(5px)}.theme-preview-protection-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10001;background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.01) 10px,rgba(255,255,255,.01) 20px)}.theme-preview-content{position:relative;background:#fff;border-radius:20px;width:90%;max-width:1200px;max-height:90vh;max-height:90dvh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5);z-index:10002;animation:slideUp .3s ease}@keyframes slideUp{from{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.theme-preview-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;flex-shrink:0;gap:.75rem;border-bottom:2px solid #e5e7eb}.theme-preview-header h2{margin:0;font-size:1.5rem;font-weight:800;color:#1f2937}.theme-preview-close{background:#f3f4f6;border:none;width:44px;height:44px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;font-size:1.25rem;color:#6b7280}.theme-preview-close:hover{background:#ef4444;color:#fff;transform:rotate(90deg)}.theme-preview-body{flex:1;min-height:0;display:flex;overflow:hidden;padding:1rem 1.5rem;position:relative;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.theme-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#6b7280}.theme-preview-loading i{font-size:3rem;margin-bottom:1rem;color:#4f46e5}.theme-preview-watermark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);font-size:4rem;font-weight:900;color:rgba(0,0,0,.05);white-space:nowrap;pointer-events:none;z-index:1;user-select:none}.theme-preview-viewer{display:flex;flex-direction:column;gap:.75rem;min-width:0;min-height:0;width:100%}.theme-preview-toolbar{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1rem;flex-shrink:0}.theme-preview-navigation,.theme-preview-zoom{display:flex;align-items:center;justify-content:center;gap:.375rem}#pageIndicator,#zoomIndicator{font-weight:600;white-space:nowrap}#zoomIndicator{min-width:3rem;text-align:center}.theme-preview-image-container{position:relative;overflow:auto;flex:1 1 500px;min-height:0;border:1px solid #e5e7eb;border-radius:8px;overscroll-behavior:contain}#previewImage{display:block;width:100%;max-width:none;height:auto;margin:0 auto;border-radius:8px;user-select:none;-webkit-user-drag:none}#previewImage[hidden]{display:none}.theme-preview-unavailable{padding:1rem;text-align:center}.theme-preview-modal :focus-visible{outline:3px solid #4338ca;outline-offset:2px}.theme-preview-footer{padding:.75rem 1.5rem;flex-shrink:0;border-top:2px solid #e5e7eb;background:#f9fafb;border-radius:0 0 20px 20px}.theme-preview-footer p{margin:0;font-size:.9rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.theme-preview-footer i{color:#4f46e5}@media screen and (max-width:768px){.theme-preview-content{width:95%;max-height:95vh;max-height:95dvh}.theme-preview-header{padding:.75rem}.theme-preview-header h2{font-size:1.25rem}.theme-preview-body{padding:.75rem}.theme-preview-footer{padding:.75rem}.theme-preview-watermark{font-size:2rem}}@media print{.theme-preview-modal{display:none!important}}.preview-nav-btn{background:linear-gradient(135deg,#4f46e5 0,#5b5de8 100%);color:#fff;border:none;min-height:44px;min-width:44px;padding:.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.preview-nav-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,.3)}.preview-nav-btn:disabled{background:#d1d5db;cursor:not-allowed}@media screen and (max-height:480px){.theme-preview-content{width:95%;max-height:96vh;max-height:96dvh}.theme-preview-body,.theme-preview-footer,.theme-preview-header{padding:.5rem .75rem}.theme-preview-header h2{font-size:1rem}}@media (prefers-reduced-motion:reduce){.theme-preview-content,.theme-preview-modal .fa-spin{animation:none}.preview-nav-btn,.theme-preview-close{transition:none}.preview-nav-btn:hover:not(:disabled),.theme-preview-close:hover{transform:none}}html[data-theme=dark] .theme-preview-content{background:#0f172a;color:#e2e8f0}html[data-theme=dark] .theme-preview-header{border-bottom-color:#334155}html[data-theme=dark] #pageIndicator,html[data-theme=dark] #zoomIndicator,html[data-theme=dark] .theme-preview-header h2{color:#f1f5f9}html[data-theme=dark] .theme-preview-close{background:#334155;color:#f1f5f9}html[data-theme=dark] .theme-preview-close:hover{background:#ef4444;color:#fff}html[data-theme=dark] .theme-preview-image-container{background:#111827;border-color:#475569}html[data-theme=dark] .theme-preview-footer{background:#111827;border-top-color:#334155}html[data-theme=dark] .theme-preview-footer p{color:#cbd5e1}html[data-theme=dark] .theme-preview-footer i{color:#a5b4fc}html[data-theme=dark] .theme-preview-modal :focus-visible{outline-color:#a5b4fc}