body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;transition:background-color .2s ease,color .2s ease}[data-theme=dark] body{background-color:#1a1a1a;color:#e0e0e0}.file-uploader{width:100%;margin-bottom:2rem}.upload-zone{border:2px dashed #ccc;border-radius:8px;padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;background-color:#fafafa}.upload-zone:hover{border-color:#007bff;background-color:#f0f8ff}.upload-zone.dragging{border-color:#007bff;background-color:#e6f3ff;transform:scale(1.02)}.upload-content{display:flex;flex-direction:column;align-items:center;gap:1rem}.upload-content svg{color:#666;stroke-width:2}.upload-text{font-size:1.1rem;color:#333;margin:0}.upload-hint{font-size:.9rem;color:#666;margin:0}.error-message{margin-top:1rem;padding:1rem;background-color:#fee;color:#c33;border-radius:8px;text-align:center;border:1px solid #fcc;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.95rem;line-height:1.5}.error-message:before{content:"⚠️";font-size:1.2rem;flex-shrink:0}[data-theme=dark] .file-uploader{color:#e0e0e0}[data-theme=dark] .upload-zone{border-color:#555;background-color:#2a2a2a}[data-theme=dark] .upload-zone:hover{border-color:#667eea;background-color:#333}[data-theme=dark] .upload-zone.dragging{border-color:#667eea;background-color:#3a3a3a}[data-theme=dark] .upload-content svg{color:#b0b0b0}[data-theme=dark] .upload-text{color:#e0e0e0}[data-theme=dark] .upload-hint{color:#b0b0b0}[data-theme=dark] .error-message{background-color:#4a1f1f;color:#ff6b6b;border-color:#6a2f2f}.mode-tabs-container{margin-bottom:1.5rem}.mode-tabs{display:inline-flex;gap:.5rem;padding:.4rem;border-radius:999px;background:#f2f2f2;border:1px solid #e6e6e6;margin-bottom:.75rem}.mode-tabs.image{--accent: #0d6efd}.mode-tabs.pdf{--accent: #6f42c1}.mode-tab{border:2px solid transparent;background:#fff9;color:#444;padding:.6rem .9rem;border-radius:999px;font-weight:600;cursor:pointer;transition:all .2s ease}.mode-tab:hover{background:#ffffffe6;border-color:var(--accent);color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.mode-tab.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:0 2px 8px #00000026}[data-theme=dark] .mode-tabs{background:#2a2a2a;border-color:#444}[data-theme=dark] .mode-tab{background:#28282899;color:#b0b0b0}[data-theme=dark] .mode-tab:hover{background:#323232e6;color:var(--accent)}[data-theme=dark] .mode-tab.active{background:var(--accent);color:#fff}.tool-tabs{display:inline-flex;gap:.5rem;padding:.3rem;border-radius:8px;background:#f8f9fa;border:1px solid #e0e0e0}.tool-tab{border:1px solid transparent;background:transparent;color:#666;padding:.5rem 1rem;border-radius:6px;font-weight:500;font-size:.9rem;cursor:pointer;transition:all .2s ease}.tool-tab:hover{background:#6f42c11a;color:#6f42c1}.tool-tab.active{background:#6f42c1;color:#fff;border-color:#6f42c1}[data-theme=dark] .tool-tabs{background:#2a2a2a;border-color:#444}[data-theme=dark] .tool-tab{color:#b0b0b0}[data-theme=dark] .tool-tab:hover{background:#8b5cf633;color:#8b5cf6}[data-theme=dark] .tool-tab.active{background:#8b5cf6;color:#fff;border-color:#8b5cf6}@media(max-width:768px){.tool-tabs{display:flex;width:100%;justify-content:center}.tool-tab{flex:1;text-align:center}}.size-selector{margin-bottom:2rem}.preset-section h3,.custom-section h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:#333}.preset-group{margin-bottom:1.5rem}.preset-group h4{margin-bottom:.75rem;font-size:.9rem;color:#666;text-transform:uppercase;letter-spacing:.5px}.preset-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.preset-button{padding:.875rem 1.25rem;border:2px solid #bbb;border-radius:8px;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;gap:.25rem;font-size:.9rem;font-weight:600;min-width:120px;box-shadow:0 1px 3px #0000001a}.preset-button:hover{border-color:#6f42c1;background-color:#f8f4ff;color:#6f42c1;transform:translateY(-2px);box-shadow:0 4px 8px #6f42c133}.preset-button.active{border-color:#6f42c1;background-color:#6f42c1;color:#fff;box-shadow:0 4px 12px #6f42c14d;transform:translateY(-2px)}.preset-button.in-batch{border-color:#28a745;background-color:#d4edda;color:#155724;font-weight:600}.preset-button.in-batch:hover{border-color:#28a745;background-color:#c3e6cb;transform:translateY(-2px);box-shadow:0 4px 8px #28a74533}.preset-dimensions{font-size:.75rem;opacity:.9;font-weight:500}.preset-button.active .preset-dimensions{opacity:.95}[data-theme=dark] .preset-section h3,[data-theme=dark] .custom-section h3{color:#e0e0e0}[data-theme=dark] .preset-group h4{color:#b0b0b0}[data-theme=dark] .preset-button{border-color:#555;background:#2a2a2a;color:#e0e0e0;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .preset-button:hover{border-color:#667eea;background:#333;color:#9d7aff;box-shadow:0 4px 8px #667eea4d}[data-theme=dark] .preset-button.active{border-color:#667eea;background:#667eea;color:#fff;box-shadow:0 4px 12px #667eea66}[data-theme=dark] .preset-button.in-batch{border-color:#28a745;background:#1e3a2e;color:#6cff88}[data-theme=dark] .preset-button.in-batch:hover{background:#2a4a3a;box-shadow:0 4px 8px #28a7454d}.custom-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}[data-theme=dark] .custom-section{border-top-color:#444}[data-theme=dark] .input-group label{color:#b0b0b0}[data-theme=dark] .input-group input[type=number]{border-color:#555;background:#2a2a2a;color:#e0e0e0}[data-theme=dark] .input-group input[type=number]:focus{border-color:#667eea}[data-theme=dark] .checkbox-label{color:#e0e0e0}.custom-inputs{display:flex;gap:1rem;margin-bottom:1rem}.input-group{flex:1}.input-group label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#666;font-weight:500}.input-group input[type=number]{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:6px;font-size:1rem;transition:border-color .2s ease}.input-group input[type=number]:focus{outline:none;border-color:#007bff}.checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer;font-size:.95rem;color:#333}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.format-selector{margin-bottom:1.5rem}.format-selector label{display:block;margin-bottom:.75rem;font-size:.9rem;color:#666;font-weight:600}.format-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.format-button{flex:1;min-width:100px;padding:.875rem 1.5rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-weight:600;background:#fff;color:#333;cursor:pointer;transition:all .2s ease}.format-button:hover{border-color:#6f42c1;background:#f8f4ff;color:#6f42c1}.format-button.active{border-color:#6f42c1;background:#6f42c1;color:#fff;box-shadow:0 2px 8px #6f42c14d}.format-button:active{transform:scale(.98)}[data-theme=dark] .format-selector label{color:#b0b0b0}[data-theme=dark] .format-button{border-color:#555;background:#2a2a2a;color:#e0e0e0}[data-theme=dark] .format-button:hover{border-color:#667eea;background:#333;color:#9d7aff}[data-theme=dark] .format-button.active{border-color:#667eea;background:#667eea;color:#fff;box-shadow:0 2px 8px #667eea66}@media(max-width:768px){.format-buttons{flex-direction:column}.format-button{width:100%}}.image-preview{margin-bottom:2rem}.preview-placeholder{text-align:center;color:#999;padding:3rem;font-size:1.1rem}.preview-container{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.preview-item h3{margin-top:0;margin-bottom:1rem;font-size:1.1rem;color:#333}.preview-image-wrapper{border:1px solid #ddd;border-radius:8px;padding:1rem;background:#fafafa;text-align:center}.preview-image-wrapper img{max-width:100%;height:auto;border-radius:4px;box-shadow:0 2px 8px #0000001a}.image-info{margin-top:.75rem;font-size:.9rem;color:#666}.loading{padding:2rem;text-align:center;color:#007bff;font-size:1rem}.error{padding:1rem;background-color:#fee;color:#c33;border-radius:4px;text-align:center}@media(max-width:768px){.preview-container{grid-template-columns:1fr}}.pricing-info-modal-overlay{position:fixed;inset:0;background:#0009;z-index:10001;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}.pricing-info-modal-content{background:#fff;border-radius:20px;max-width:600px;width:100%;max-height:95vh;padding:0;position:relative;box-shadow:0 24px 48px #0003,0 8px 16px #0000001a;animation:slideIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;overflow:hidden}.pricing-info-modal-close{position:absolute;top:1.5rem;right:1.5rem;background:#f5f5f5;border:none;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666;z-index:1}.pricing-info-modal-close:hover{background:#e0e0e0;color:#333;transform:scale(1.1)}.pricing-info-header{text-align:center;padding:1.5rem 2rem 1rem;flex-shrink:0}.pricing-info-header h2{margin:0 0 .5rem;font-size:1.75rem;color:#333}.pricing-info-subtitle{margin:0;color:#666;font-size:1rem}.pricing-info-subtitle.limit-reached{color:#d32f2f;font-weight:500;background:#ffebee;padding:.75rem 1rem;border-radius:8px;border-left:3px solid #d32f2f;margin-top:.5rem}.pricing-info-content{flex:1;overflow-y:auto;padding:0 2rem;min-height:0;display:flex;flex-direction:column}.pricing-info-actions-wrapper{flex-shrink:0;padding:1rem 2rem 1.5rem;border-top:1px solid #eee;background:#fff}.pricing-philosophy{background:#f8f9fa;border-left:4px solid #6f42c1;padding:.75rem;border-radius:8px;margin-bottom:.875rem;margin-top:.875rem;font-size:.875rem}.pricing-philosophy p{margin:0;color:#444;line-height:1.5;font-size:.9375rem}.pricing-philosophy strong{color:#6f42c1;font-weight:600}.pricing-comparison{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1.25rem}.pricing-plan-single{display:flex;justify-content:center;margin-bottom:.875rem}.pricing-plan-single .pricing-plan{max-width:400px;width:100%}.pricing-plan{border:2px solid #ddd;border-radius:12px;padding:.875rem;position:relative;transition:all .2s ease}.pricing-plan.free{background:#f8f9fa}.pricing-plan.pro{border-color:#6f42c1;background:linear-gradient(135deg,#f8f4ff,#fff)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:#6f42c1;color:#fff;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600}.pricing-plan h3{margin:0 0 .375rem;font-size:1.0625rem;color:#333;text-align:center}.price{font-size:1.625rem;font-weight:700;color:#6f42c1;text-align:center;margin-bottom:.25rem}.price-note{text-align:center;font-size:.75rem;color:#666;margin-bottom:.625rem}.pricing-plan ul{list-style:none;padding:0;margin:0}.pricing-plan li{padding:.1875rem 0;color:#444;font-size:.8125rem;line-height:1.25}.pricing-plan li strong{color:#6f42c1}.pricing-highlights{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.25rem;padding:.875rem;background:#f8f9fa;border-radius:12px}.highlight-item{display:flex;gap:.75rem;align-items:flex-start}.highlight-icon{font-size:1.5rem;flex-shrink:0}.highlight-item strong{display:block;margin-bottom:.25rem;color:#333;font-size:.95rem}.highlight-item p{margin:0;color:#666;font-size:.85rem;line-height:1.4}.pricing-actions{margin-bottom:.75rem}.pricing-button-note{margin:.375rem 0 0;text-align:center;font-size:.8125rem;color:#666}.pricing-button{border:none;border-radius:8px;font-weight:700;cursor:pointer;transition:all .2s ease;display:block;text-align:center;text-decoration:none}.pricing-button.primary{width:100%;max-width:100%;padding:.75rem 1.5rem;font-size:.875rem;word-wrap:break-word;overflow-wrap:break-word;box-sizing:border-box}.pricing-button.secondary{padding:.625rem 1.25rem;font-size:.875rem;white-space:nowrap}.pricing-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #6f42c14d}.pricing-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #6f42c166}.pricing-button.primary:active{transform:translateY(0)}.pricing-button.secondary{background:#fff;color:#6f42c1;border:2px solid #6f42c1}.license-section{margin-top:1rem;padding-top:1rem}.license-divider{text-align:center;margin-bottom:1rem;position:relative}.license-divider:before,.license-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#ddd}.license-divider span{background:#fff;padding:0 1rem;color:#666;font-size:.9rem;position:relative}.license-input-group{display:flex;gap:.5rem;align-items:stretch}.license-input{flex:1;min-width:0;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:.9375rem;transition:border-color .2s ease}.license-input:focus{outline:none;border-color:#6f42c1}.license-error{margin-top:.75rem;padding:.75rem;background:#fee;color:#c33;border-radius:6px;font-size:.9rem;text-align:center}.pricing-success{text-align:center;padding:2rem 0}.pricing-success h2{margin:0 0 .5rem;color:#28a745;font-size:1.75rem}.pricing-success p{margin:0;color:#666;font-size:1.1rem}.pro-user-badge{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-weight:600;font-size:1.1rem}[data-theme=dark] .pricing-info-modal-content{background:#1a1a1a;color:#e0e0e0}[data-theme=dark] .pricing-info-modal-close{background:#2a2a2a;color:#b0b0b0}[data-theme=dark] .pricing-info-modal-close:hover{background:#3a3a3a;color:#e0e0e0}[data-theme=dark] .pricing-info-header h2{color:#e0e0e0}[data-theme=dark] .pricing-info-subtitle{color:#b0b0b0}[data-theme=dark] .pricing-info-subtitle.limit-reached{color:#ff6b6b;background:#3a1f1f;border-left-color:#ff6b6b}[data-theme=dark] .pricing-philosophy{background:#2a2a2a;border-left-color:#667eea}[data-theme=dark] .pricing-philosophy p{color:#d0d0d0}[data-theme=dark] .pricing-philosophy strong{color:#667eea}[data-theme=dark] .pricing-plan.free{background:#2a2a2a;border-color:#444}[data-theme=dark] .pricing-plan li{color:#d0d0d0}[data-theme=dark] .pricing-highlights{background:#2a2a2a}[data-theme=dark] .highlight-item strong{color:#e0e0e0}[data-theme=dark] .highlight-item p{color:#b0b0b0}[data-theme=dark] .license-input{background:#2a2a2a;border-color:#555;color:#e0e0e0}[data-theme=dark] .license-divider span{background:#1a1a1a;color:#b0b0b0}[data-theme=dark] .license-section{border-top-color:#444}[data-theme=dark] .pricing-info-actions-wrapper{background:#1a1a1a;border-top-color:#444}@media(max-width:768px){.pricing-info-modal-overlay{padding:.5rem;align-items:flex-end}.pricing-info-modal-content{max-height:95vh;border-radius:16px 16px 0 0;max-width:100%}.pricing-info-header{padding:1.5rem 1.25rem 1rem}.pricing-info-header h2{font-size:1.5rem}.pricing-info-subtitle{font-size:1rem}.pricing-info-content{padding:0 1.25rem}.pricing-info-actions-wrapper{padding:1rem 1.25rem 1.25rem}.pricing-comparison{grid-template-columns:1fr;gap:1rem}.pricing-plan-single .pricing-plan{max-width:100%}.pricing-plan{padding:1rem}.pricing-plan h3{font-size:1.1rem}.price{font-size:1.75rem}.pricing-highlights{grid-template-columns:1fr;padding:.875rem;gap:.5rem}.highlight-item{gap:.5rem}.highlight-icon{font-size:1.25rem}.pricing-philosophy{padding:.875rem;font-size:.95rem}.license-input-group{flex-direction:column}.pricing-button{padding:.875rem 1.5rem;font-size:1rem}}.toast-container{position:fixed;top:1rem;right:1rem;z-index:10000;display:flex;flex-direction:column;gap:.75rem;pointer-events:none}.toast{min-width:300px;max-width:400px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;padding:1rem 1.25rem;pointer-events:auto;opacity:0;transform:translate(100%);transition:all .3s ease}.toast-visible{opacity:1;transform:translate(0)}.toast-content{display:flex;align-items:center;justify-content:space-between;gap:1rem}.toast-message{flex:1;color:#333;font-size:.95rem;line-height:1.4}.toast-close{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.toast-close:hover{background:#f5f5f5;color:#666}.toast-success{border-left:4px solid #28a745}.toast-error{border-left:4px solid #dc3545}.toast-warning{border-left:4px solid #ffc107}.toast-info{border-left:4px solid #17a2b8}[data-theme=dark] .toast{background:#2a2a2a;box-shadow:0 4px 12px #0000004d}[data-theme=dark] .toast-message{color:#e0e0e0}[data-theme=dark] .toast-close{color:#b0b0b0}[data-theme=dark] .toast-close:hover{background:#3a3a3a;color:#e0e0e0}@media(max-width:768px){.toast-container{top:.5rem;right:.5rem;left:.5rem}.toast{min-width:auto;max-width:100%}}.download-controls{margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}.download-section,.batch-section{margin-bottom:2rem}.download-section h3,.batch-section h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:#333}.batch-hint{font-size:.9rem;color:#666;margin-bottom:1rem}.batch-item span{font-size:.95rem;color:#333}.remove-button{padding:.4rem .8rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s ease}.download-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.download-button.secondary{background:#28a745;color:#fff}.download-button.secondary:hover:not(:disabled){background:#218838}:root{--nav-bg: rgba(255, 255, 255, .82);--nav-border: rgba(15, 23, 42, .1);--nav-text: #0f172a;--nav-muted: rgba(15, 23, 42, .72);--nav-hover: rgba(15, 23, 42, .06);--nav-focus: rgba(99, 102, 241, .35);--nav-accent: #6366f1;--nav-accent2: #7c3aed}[data-theme=dark]{--nav-bg: rgba(26, 26, 26, .82);--nav-border: rgba(255, 255, 255, .1);--nav-text: #f7fafc;--nav-muted: rgba(255, 255, 255, .72);--nav-hover: rgba(255, 255, 255, .06);--nav-focus: rgba(129, 140, 248, .35);--nav-accent: #818cf8;--nav-accent2: #a78bfa}.nav{position:sticky;top:0;z-index:50;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--nav-border);box-shadow:0 8px 24px #0f172a0f;width:100%;overflow:visible}[data-theme=dark] .nav{box-shadow:0 8px 24px #0000004d}.nav__inner{max-width:1200px;margin:0 auto;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;overflow:visible}.nav__brand{text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform .16s ease}.nav__brand:hover{transform:translateY(-1px)}.nav__logo{font-size:28px;font-weight:400;font-family:Pacifico,Brush Script MT,Lucida Handwriting,cursive;letter-spacing:.05em;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#667eea;display:inline-block;line-height:1.4;white-space:nowrap;padding:6px 0;overflow:visible}[data-theme=dark] .nav__logo{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#818cf8}.nav__mobile-toggle{display:none;appearance:none;border:none;background:transparent;cursor:pointer;padding:8px;margin-left:auto;z-index:1001}.nav__hamburger{display:flex;flex-direction:column;justify-content:space-around;width:24px;height:18px;transition:all .3s ease}.nav__hamburger span{display:block;height:2px;width:100%;background:var(--nav-text);border-radius:2px;transition:all .3s ease}.nav__hamburger--open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.nav__hamburger--open span:nth-child(2){opacity:0}.nav__hamburger--open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.nav__links{display:flex;align-items:center;gap:10px}.nav__item{appearance:none;border:1px solid transparent;background:transparent;color:var(--nav-muted);padding:10px 12px;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .16s ease,color .16s ease,border-color .16s ease,transform .16s ease;font-family:inherit}.nav__item:hover{background:var(--nav-hover);color:var(--nav-text)}.nav__item:active{transform:translateY(1px)}.nav__item:focus-visible{outline:none;box-shadow:0 0 0 4px var(--nav-focus);border-color:#6366f140;color:var(--nav-text)}[data-theme=dark] .nav__item:focus-visible{border-color:#818cf840}.nav__chev{font-size:14px;opacity:.8;transform:translateY(1px);transition:transform .16s ease}.nav__item[aria-expanded=true] .nav__chev{transform:translateY(1px) rotate(180deg)}.menu{position:absolute;top:calc(100% + 10px);left:0;margin-top:0;min-width:220px;padding:8px;border-radius:14px;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--nav-border);box-shadow:0 18px 40px #0f172a1f;z-index:1000;animation:menuFadeIn .2s ease}[data-theme=dark] .menu{box-shadow:0 18px 40px #0006}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.menu__link{display:block;padding:10px;border-radius:10px;text-decoration:none;color:var(--nav-muted);font-weight:600;font-size:16px;transition:background .16s ease,color .16s ease}.menu__link:hover{background:var(--nav-hover);color:var(--nav-text)}.mega-menu{position:absolute;top:calc(100% + 10px);left:0;margin-top:0;min-width:500px;max-width:min(900px,calc(100vw - 40px));padding:1.75rem;border-radius:16px;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--nav-border);box-shadow:0 20px 60px #0f172a26;z-index:1000;animation:menuFadeIn .2s ease;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;max-height:80vh;overflow-y:auto;overflow-x:hidden}[data-theme=dark] .mega-menu{box-shadow:0 20px 60px #00000080}.nav__item-wrapper{position:relative}.mega-menu__column{display:flex;flex-direction:column;gap:.5rem}.mega-menu__heading{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--nav-accent);margin:0 0 .75rem;padding-bottom:.5rem;border-bottom:1px solid var(--nav-border)}.mega-menu__link{display:block;padding:.625rem .75rem;border-radius:8px;text-decoration:none;color:var(--nav-muted);font-weight:500;font-size:.9375rem;transition:background .16s ease,color .16s ease,transform .16s ease;line-height:1.4}.mega-menu__link:hover{background:var(--nav-hover);color:var(--nav-text);transform:translate(4px)}@media(max-width:1200px){.mega-menu{min-width:450px;max-width:min(700px,calc(100vw - 40px));grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.25rem;padding:1.5rem}}@media(max-width:900px){.mega-menu{min-width:350px;max-width:min(600px,calc(100vw - 40px));grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:1rem;padding:1.25rem}}.mega-menu:has(.mega-menu__column:nth-child(5)){grid-template-columns:repeat(auto-fit,minmax(140px,1fr));max-width:min(900px,calc(100vw - 40px))}.mega-menu:has(.mega-menu__column:nth-child(6)){grid-template-columns:repeat(auto-fit,minmax(130px,1fr));max-width:min(900px,calc(100vw - 40px))}@media(max-width:768px){.nav__inner{padding:12px 16px;flex-wrap:nowrap;position:relative}.nav__logo{font-size:24px;line-height:1.4;padding:6px 0}.nav__mobile-toggle{display:flex;align-items:center;justify-content:center;margin-left:auto;margin-right:0;position:relative;z-index:1001}.nav__links{position:fixed;inset:0;background:var(--nav-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:80px 20px 20px;gap:0;width:100%;height:100vh;overflow-y:auto;transform:translate(-100%);transition:transform .3s ease;z-index:1000;margin-top:0;box-shadow:0 0 0 100vmax #0000}.nav__links--open{transform:translate(0);box-shadow:0 0 0 100vmax #00000080}.nav__item-wrapper{width:100%;border-bottom:1px solid var(--nav-border)}.nav__item-wrapper:last-child{border-bottom:none}.nav__item{width:100%;font-size:18px;padding:16px 12px;justify-content:space-between;text-align:left;border-radius:0}.menu{position:static;width:100%;min-width:100%;margin-top:0;margin-left:0;border:none;border-radius:0;box-shadow:none;background:var(--nav-hover);padding:0;animation:none}.menu__link{padding:14px 12px 14px 32px;border-radius:0;font-size:16px;border-bottom:1px solid var(--nav-border)}.menu__link:last-child{border-bottom:none}.mega-menu{position:static;width:100%;min-width:100%;max-width:100%;margin-top:0;margin-left:0;border:none;border-radius:0;box-shadow:none;background:var(--nav-hover);padding:1rem;animation:none;display:flex;flex-direction:column;gap:1.5rem}.mega-menu__column{gap:.5rem}.mega-menu__heading{font-size:.8125rem;margin-bottom:.5rem;padding-bottom:.5rem}.mega-menu__link{padding:12px 12px 12px 24px;border-radius:0;font-size:15px;border-bottom:1px solid var(--nav-border);transform:none}.mega-menu__link:hover{transform:none}.mega-menu__link:last-child{border-bottom:none}}.footer{background:#fff;border-top:1px solid #e2e8f0;margin-top:auto;padding:3rem 0 1.5rem;width:100%}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem}.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2.5rem;margin-bottom:2rem}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-title-link{text-decoration:none;display:inline-block;transition:transform .16s ease}.footer-title-link:hover{transform:translateY(-1px)}.footer-title{font-size:28px;font-weight:400;font-family:Pacifico,Brush Script MT,Lucida Handwriting,cursive;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#667eea;letter-spacing:.05em;margin:0;display:inline-block;line-height:1.2;white-space:nowrap}.footer-description{color:#718096;font-size:.9375rem;line-height:1.6;margin:0}.footer-heading{font-size:1rem;font-weight:600;color:#2d3748;margin:0 0 .5rem}.footer-nav{display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#4a5568;text-decoration:none;font-size:.9375rem;transition:color .2s ease;border:none;background:none;cursor:pointer;font-family:inherit;text-align:left;padding:0}.footer-link:hover{color:#667eea}.footer-bottom{padding-top:2rem;border-top:1px solid #e2e8f0;text-align:center}.footer-copyright{color:#718096;font-size:.875rem;margin:0}[data-theme=dark] .footer{background:#1a1a1a;border-top-color:#333}[data-theme=dark] .footer-title{background:linear-gradient(135deg,#818cf8,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:#818cf8}[data-theme=dark] .footer-description{color:#a0aec0}[data-theme=dark] .footer-heading{color:#e0e0e0}[data-theme=dark] .footer-link{color:#cbd5e0}[data-theme=dark] .footer-link:hover{color:#818cf8}[data-theme=dark] .footer-bottom{border-top-color:#333}[data-theme=dark] .footer-copyright{color:#a0aec0}@media(max-width:768px){.footer{padding:2rem 0 1.5rem}.footer-container{padding:0 1.25rem}.footer-content{grid-template-columns:1fr;gap:2rem;margin-bottom:1.5rem}.footer-title{font-size:24px}}.privacy-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2rem;margin-bottom:2rem;border-radius:8px;box-shadow:0 2px 8px #667eea4d;width:100%;box-sizing:border-box;overflow-x:hidden}.privacy-content{display:flex;align-items:center;gap:1rem;max-width:1200px;margin:0 auto;width:100%;box-sizing:border-box}.privacy-icon{font-size:1.5rem;flex-shrink:0}.privacy-text{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;flex:1}.privacy-text strong{font-size:1.1rem;font-weight:600;color:#fff}.privacy-text span{font-size:.95rem;color:#fff;opacity:.95;line-height:1.5}@media(max-width:768px){.privacy-banner{padding:.875rem 1rem;margin-bottom:1.5rem}.privacy-content{gap:.75rem;flex-wrap:wrap}.privacy-icon{font-size:1.25rem}.privacy-text{min-width:0;flex:1 1 100%}.privacy-text strong{font-size:1rem;display:block;margin-bottom:.25rem}.privacy-text span{font-size:.875rem;display:block}}[data-theme=dark] .privacy-banner{background:linear-gradient(135deg,#4c63d2,#6a3d91);box-shadow:0 2px 8px #4c63d266}.consent-banner-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.consent-banner{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease-out}.consent-banner-content{padding:2rem}.consent-banner-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.consent-icon{font-size:2rem}.consent-banner-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a}.consent-banner-text{margin:.75rem 0;color:#4a4a4a;line-height:1.6;font-size:.95rem}.consent-banner-actions{display:flex;gap:.75rem;padding:1.5rem 2rem;border-top:1px solid #e5e5e5;flex-wrap:wrap}.consent-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;flex:1;min-width:120px}.consent-button-accept{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.consent-button-accept:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.consent-button-reject{background:#f5f5f5;color:#4a4a4a;border:1px solid #e0e0e0}.consent-button-reject:hover{background:#e8e8e8}.consent-button-customize{background:#fff;color:#667eea;border:2px solid #667eea}.consent-button-customize:hover{background:#f8f9ff}.consent-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.consent-button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #667eea66}.consent-button-secondary{background:#f5f5f5;color:#4a4a4a;border:1px solid #e0e0e0}.consent-button-secondary:hover{background:#e8e8e8}.consent-details{padding:2rem}.consent-details-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.consent-details-header h2{margin:0;font-size:1.5rem;font-weight:600;color:#1a1a1a}.consent-close{background:none;border:none;font-size:2rem;color:#999;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease}.consent-close:hover{background:#f5f5f5;color:#666}.consent-options{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.consent-option{padding:1.25rem;background:#f9f9f9;border-radius:8px;border:1px solid #e5e5e5}.consent-option-header{margin-bottom:.5rem}.consent-option-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;font-weight:600;color:#1a1a1a;font-size:1rem}.consent-option-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#667eea}.consent-option-label input[type=checkbox]:disabled{opacity:.6;cursor:not-allowed}.consent-option-description{margin:0;margin-left:2rem;color:#666;font-size:.9rem;line-height:1.5}.consent-details-actions{display:flex;gap:.75rem;padding-top:1.5rem;border-top:1px solid #e5e5e5;justify-content:flex-end}[data-theme=dark] .consent-banner{background:#1a1a1a;color:#e0e0e0}[data-theme=dark] .consent-banner-header h2,[data-theme=dark] .consent-details-header h2{color:#e0e0e0}[data-theme=dark] .consent-banner-text{color:#b0b0b0}[data-theme=dark] .consent-banner-actions,[data-theme=dark] .consent-details-actions{border-top-color:#333}[data-theme=dark] .consent-button-reject,[data-theme=dark] .consent-button-secondary{background:#2a2a2a;color:#e0e0e0;border-color:#444}[data-theme=dark] .consent-button-reject:hover,[data-theme=dark] .consent-button-secondary:hover{background:#333}[data-theme=dark] .consent-button-customize{background:#1a1a1a;color:#667eea;border-color:#667eea}[data-theme=dark] .consent-button-customize:hover{background:#252525}[data-theme=dark] .consent-option{background:#252525;border-color:#333}[data-theme=dark] .consent-option-label{color:#e0e0e0}[data-theme=dark] .consent-option-description{color:#b0b0b0}[data-theme=dark] .consent-close{color:#999}[data-theme=dark] .consent-close:hover{background:#2a2a2a;color:#ccc}@media(max-width:768px){.consent-banner{max-width:100%;margin:0;border-radius:0;max-height:100vh}.consent-banner-content,.consent-details{padding:1.5rem}.consent-banner-actions{flex-direction:column;padding:1rem 1.5rem}.consent-button{width:100%}.consent-details-actions{flex-direction:column}.consent-option-description{margin-left:0;margin-top:.5rem}}.breach-notification-banner{background:#fff5f5;border-left:4px solid #dc2626;color:#991b1b;padding:1rem 1.5rem;margin-bottom:1rem;border-radius:8px;box-shadow:0 2px 8px #dc262633;display:flex;align-items:center;justify-content:space-between;gap:1rem;animation:slideDown .3s ease-out}.breach-notification-content{display:flex;align-items:center;gap:1rem;flex:1}.breach-notification-icon{font-size:1.5rem;flex-shrink:0}.breach-notification-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.breach-notification-text strong{font-size:1.1rem;font-weight:600;color:#991b1b}.breach-notification-text span{font-size:.95rem;line-height:1.4;color:#7f1d1d}.breach-notification-timestamp{font-size:.85rem;opacity:.8;margin-top:.25rem}.breach-notification-dismiss{background:none;border:none;color:#991b1b;font-size:1.5rem;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background .2s ease;flex-shrink:0}.breach-notification-dismiss:hover{background:#991b1b1a}[data-theme=dark] .breach-notification-banner{background:#2a1a1a;color:#fca5a5;box-shadow:0 2px 8px #dc26264d}[data-theme=dark] .breach-notification-text strong,[data-theme=dark] .breach-notification-text span,[data-theme=dark] .breach-notification-dismiss{color:#fca5a5}[data-theme=dark] .breach-notification-dismiss:hover{background:#fca5a51a}@media(max-width:768px){.breach-notification-banner{padding:.875rem 1.25rem;flex-direction:column;align-items:flex-start}.breach-notification-content{width:100%}.breach-notification-dismiss{align-self:flex-end}}.theme-toggle{position:fixed;top:1rem;right:1rem;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:50%;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #0000001a;z-index:1000;font-size:1.25rem}.theme-toggle:hover{background:#fff;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.theme-toggle:active{transform:scale(.95)}.theme-icon{display:block;line-height:1}[data-theme=dark] .theme-toggle{background:#1e1e1ee6;border-color:#ffffff1a;color:#fff}[data-theme=dark] .theme-toggle:hover{background:#282828}@media(max-width:768px){.theme-toggle{top:.75rem;right:4rem;width:2.5rem;height:2.5rem;font-size:1.1rem;z-index:1002}}.processing-history{margin-top:1.5rem;padding:1.5rem;background:#f9f9f9;border-radius:8px;border:1px solid #eee}.processing-history-header{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.processing-history-header>div:first-of-type{display:flex;justify-content:space-between;align-items:center;width:100%}.processing-history-header h3{margin:0;font-size:1.2rem;color:#333}.processing-history-actions{display:flex;align-items:center;gap:.5rem}.processing-history-clear{padding:.4rem .8rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s ease}.processing-history-clear:hover{background:#c82333}.processing-history-close{background:none;border:none;font-size:1.5rem;color:#666;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:background-color .2s ease}.processing-history-close:hover{background:#e0e0e0}.processing-history-confirm{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666}.processing-history-confirm-yes,.processing-history-confirm-no{padding:.3rem .6rem;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s ease}.processing-history-confirm-yes{background:#dc3545;color:#fff}.processing-history-confirm-yes:hover{background:#c82333}.processing-history-confirm-no{background:#6c757d;color:#fff}.processing-history-confirm-no:hover{background:#5a6268}.processing-history-empty{padding:2rem;text-align:center;color:#666}.processing-history-empty p{margin:.5rem 0}.processing-history-hint{font-size:.9rem;color:#999}.processing-history-privacy-note{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background:#f0f8ff;border:1px solid #b3d9ff;border-radius:6px;font-size:.85rem;color:#06c}.privacy-icon{font-size:1rem;flex-shrink:0}.privacy-text{line-height:1.4}.processing-history-list{display:flex;flex-direction:column;gap:.5rem}.processing-history-item{display:flex;align-items:flex-start;gap:1rem;padding:1rem;background:#fff;border-radius:6px;border:1px solid #e0e0e0;transition:all .2s ease}.processing-history-item.clickable{cursor:pointer}.processing-history-item.clickable:hover{border-color:#007bff;background:#f0f8ff}.processing-history-item-icon{font-size:1.5rem;flex-shrink:0}.processing-history-item-content{flex:1;min-width:0}.processing-history-item-name{font-weight:500;color:#333;margin-bottom:.25rem;word-break:break-word}.processing-history-item-details{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:#666;flex-wrap:wrap}.processing-history-item-operation{font-weight:500;color:#007bff}.processing-history-item-separator{color:#ccc}.processing-history-item-size{color:#666}.processing-history-item-time{color:#999}.processing-history-item-params{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap}.processing-history-param{font-size:.8rem;color:#888;background:#f5f5f5;padding:.2rem .5rem;border-radius:3px}.processing-history-item-remove{background:none;border:none;color:#999;cursor:pointer;font-size:1.2rem;padding:0;width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s ease;flex-shrink:0}.processing-history-item-remove:hover{background:#f0f0f0;color:#dc3545}@media(prefers-color-scheme:dark){.processing-history-privacy-note{background:#1a2a3a;border-color:#3a5a7a;color:#6bb6ff}}@media(prefers-color-scheme:dark){.processing-history{background:#2a2a2a;border-color:#444}.processing-history-header h3{color:#e0e0e0}.processing-history-close{color:#aaa}.processing-history-close:hover{background:#444}.processing-history-confirm,.processing-history-empty{color:#aaa}.processing-history-hint{color:#888}.processing-history-item{background:#333;border-color:#444}.processing-history-item.clickable:hover{border-color:#4a9eff;background:#2a3a4a}.processing-history-item-name{color:#e0e0e0}.processing-history-item-operation{color:#4a9eff}.processing-history-item-separator{color:#666}.processing-history-item-size{color:#aaa}.processing-history-item-time{color:#888}.processing-history-param{color:#aaa;background:#3a3a3a}.processing-history-item-remove{color:#888}.processing-history-item-remove:hover{background:#444;color:#ff6b6b}}.usage-counter{padding:1rem 1.25rem;background:#f8f9fa;border:1px solid #dee2e6;border-radius:12px;margin-bottom:1rem;display:flex;flex-direction:column;gap:.75rem;transition:all .2s ease}.usage-counter.unlimited{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff;justify-content:center;flex-direction:row;gap:.5rem;align-items:center}.usage-counter.near-limit{background:#fff4e6;border-color:#ffd89b}.usage-header{display:flex;flex-direction:column;gap:.5rem}.usage-info{display:flex;flex-direction:row;align-items:center;gap:.75rem;flex-wrap:wrap}.usage-text{font-size:.9rem;font-weight:600;color:#333}.usage-counter.unlimited .usage-text{color:#fff}.usage-remaining{font-size:.8rem;color:#666}.history-button{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:transparent;color:#6f42c1;border:1px solid #6f42c1;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-left:auto}.history-button:hover{background:#f8f4ff;border-color:#5a32a3;color:#5a32a3}.history-icon{font-size:.9rem}.history-text{white-space:nowrap}.usage-counter.unlimited .history-button{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.5)}.usage-counter.unlimited .history-button:hover{background:#ffffff1a;border-color:#ffffffb3}[data-theme=dark] .activate-license-button{background:#2a2a2a;border-color:#667eea;color:#b89ef0}[data-theme=dark] .activate-license-button:hover{background:#3a2a4a}.usage-links{display:flex;flex-direction:row;gap:.5rem;padding-top:.75rem;border-top:1px solid #e9ecef}.activate-license-toggle{background:none;border:none;color:#6f42c1;font-size:.85rem;cursor:pointer;padding:0;text-decoration:none;transition:all .2s ease;opacity:.8;font-weight:500;text-align:left;width:100%}.activate-license-toggle:hover{opacity:1;color:#5a32a3}.license-activation-section{width:100%}.license-input-wrapper{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.license-input-inline{flex:1;min-width:200px;padding:.625rem;border:2px solid #ddd;border-radius:6px;font-size:.9rem;transition:border-color .2s ease}.license-input-inline:focus{outline:none;border-color:#6f42c1}.license-input-inline:disabled{background:#f5f5f5;cursor:not-allowed}.activate-button{background:#6f42c1;color:#fff;border:none;border-radius:6px;padding:.625rem 1rem;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.activate-button:hover:not(:disabled){background:#5a32a3;transform:translateY(-1px)}.activate-button:disabled{opacity:.6;cursor:not-allowed}.cancel-license-button{background:transparent;color:#666;border:1px solid #ddd;border-radius:6px;padding:.625rem .875rem;font-size:.9rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.cancel-license-button:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.cancel-license-button:disabled{opacity:.6;cursor:not-allowed}.license-error-inline{margin-top:.5rem;padding:.625rem;background:#fee;color:#c33;border-radius:6px;font-size:.85rem;text-align:center}[data-theme=dark] .usage-links{border-top-color:#444}[data-theme=dark] .activate-license-toggle{color:#9d7ce8}[data-theme=dark] .activate-license-toggle:hover{color:#b89ef0}[data-theme=dark] .license-input-inline{background:#2a2a2a;border-color:#555;color:#e0e0e0}[data-theme=dark] .license-input-inline:focus{border-color:#667eea}[data-theme=dark] .license-input-inline:disabled{background:#1a1a1a}[data-theme=dark] .cancel-license-button{color:#b0b0b0;border-color:#555}[data-theme=dark] .cancel-license-button:hover:not(:disabled){background:#2a2a2a;border-color:#666}[data-theme=dark] .license-error-inline{background:#4a1a1a;color:#ff6b6b}@media(max-width:768px){.license-input-wrapper{flex-direction:column}.license-input-inline{width:100%;min-width:unset}.activate-button,.cancel-license-button{width:100%}}.usage-counter.unlimited .usage-remaining{color:#ffffffe6}.usage-icon{font-size:1.2rem}.usage-bar{width:100%;height:6px;background:#e9ecef;border-radius:3px;overflow:hidden}.usage-bar-fill{height:100%;background:linear-gradient(90deg,#28a745,#20c997 50%,#ffc107 80%,#dc3545);transition:width .3s ease;border-radius:4px}.usage-counter.near-limit .usage-bar-fill{background:#dc3545}.usage-counter.unlimited .usage-bar{display:none}.pricing-info-button,.activate-license-button{padding:.5rem .875rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:.5rem;border:none;white-space:nowrap}.pricing-info-button{background:#6f42c1;color:#fff}.pricing-info-button:hover{background:#5a32a3}.activate-license-button{background:#fff;color:#6f42c1;border:1px solid #6f42c1}.activate-license-button:hover{background:#f8f4ff}.button-icon{font-size:.9rem;flex-shrink:0}.button-text{text-align:left}.button-arrow{font-size:.85rem;flex-shrink:0}[data-theme=dark] .usage-counter{background:#2a2a2a;border-color:#444}[data-theme=dark] .usage-counter.near-limit{background:#4a3a1f;border-color:#6a5a3f}[data-theme=dark] .usage-text{color:#e0e0e0}[data-theme=dark] .usage-remaining{color:#b0b0b0}[data-theme=dark] .history-button{background:transparent;color:#9d7ce8;border-color:#9d7ce8}[data-theme=dark] .history-button:hover{background:#9d7ce81a;border-color:#b89ef0;color:#b89ef0}[data-theme=dark] .usage-bar{background:#1a1a1a}@media(max-width:768px){.usage-header{flex-direction:column;align-items:stretch;gap:.75rem}.usage-bar{width:100%}.usage-links{flex-direction:column}.pricing-info-button,.activate-license-button{width:100%}}.pdf-compressor{margin-top:1rem}.mode-selector{margin-bottom:1.5rem}.mode-selector label{display:block;margin-bottom:.75rem;font-size:1rem;font-weight:600;color:#333}.mode-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.mode-button{padding:1rem;border:2px solid #ddd;border-radius:8px;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:.35rem;text-align:left;font-weight:500}.mode-button:hover:not(:disabled){border-color:#6f42c1;background-color:#f8f4ff;color:#6f42c1;transform:translateY(-2px);box-shadow:0 4px 8px #6f42c126}.mode-button.active{border-color:#6f42c1;background-color:#6f42c1;color:#fff;box-shadow:0 4px 12px #6f42c14d;transform:translateY(-2px)}.mode-button:disabled{opacity:.6;cursor:not-allowed}.mode-button strong{font-size:.95rem;display:block}.mode-button .mode-desc{font-size:.8rem;opacity:.85;font-weight:400}.pdf-warning{padding:.9rem 1rem;border-radius:8px;background:#fff4e6;border:1px solid #ffd89b;color:#ad6800;margin-bottom:1rem}.pdf-info{padding:.9rem 1rem;border-radius:8px;background:#e6f7ff;border:1px solid #91d5ff;color:#003a8c;margin-bottom:1rem;font-size:.95rem}.pdf-controls{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1rem}.control label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#666;font-weight:600}.control input[type=range]{width:100%}.control-hint{margin-top:.35rem;font-size:.9rem;color:#333;font-weight:600}.pdf-action{padding:.75rem 1.25rem;border-radius:8px;border:none;cursor:pointer;background:#6f42c1;color:#fff;font-weight:700}.pdf-action:disabled{opacity:.6;cursor:not-allowed}.pdf-status{margin-top:.75rem;color:#6f42c1;font-weight:600}.pdf-error{margin-top:.75rem;padding:1rem;background:#fee;color:#c33;border-radius:8px;border:1px solid #fcc;display:flex;align-items:flex-start;gap:.75rem;line-height:1.5}.pdf-error:before{content:"⚠️";font-size:1.2rem;flex-shrink:0}.pdf-stats{margin-top:1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.pdf-stats>div{padding:.75rem;background:#fafafa;border:1px solid #eee;border-radius:8px;display:flex;flex-direction:column;gap:.25rem;font-weight:700;color:#222}.pdf-stats span{font-weight:600;color:#666;font-size:.85rem}.pdf-download{display:inline-block;margin-top:1rem;padding:.75rem 1.25rem;border-radius:8px;background:#198754;color:#fff;text-decoration:none;font-weight:700}.pdf-download:hover{filter:brightness(.95)}[data-theme=dark] .mode-selector label{color:#e0e0e0}[data-theme=dark] .mode-button{border-color:#555;background:#2a2a2a;color:#e0e0e0}[data-theme=dark] .mode-button:hover:not(:disabled){border-color:#667eea;background-color:#333}[data-theme=dark] .mode-button.active{background-color:#667eea;border-color:#667eea}[data-theme=dark] .pdf-warning{background:#4a3a1f;border-color:#6a5a3f;color:#ffb84d}[data-theme=dark] .pdf-info{background:#1a2a3a;border-color:#3a5a7a;color:#6bb6ff}[data-theme=dark] .control label{color:#b0b0b0}[data-theme=dark] .control-hint{color:#e0e0e0}[data-theme=dark] .pdf-status{color:#9d7aff}[data-theme=dark] .pdf-error{background:#4a1f1f;color:#ff6b6b;border-color:#6a2f2f}[data-theme=dark] .pdf-stats>div{background:#2a2a2a;border-color:#444;color:#e0e0e0}[data-theme=dark] .pdf-stats span{color:#b0b0b0}@media(max-width:768px){.mode-buttons{grid-template-columns:1fr}.pdf-stats{grid-template-columns:1fr 1fr}}.batch-pdf-compressor{margin-top:2rem;padding-top:2rem;border-top:1px solid #eee}.batch-section{margin-bottom:2rem}@media(prefers-color-scheme:dark){.batch-pdf-compressor{border-top-color:#444}.batch-section h3{color:#e0e0e0}.batch-hint{color:#aaa}.batch-info{color:#999}.batch-empty{background:#2a2a2a;color:#888}.batch-item{background:#2a2a2a;border-color:#444}.batch-item span{color:#e0e0e0}.batch-progress{background:#1a3a5a;border-color:#2a5a8a}.batch-progress p{color:#e0e0e0}.progress-bar{background:#444}.error-message{background:#4a1a1a;color:#ff6b6b;border-color:#6a2a2a}}.resize-mode-selector{margin-bottom:1.5rem}.resize-mode-selector .label{display:block;margin-bottom:.5rem;font-size:.9rem;color:#666;font-weight:500}.resize-mode-selector .options{display:flex;flex-wrap:wrap;gap:.5rem}.resize-mode-selector .option{padding:.5rem .9rem;border-radius:6px;border:1px solid #ddd;background:#fff;font-size:.9rem;cursor:pointer;transition:background-color .2s ease,border-color .2s ease}.resize-mode-selector .option:hover{border-color:#007bff;background-color:#f0f8ff}.resize-mode-selector .option.active{border-color:#007bff;background-color:#007bff;color:#fff}.batch-image-processor{margin-top:1rem}.batch-section{margin-top:2rem;margin-bottom:2rem;padding-top:2rem;border-top:1px solid #eee}.batch-section h3{margin-top:0;margin-bottom:1rem;font-size:1.2rem;color:#333}.batch-hint{font-size:.9rem;color:#666;margin-bottom:.5rem}.batch-info{font-size:.85rem;color:#888;margin-bottom:1rem}.batch-list{margin-bottom:1rem;min-height:60px}.batch-empty{padding:1rem;text-align:center;color:#999;font-size:.9rem;background:#f5f5f5;border-radius:4px}.batch-list ul{list-style:none;padding:0;margin:0}.batch-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#f9f9f9;border-radius:4px;border:1px solid #eee}.batch-item span{font-size:.95rem;color:#333;flex:1;word-break:break-word;margin-right:1rem}.batch-progress{margin:1rem 0;padding:1rem;background:#f0f8ff;border-radius:4px;border:1px solid #b3d9ff}.batch-progress p{margin:0 0 .5rem;font-size:.9rem;color:#333}.error-message{padding:.75rem;margin-bottom:1rem;background:#f8d7da;color:#721c24;border-radius:4px;border:1px solid #f5c6cb;font-size:.9rem}.download-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.download-button.primary{background:#007bff;color:#fff}.download-button.primary:hover:not(:disabled){background:#0056b3}.download-button:disabled{opacity:.6;cursor:not-allowed}.batch-optimize-header{margin-bottom:1.5rem}.batch-optimize-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.batch-optimize-subtitle{margin:0;font-size:.95rem;color:#666}.batch-optimize-controls{margin-bottom:2rem;padding:1.5rem;background:#f9f9f9;border-radius:8px;border:1px solid #eee}.batch-optimize-control{margin-bottom:1.5rem}.batch-optimize-control:last-child{margin-bottom:0}.batch-optimize-control label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.batch-optimize-control input[type=range]{width:100%;margin-top:.5rem}.batch-optimize-control select{width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem}.batch-optimize-control input[type=checkbox]{margin-right:.5rem}.batch-optimize-quality-hints{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.85rem;color:#999}.batch-optimize-quality-hints span.active{color:#007bff;font-weight:500}.batch-optimize-hint{margin:.5rem 0 0;font-size:.85rem;color:#666}.batch-optimize-stats{margin-top:1rem;padding:1rem;background:#f0f8ff;border-radius:6px;border:1px solid #b3d9ff;display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem}.batch-optimize-stat{display:flex;flex-direction:column;align-items:center;text-align:center}.batch-optimize-stat-label{font-size:.85rem;color:#666;margin-bottom:.25rem}.batch-optimize-stat-value{font-size:1.1rem;font-weight:600;color:#333}.batch-optimize-stat-value.positive{color:#28a745}@media(prefers-color-scheme:dark){.batch-section{border-top-color:#444}.batch-section h3{color:#e0e0e0}.batch-hint{color:#aaa}.batch-info{color:#999}.batch-empty{background:#2a2a2a;color:#888}.batch-item{background:#2a2a2a;border-color:#444}.batch-item span{color:#e0e0e0}.batch-progress{background:#1a3a5a;border-color:#2a5a8a}.batch-progress p{color:#e0e0e0}.progress-bar{background:#444}.error-message{background:#4a1a1a;color:#ff6b6b;border-color:#6a2a2a}.batch-optimize-header h2{color:#e0e0e0}.batch-optimize-subtitle{color:#aaa}.batch-optimize-controls{background:#2a2a2a;border-color:#444}.batch-optimize-control label{color:#e0e0e0}.batch-optimize-control select{background:#333;border-color:#555;color:#e0e0e0}.batch-optimize-hint{color:#aaa}.batch-optimize-quality-hints{color:#888}.batch-optimize-quality-hints span.active{color:#4a9eff}.batch-optimize-stats{background:#1a3a5a;border-color:#2a5a8a}.batch-optimize-stat-label{color:#aaa}.batch-optimize-stat-value{color:#e0e0e0}.batch-optimize-stat-value.positive{color:#4ade80}}.pdf-merge-tool{margin-top:1rem}.pdf-merge-header{margin-bottom:1.5rem}.pdf-merge-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.pdf-merge-subtitle{margin:0;color:#666;font-size:.95rem}.pdf-merge-loading,.pdf-merge-error{padding:1rem;border-radius:8px;margin-bottom:1rem}.pdf-merge-loading{background:#f0f0f0;color:#666;text-align:center}.pdf-merge-error{background:#fee;border:1px solid #fcc;color:#c33}.pdf-merge-summary{display:flex;gap:2rem;padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem;flex-wrap:wrap}.pdf-merge-summary-item{display:flex;flex-direction:column;gap:.25rem}.pdf-merge-summary-label{font-size:.85rem;color:#666;font-weight:500}.pdf-merge-summary-value{font-size:1.1rem;font-weight:600;color:#333}.pdf-merge-list{margin-bottom:1.5rem}.pdf-merge-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #e0e0e0;border-radius:8px;margin-bottom:.75rem;cursor:move;transition:all .2s ease}.pdf-merge-item:hover{border-color:#6f42c1;background:#f8f4ff;transform:translate(4px)}.pdf-merge-item.dragging{opacity:.5;border-color:#6f42c1}.pdf-merge-item-handle{font-size:1.2rem;color:#999;cursor:grab;-webkit-user-select:none;user-select:none}.pdf-merge-item-handle:active{cursor:grabbing}.pdf-merge-item-info{flex:1;min-width:0}.pdf-merge-item-name{font-weight:600;color:#333;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-merge-item-details{font-size:.85rem;color:#666}.pdf-merge-item-remove{background:none;border:none;font-size:1.5rem;color:#999;cursor:pointer;padding:.25rem .5rem;line-height:1;transition:color .2s ease}.pdf-merge-item-remove:hover{color:#c33}.pdf-merge-actions{display:flex;gap:1rem;margin-top:1.5rem}.pdf-merge-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pdf-merge-button.primary{background:#6f42c1;color:#fff}.pdf-merge-button.primary:hover:not(:disabled){background:#5a32a3;transform:translateY(-2px);box-shadow:0 4px 12px #6f42c14d}.pdf-merge-button.secondary{background:#f0f0f0;color:#333}.pdf-merge-button.secondary:hover{background:#e0e0e0}.pdf-merge-button:disabled{opacity:.6;cursor:not-allowed}.pdf-merge-progress{margin:1.5rem 0}.pdf-merge-progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.pdf-merge-progress-fill{height:100%;background:linear-gradient(90deg,#6f42c1,#8b5cf6);transition:width .3s ease}.pdf-merge-progress-text{font-size:.9rem;color:#666;text-align:center;margin:0}.pdf-merge-result{margin-top:1.5rem;padding:1.5rem;background:#f0fdf4;border:2px solid #86efac;border-radius:8px}.pdf-merge-result-info{margin-bottom:1rem}.pdf-merge-result-success{font-size:1.1rem;font-weight:600;color:#16a34a;margin:0 0 .5rem}.pdf-merge-result-size{color:#166534;margin:0}[data-theme=dark] .pdf-merge-header h2{color:#f7fafc}[data-theme=dark] .pdf-merge-subtitle{color:#cbd5e0}[data-theme=dark] .pdf-merge-loading{background:#2d3748;color:#cbd5e0}[data-theme=dark] .pdf-merge-summary{background:#2d3748}[data-theme=dark] .pdf-merge-summary-label{color:#cbd5e0}[data-theme=dark] .pdf-merge-summary-value{color:#f7fafc}[data-theme=dark] .pdf-merge-item{background:#1a202c;border-color:#4a5568}[data-theme=dark] .pdf-merge-item:hover{background:#2d3748;border-color:#8b5cf6}[data-theme=dark] .pdf-merge-item-name{color:#f7fafc}[data-theme=dark] .pdf-merge-item-details{color:#cbd5e0}[data-theme=dark] .pdf-merge-button.secondary{background:#4a5568;color:#f7fafc}[data-theme=dark] .pdf-merge-button.secondary:hover{background:#2d3748}[data-theme=dark] .pdf-merge-progress-bar{background:#4a5568}[data-theme=dark] .pdf-merge-result{background:#1a3a1a;border-color:#4ade80}[data-theme=dark] .pdf-merge-result-success{color:#4ade80}[data-theme=dark] .pdf-merge-result-size{color:#86efac}@media(max-width:768px){.pdf-merge-summary{flex-direction:column;gap:1rem}.pdf-merge-actions{flex-direction:column}.pdf-merge-button{width:100%}}.pdf-split-tool{margin-top:1rem}.pdf-split-header{margin-bottom:1.5rem}.pdf-split-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.pdf-split-subtitle{margin:0;color:#666;font-size:.95rem}.pdf-split-loading,.pdf-split-error{padding:1rem;border-radius:8px;margin-bottom:1rem}.pdf-split-loading{background:#f0f0f0;color:#666;text-align:center}.pdf-split-error{background:#fee;border:1px solid #fcc;color:#c33}.pdf-split-info{padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem}.pdf-split-info p{margin:0;color:#333}.pdf-split-method-selector{margin-bottom:1.5rem}.pdf-split-method-selector label{display:block;margin-bottom:.75rem;font-size:1rem;font-weight:600;color:#333}.pdf-split-method-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.pdf-split-method-button{padding:.75rem 1rem;border:2px solid #ddd;border-radius:8px;background:#fff;color:#333;cursor:pointer;transition:all .2s ease;font-weight:500}.pdf-split-method-button:hover{border-color:#6f42c1;background-color:#f8f4ff;color:#6f42c1}.pdf-split-method-button.active{border-color:#6f42c1;background-color:#6f42c1;color:#fff}.pdf-split-ranges,.pdf-split-pages,.pdf-split-chunks{margin-bottom:1.5rem}.pdf-split-ranges label,.pdf-split-pages label,.pdf-split-chunks label{display:block;margin-bottom:.75rem;font-size:1rem;font-weight:600;color:#333}.pdf-split-range-input{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.pdf-split-range-input input{flex:1;padding:.5rem;border:2px solid #ddd;border-radius:6px;font-size:1rem}.pdf-split-range-input input:focus{outline:none;border-color:#6f42c1}.pdf-split-range-input span{color:#666;font-weight:500}.pdf-split-remove-button,.pdf-split-add-button{padding:.5rem 1rem;border:2px solid #ddd;border-radius:6px;background:#fff;color:#333;cursor:pointer;font-weight:500;transition:all .2s ease}.pdf-split-remove-button:hover:not(:disabled){border-color:#c33;color:#c33}.pdf-split-add-button{border-color:#6f42c1;color:#6f42c1}.pdf-split-add-button:hover{background:#6f42c1;color:#fff}.pdf-split-remove-button:disabled{opacity:.5;cursor:not-allowed}.pdf-split-page-input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;font-family:monospace}.pdf-split-page-input:focus{outline:none;border-color:#6f42c1}.pdf-split-chunks input{width:100%;padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem}.pdf-split-chunks input:focus{outline:none;border-color:#6f42c1}.pdf-split-hint{margin:.5rem 0 0;font-size:.85rem;color:#666}.pdf-split-actions{display:flex;gap:1rem;margin-top:1.5rem}.pdf-split-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.pdf-split-button.primary{background:#6f42c1;color:#fff}.pdf-split-button.primary:hover:not(:disabled){background:#5a32a3;transform:translateY(-2px);box-shadow:0 4px 12px #6f42c14d}.pdf-split-button.secondary{background:#f0f0f0;color:#333}.pdf-split-button.secondary:hover{background:#e0e0e0}.pdf-split-button:disabled{opacity:.6;cursor:not-allowed}.pdf-split-progress{margin:1.5rem 0}.pdf-split-progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden;margin-bottom:.5rem}.pdf-split-progress-fill{height:100%;background:linear-gradient(90deg,#6f42c1,#8b5cf6);transition:width .3s ease}.pdf-split-progress-text{font-size:.9rem;color:#666;text-align:center;margin:0}.pdf-split-result{margin-top:1.5rem;padding:1.5rem;background:#f0fdf4;border:2px solid #86efac;border-radius:8px}.pdf-split-result-info{margin-bottom:1rem}.pdf-split-result-success{font-size:1.1rem;font-weight:600;color:#16a34a;margin:0 0 .5rem}.pdf-split-result-size{color:#166534;margin:0}[data-theme=dark] .pdf-split-header h2{color:#f7fafc}[data-theme=dark] .pdf-split-subtitle{color:#cbd5e0}[data-theme=dark] .pdf-split-loading{background:#2d3748;color:#cbd5e0}[data-theme=dark] .pdf-split-info{background:#2d3748}[data-theme=dark] .pdf-split-info p,[data-theme=dark] .pdf-split-method-selector label{color:#f7fafc}[data-theme=dark] .pdf-split-method-button{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .pdf-split-method-button:hover{border-color:#8b5cf6;background:#2d3748}[data-theme=dark] .pdf-split-range-input input,[data-theme=dark] .pdf-split-page-input,[data-theme=dark] .pdf-split-chunks input{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .pdf-split-range-input input:focus,[data-theme=dark] .pdf-split-page-input:focus,[data-theme=dark] .pdf-split-chunks input:focus{border-color:#8b5cf6}[data-theme=dark] .pdf-split-remove-button,[data-theme=dark] .pdf-split-add-button{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .pdf-split-button.secondary{background:#4a5568;color:#f7fafc}[data-theme=dark] .pdf-split-button.secondary:hover{background:#2d3748}[data-theme=dark] .pdf-split-progress-bar{background:#4a5568}[data-theme=dark] .pdf-split-result{background:#1a3a1a;border-color:#4ade80}[data-theme=dark] .pdf-split-result-success{color:#4ade80}[data-theme=dark] .pdf-split-result-size{color:#86efac}@media(max-width:768px){.pdf-split-method-buttons{grid-template-columns:1fr}.pdf-split-range-input{flex-wrap:wrap}.pdf-split-actions{flex-direction:column}.pdf-split-button{width:100%}}.image-optimizer{margin-top:1rem}.image-optimizer-header{margin-bottom:1.5rem}.image-optimizer-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.image-optimizer-subtitle{margin:0;color:#666;font-size:.95rem}.image-optimizer-info{padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem}.image-optimizer-info p{margin:0;color:#333}.image-optimizer-preview{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.image-optimizer-preview-item{display:flex;flex-direction:column;gap:.5rem}.image-optimizer-preview-label{font-weight:600;color:#333;margin:0}.image-optimizer-preview-item img{width:100%;height:auto;border:2px solid #e0e0e0;border-radius:8px;max-height:400px;object-fit:contain}.image-optimizer-preview-size{font-size:.9rem;color:#666;margin:0;display:flex;align-items:center;gap:.5rem}.image-optimizer-compression-badge{padding:.25rem .5rem;background:#16a34a;color:#fff;border-radius:4px;font-size:.85rem;font-weight:600}.image-optimizer-error{padding:1rem;background:#fee;border:1px solid #fcc;color:#c33;border-radius:8px;margin-bottom:1rem}.image-optimizer-error p{margin:0}.image-optimizer-controls{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem}.image-optimizer-control{display:flex;flex-direction:column;gap:.5rem}.image-optimizer-control label{font-weight:600;color:#333;display:flex;flex-direction:column;gap:.5rem}.image-optimizer-control input[type=range]{width:100%;height:8px;border-radius:4px;background:#e0e0e0;outline:none;-webkit-appearance:none}.image-optimizer-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#6f42c1;cursor:pointer}.image-optimizer-control input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#6f42c1;cursor:pointer;border:none}.image-optimizer-control select{padding:.75rem;border:2px solid #ddd;border-radius:8px;font-size:1rem;background:#fff;color:#333;cursor:pointer}.image-optimizer-control select:focus{outline:none;border-color:#6f42c1}.image-optimizer-control input[type=checkbox]{width:18px;height:18px;cursor:pointer;margin-right:.5rem}.image-optimizer-control label{display:flex;flex-direction:row;align-items:center;cursor:pointer}.image-optimizer-quality-hints{display:flex;justify-content:space-between;font-size:.85rem;color:#999;margin-top:-.5rem}.image-optimizer-quality-hints span.active{color:#6f42c1;font-weight:600}.image-optimizer-hint{font-size:.85rem;color:#666;margin:0}.image-optimizer-result{padding:1rem;background:#f8f9fa;border-radius:8px;margin-bottom:1.5rem}.image-optimizer-result-stats{display:flex;gap:2rem;flex-wrap:wrap}.image-optimizer-stat{display:flex;flex-direction:column;gap:.25rem}.image-optimizer-stat-label{font-size:.85rem;color:#666;font-weight:500}.image-optimizer-stat-value{font-size:1.1rem;font-weight:600;color:#333}.image-optimizer-stat-value.positive{color:#16a34a}.image-optimizer-actions{display:flex;gap:1rem}.image-optimizer-button{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.image-optimizer-button.primary{background:#6f42c1;color:#fff}.image-optimizer-button.primary:hover:not(:disabled){background:#5a32a3;transform:translateY(-2px);box-shadow:0 4px 12px #6f42c14d}.image-optimizer-button.secondary{background:#f0f0f0;color:#333}.image-optimizer-button.secondary:hover{background:#e0e0e0}.image-optimizer-button:disabled{opacity:.6;cursor:not-allowed}.image-optimizer-processing{padding:1rem;text-align:center;color:#666}[data-theme=dark] .image-optimizer-header h2{color:#f7fafc}[data-theme=dark] .image-optimizer-subtitle{color:#cbd5e0}[data-theme=dark] .image-optimizer-info{background:#2d3748}[data-theme=dark] .image-optimizer-info p,[data-theme=dark] .image-optimizer-preview-label{color:#f7fafc}[data-theme=dark] .image-optimizer-preview-item img{border-color:#4a5568}[data-theme=dark] .image-optimizer-preview-size{color:#cbd5e0}[data-theme=dark] .image-optimizer-control label{color:#f7fafc}[data-theme=dark] .image-optimizer-control select{background:#1a202c;border-color:#4a5568;color:#f7fafc}[data-theme=dark] .image-optimizer-control select:focus{border-color:#8b5cf6}[data-theme=dark] .image-optimizer-hint{color:#cbd5e0}[data-theme=dark] .image-optimizer-result{background:#2d3748}[data-theme=dark] .image-optimizer-stat-label{color:#cbd5e0}[data-theme=dark] .image-optimizer-stat-value{color:#f7fafc}[data-theme=dark] .image-optimizer-button.secondary{background:#4a5568;color:#f7fafc}[data-theme=dark] .image-optimizer-button.secondary:hover{background:#2d3748}@media(max-width:768px){.image-optimizer-preview{grid-template-columns:1fr}.image-optimizer-result-stats{flex-direction:column;gap:1rem}.image-optimizer-actions{flex-direction:column}.image-optimizer-button{width:100%}}.image-converter{margin-top:1rem}.image-converter-header{margin-bottom:1.5rem}.image-converter-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.image-converter-subtitle{margin:0;font-size:.95rem;color:#666}.image-converter-info,.image-converter-batch-info{margin-bottom:1rem;padding:.75rem;background:#f9f9f9;border-radius:6px;border:1px solid #eee}.image-converter-info p,.image-converter-batch-info p{margin:.25rem 0;font-size:.9rem;color:#333}.image-converter-batch-hint{font-size:.85rem!important;color:#666!important;margin-top:.5rem!important}.image-converter-preview{display:flex;gap:1.5rem;margin:1.5rem 0;flex-wrap:wrap}.image-converter-preview-item{flex:1;min-width:200px;text-align:center}.image-converter-preview-label{margin:0 0 .5rem;font-weight:500;color:#333;font-size:.9rem}.image-converter-preview-item img{max-width:100%;height:auto;border-radius:6px;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a}.image-converter-preview-size{margin:.5rem 0 0;font-size:.85rem;color:#666}.image-converter-batch-list{margin:1.5rem 0}.image-converter-batch-list h3{margin:0 0 .75rem;font-size:1.1rem;color:#333}.image-converter-batch-list ul{list-style:none;padding:0;margin:0}.image-converter-batch-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem;margin-bottom:.5rem;background:#f9f9f9;border-radius:4px;border:1px solid #eee}.image-converter-batch-item span{font-size:.95rem;color:#333;flex:1;word-break:break-word;margin-right:1rem}.remove-button{padding:.4rem .8rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s ease;flex-shrink:0}.remove-button:hover:not(:disabled){background:#c82333}.remove-button:disabled{opacity:.6;cursor:not-allowed}.image-converter-error{padding:.75rem;margin-bottom:1rem;background:#f8d7da;color:#721c24;border-radius:4px;border:1px solid #f5c6cb;font-size:.9rem}.image-converter-controls{margin:1.5rem 0;padding:1.5rem;background:#f9f9f9;border-radius:8px;border:1px solid #eee}.image-converter-control{margin-bottom:1.5rem}.image-converter-control:last-child{margin-bottom:0}.image-converter-control label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.image-converter-control select{width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;background:#fff}.image-converter-control input[type=range]{width:100%;margin-top:.5rem}.image-converter-hint{margin:.5rem 0 0;font-size:.85rem;color:#666}.image-converter-quality-hints{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.85rem;color:#999}.image-converter-quality-hints span.active{color:#007bff;font-weight:500}.image-converter-progress{margin:1rem 0;padding:1rem;background:#f0f8ff;border-radius:4px;border:1px solid #b3d9ff}.image-converter-progress p{margin:0 0 .5rem;font-size:.9rem;color:#333}.image-converter-actions{margin-top:1.5rem}.image-converter-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:.75rem;margin-bottom:.75rem}.image-converter-button.primary{background:#007bff;color:#fff}.image-converter-button.primary:hover:not(:disabled){background:#0056b3}.image-converter-button.secondary{background:#6c757d;color:#fff}.image-converter-button.secondary:hover:not(:disabled){background:#5a6268}.image-converter-button:disabled{opacity:.6;cursor:not-allowed}.image-converter-processing{padding:1rem;text-align:center;color:#666}@media(prefers-color-scheme:dark){.image-converter-header h2{color:#e0e0e0}.image-converter-subtitle{color:#aaa}.image-converter-info,.image-converter-batch-info{background:#2a2a2a;border-color:#444}.image-converter-info p,.image-converter-batch-info p{color:#e0e0e0}.image-converter-batch-hint{color:#aaa!important}.image-converter-preview-label{color:#e0e0e0}.image-converter-preview-item img{border-color:#555}.image-converter-preview-size{color:#aaa}.image-converter-batch-list h3{color:#e0e0e0}.image-converter-batch-item{background:#2a2a2a;border-color:#444}.image-converter-batch-item span{color:#e0e0e0}.image-converter-error{background:#4a1a1a;color:#ff6b6b;border-color:#6a2a2a}.image-converter-controls{background:#2a2a2a;border-color:#444}.image-converter-control label{color:#e0e0e0}.image-converter-control select{background:#333;border-color:#555;color:#e0e0e0}.image-converter-hint{color:#aaa}.image-converter-quality-hints{color:#888}.image-converter-quality-hints span.active{color:#4a9eff}.image-converter-progress{background:#1a3a5a;border-color:#2a5a8a}.image-converter-progress p{color:#e0e0e0}.progress-bar{background:#444}.image-converter-processing{color:#aaa}}.image-cropper{margin-top:1rem}.image-cropper-header{margin-bottom:1.5rem}.image-cropper-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.image-cropper-subtitle{margin:0;font-size:.95rem;color:#666}.image-cropper-canvas-container{margin:1.5rem 0;display:flex;justify-content:center;background:#f5f5f5;border-radius:8px;padding:1rem;border:1px solid #ddd}.image-cropper-canvas{max-width:100%;height:auto;cursor:crosshair;border-radius:4px;box-shadow:0 2px 8px #0000001a}.image-cropper-controls{margin:1.5rem 0;padding:1.5rem;background:#f9f9f9;border-radius:8px;border:1px solid #eee}.image-cropper-control{margin-bottom:1.5rem}.image-cropper-control:last-child{margin-bottom:0}.image-cropper-control label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.image-cropper-control select{width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;background:#fff}.image-cropper-control input[type=range]{width:100%;margin-top:.5rem}.image-cropper-preview{margin:1.5rem 0;padding:1rem;background:#f9f9f9;border-radius:8px;border:1px solid #eee;text-align:center}.image-cropper-preview h3{margin:0 0 1rem;font-size:1.1rem;color:#333}.image-cropper-preview img{max-width:100%;height:auto;border-radius:4px;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a}.image-cropper-preview-size{margin:.5rem 0 0;font-size:.85rem;color:#666}.image-cropper-actions{margin-top:1.5rem}.image-cropper-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;margin-right:.75rem;margin-bottom:.75rem}.image-cropper-button.primary{background:#007bff;color:#fff}.image-cropper-button.primary:hover:not(:disabled){background:#0056b3}.image-cropper-button.secondary{background:#6c757d;color:#fff}.image-cropper-button.secondary:hover:not(:disabled){background:#5a6268}.image-cropper-button:disabled{opacity:.6;cursor:not-allowed}.image-cropper-processing{padding:1rem;text-align:center;color:#666}@media(prefers-color-scheme:dark){.image-cropper-header h2{color:#e0e0e0}.image-cropper-subtitle{color:#aaa}.image-cropper-canvas-container,.image-cropper-controls{background:#2a2a2a;border-color:#444}.image-cropper-control label{color:#e0e0e0}.image-cropper-control select{background:#333;border-color:#555;color:#e0e0e0}.image-cropper-preview{background:#2a2a2a;border-color:#444}.image-cropper-preview h3{color:#e0e0e0}.image-cropper-preview img{border-color:#555}.image-cropper-preview-size,.image-cropper-processing{color:#aaa}}.pdf-converter{margin-top:1rem}.pdf-converter-header{margin-bottom:1.5rem}.pdf-converter-header h2{margin:0 0 .5rem;font-size:1.5rem;color:#333}.pdf-converter-subtitle{margin:0;font-size:.95rem;color:#666}.pdf-converter-info{margin-bottom:1rem;padding:.75rem;background:#f9f9f9;border-radius:6px;border:1px solid #eee}.pdf-converter-info p{margin:0;font-size:.9rem;color:#333}.pdf-converter-error{padding:.75rem;margin-bottom:1rem;background:#f8d7da;color:#721c24;border-radius:4px;border:1px solid #f5c6cb;font-size:.9rem}.pdf-converter-controls{margin:1.5rem 0;padding:1.5rem;background:#f9f9f9;border-radius:8px;border:1px solid #eee}.pdf-converter-control{margin-bottom:1.5rem}.pdf-converter-control:last-child{margin-bottom:0}.pdf-converter-control label{display:block;margin-bottom:.5rem;font-weight:500;color:#333}.pdf-converter-control select{width:100%;padding:.5rem;margin-top:.5rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem;background:#fff}.pdf-converter-control input[type=range]{width:100%;margin-top:.5rem}.pdf-converter-control input[type=number]{width:100%;padding:.5rem;margin-top:.25rem;border:1px solid #ddd;border-radius:4px;font-size:.95rem}.pdf-converter-hint{margin:.5rem 0 0;font-size:.85rem;color:#666}.pdf-converter-quality-hints{display:flex;justify-content:space-between;margin-top:.5rem;font-size:.85rem;color:#999}.pdf-converter-quality-hints span.active{color:#007bff;font-weight:500}.pdf-converter-custom-size{margin-top:.75rem;padding:.75rem;background:#fff;border-radius:4px;border:1px solid #ddd}.pdf-converter-size-input{margin-bottom:.5rem}.pdf-converter-size-input:last-child{margin-bottom:0}.pdf-converter-size-input label{display:flex;flex-direction:column;font-weight:400}.pdf-converter-file-list{margin:1.5rem 0}.pdf-converter-file-list h3{margin:0 0 .75rem;font-size:1.1rem;color:#333}.pdf-converter-file-list ul{list-style:none;padding:0;margin:0}.pdf-converter-file-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;margin-bottom:.5rem;background:#f9f9f9;border-radius:4px;border:1px solid #eee}.pdf-converter-file-number{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:#007bff;color:#fff;border-radius:50%;font-weight:600;font-size:.9rem;flex-shrink:0}.pdf-converter-file-name{flex:1;font-size:.95rem;color:#333;word-break:break-word}.pdf-converter-file-size{font-size:.85rem;color:#666;flex-shrink:0}.pdf-converter-remove-button{padding:.4rem .8rem;background:#dc3545;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background-color .2s ease;flex-shrink:0}.pdf-converter-remove-button:hover:not(:disabled){background:#c82333}.pdf-converter-remove-button:disabled{opacity:.6;cursor:not-allowed}.pdf-converter-progress{margin:1rem 0;padding:1rem;background:#f0f8ff;border-radius:4px;border:1px solid #b3d9ff}.pdf-converter-progress p{margin:0 0 .5rem;font-size:.9rem;color:#333}.progress-bar{width:100%;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:#007bff;transition:width .3s ease}.pdf-converter-actions{margin-top:1.5rem}.pdf-converter-button{padding:.75rem 1.5rem;border:none;border-radius:6px;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:100%}.pdf-converter-button.primary{background:#007bff;color:#fff}.pdf-converter-button.primary:hover:not(:disabled){background:#0056b3}.pdf-converter-button:disabled{opacity:.6;cursor:not-allowed}.pdf-converter-processing{padding:1rem;text-align:center;color:#666}.pdf-converter-server-note{color:#007bff;font-weight:500}[data-theme=dark] .pdf-converter-header h2 .pdf-converter-header h2{color:#e0e0e0}[data-theme=dark] .pdf-converter-subtitle{color:#aaa}[data-theme=dark] .pdf-converter-info{background:#2a2a2a;border-color:#444}[data-theme=dark] .pdf-converter-info p{color:#e0e0e0}[data-theme=dark] .pdf-converter-error{background:#4a1a1a;color:#ff6b6b;border-color:#6a2a2a}[data-theme=dark] .pdf-converter-controls{background:#2a2a2a;border-color:#444}[data-theme=dark] .pdf-converter-control label{color:#e0e0e0}[data-theme=dark] .pdf-converter-control select{background:#333;border-color:#555;color:#e0e0e0}[data-theme=dark] .pdf-converter-control input[type=number]{background:#2a2a2a;border-color:#555;color:#e0e0e0}[data-theme=dark] .pdf-converter-hint{color:#aaa}[data-theme=dark] .pdf-converter-quality-hints{color:#888}[data-theme=dark] .pdf-converter-quality-hints span.active{color:#4a9eff}[data-theme=dark] .pdf-converter-custom-size{background:#333;border-color:#555}[data-theme=dark] .pdf-converter-file-list h3{color:#e0e0e0}[data-theme=dark] .pdf-converter-file-item{background:#2a2a2a;border-color:#444}[data-theme=dark] .pdf-converter-file-name{color:#e0e0e0}[data-theme=dark] .pdf-converter-file-size{color:#aaa}[data-theme=dark] .pdf-converter-progress{background:#1a3a5a;border-color:#2a5a8a}[data-theme=dark] .pdf-converter-progress p{color:#e0e0e0}[data-theme=dark] .progress-bar{background:#444}[data-theme=dark] .pdf-converter-processing{color:#aaa}.homepage-content{max-width:1200px;margin:0 auto;padding:2rem 1rem;padding-top:0}.homepage-hero{text-align:center;padding:3rem 1rem;margin-bottom:4rem}.homepage-hero h1{font-size:2.5rem;margin-bottom:1rem;color:var(--heading-color, #1a1a1a);font-weight:700}.hero-subtitle{font-size:1.2rem;color:var(--text-secondary, #666);max-width:700px;margin:0 auto 2rem;line-height:1.6}.hero-features{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-top:2rem}.hero-feature{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text-color, #333)}.hero-feature-icon{font-size:1.5rem}.homepage-features{margin-bottom:4rem}.homepage-features h2{text-align:center;font-size:2rem;margin-bottom:2rem;color:var(--heading-color, #1a1a1a)}.features-carousel-container{position:relative;max-width:1400px;margin:0 auto;padding:0 1rem}.features-carousel{overflow:hidden;border-radius:16px}.features-carousel-track{display:flex;transition:transform .5s ease-in-out;gap:1rem}.feature-card-small{flex:0 0 calc(16.666% - .83rem);padding:1rem;background:#fff;border-radius:10px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;transition:all .3s ease;display:flex;flex-direction:column;min-height:160px}.feature-card-small:hover{transform:translateY(-4px);box-shadow:0 8px 16px #0000001a;border-color:#d1d5db}.feature-icon-small{font-size:1.5rem;margin-bottom:.5rem;line-height:1}.feature-card-small h3{font-size:.875rem;margin-bottom:.375rem;color:var(--heading-color, #1a1a1a);font-weight:600;line-height:1.3}.feature-card-small p{color:var(--text-color, #4a5568);line-height:1.4;margin-bottom:.5rem;font-size:.75rem;flex:1}.feature-link-small{color:#667eea;text-decoration:none;font-weight:500;font-size:.75rem;transition:color .2s ease;margin-top:auto}.feature-link-small:hover{color:#5568d3;text-decoration:underline}.carousel-dots{display:flex;justify-content:center;gap:.5rem;margin-top:1.5rem}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;background:#d1d5db;cursor:pointer;transition:all .2s ease;padding:0}.carousel-dot:hover{background:#9ca3af}.carousel-dot.active{background:#667eea;width:24px;border-radius:5px}[data-theme=dark] .feature-card-small{background:#1a1a1a;border-color:#333}[data-theme=dark] .feature-card-small:hover{border-color:#444;box-shadow:0 8px 16px #0000004d}[data-theme=dark] .feature-card-small h3{color:#f7fafc}[data-theme=dark] .feature-card-small p{color:#cbd5e0}[data-theme=dark] .carousel-dot{background:#4a5568}[data-theme=dark] .carousel-dot:hover{background:#718096}[data-theme=dark] .carousel-dot.active{background:#667eea}.homepage-why-choose{margin-bottom:4rem;padding:0}.why-choose-header{text-align:center;margin-bottom:3rem}.homepage-why-choose h2{font-size:2.25rem;margin-bottom:.75rem;color:var(--heading-color, #1a1a1a);font-weight:700;letter-spacing:-.02em}.why-choose-subtitle{font-size:1.125rem;color:var(--text-secondary, #666);max-width:600px;margin:0 auto;line-height:1.6}.why-choose-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.why-choose-card{padding:2rem;background:#fff;border-radius:16px;border:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;transition:all .3s ease;display:flex;flex-direction:column}.why-choose-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0000001a,0 4px 8px #0000000d;border-color:#d1d5db}.why-choose-icon{font-size:3rem;margin-bottom:1rem;line-height:1;display:block}.why-choose-card h3{font-size:1.375rem;margin-bottom:.75rem;color:var(--heading-color, #1a1a1a);font-weight:600;line-height:1.3}.why-choose-card p{color:var(--text-color, #4a5568);line-height:1.6;margin:0;flex:1}.why-choose-card a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.why-choose-card a:hover{color:#5568d3;text-decoration:underline}[data-theme=dark] .why-choose-card{background:#1a1a1a;border-color:#333}[data-theme=dark] .homepage-why-choose h2{color:#f7fafc}[data-theme=dark] .why-choose-subtitle{color:#a0aec0}[data-theme=dark] .why-choose-card:hover{border-color:#444;box-shadow:0 12px 24px #0000004d,0 4px 8px #0003}[data-theme=dark] .why-choose-card h3{color:#f7fafc}[data-theme=dark] .why-choose-card p{color:#cbd5e0}[data-theme=dark] .why-choose-card a{color:#667eea}[data-theme=dark] .why-choose-card a:hover{color:#8b9aff}.homepage-seo-content{margin-top:4rem;padding:0}.seo-content-main-title{font-size:1.8rem;margin-bottom:.75rem;color:var(--heading-color, #1a1a1a);text-align:center;font-weight:700}.seo-content-intro{text-align:center;color:var(--text-secondary, #666);margin-bottom:2rem;font-size:1rem}.seo-accordion{display:flex;flex-direction:column;gap:.75rem;margin-bottom:2rem}.seo-accordion-item{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden;transition:all .2s ease}.seo-accordion-item:hover{border-color:#d1d5db;box-shadow:0 2px 8px #0000000d}.seo-accordion-header{width:100%;padding:1.25rem 1.5rem;background:none;border:none;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:1rem;transition:background-color .2s ease}.seo-accordion-header:hover{background-color:#f9fafb}.seo-accordion-header h3{font-size:1.125rem;font-weight:600;color:var(--heading-color, #1a1a1a);margin:0;flex:1}.seo-accordion-icon{font-size:1.5rem;font-weight:300;color:#667eea;line-height:1;flex-shrink:0;width:24px;text-align:center}.seo-accordion-content{padding:0 1.5rem 1.5rem;animation:slideDown .2s ease}.seo-accordion-content p{color:var(--text-color, #4a5568);line-height:1.7;margin:0;font-size:1rem}.seo-accordion-content strong{color:var(--heading-color, #1a1a1a);font-weight:600}.seo-accordion-content a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.seo-accordion-content a:hover{color:#5568d3;text-decoration:underline}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.seo-content-cta{margin-top:2rem;padding:1.5rem;background:#f7fafc;border-radius:12px;border-left:4px solid #667eea;text-align:center}.seo-content-cta p{margin:0;font-size:1rem;color:var(--text-color, #4a5568);line-height:1.6}.seo-content-cta strong{color:var(--heading-color, #1a1a1a);font-weight:600}.seo-content-cta a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.seo-content-cta a:hover{color:#5568d3;text-decoration:underline}[data-theme=dark] .seo-content-main-title{color:#f7fafc}[data-theme=dark] .seo-content-intro{color:#a0aec0}[data-theme=dark] .seo-accordion-item{background:#1a1a1a;border-color:#333}[data-theme=dark] .seo-accordion-item:hover{border-color:#444;box-shadow:0 2px 8px #0000004d}[data-theme=dark] .seo-accordion-header:hover{background-color:#252525}[data-theme=dark] .seo-accordion-header h3{color:#f7fafc}[data-theme=dark] .seo-accordion-content p{color:#cbd5e0}[data-theme=dark] .seo-accordion-content strong{color:#f7fafc}[data-theme=dark] .seo-content-cta{background:#252525;border-left-color:#667eea}[data-theme=dark] .seo-content-cta p{color:#cbd5e0}[data-theme=dark] .seo-content-cta strong{color:#f7fafc}@media(max-width:768px){.homepage-hero h1{font-size:2rem}.hero-subtitle{font-size:1.1rem}.hero-features{gap:1rem}.features-carousel-container{padding:0 .5rem}.features-carousel-track{gap:.75rem}.feature-card-small{flex:0 0 calc(33.333% - .5rem);padding:.875rem;min-height:150px}.feature-icon-small{font-size:1.25rem}.feature-card-small h3{font-size:.8rem}.feature-card-small p,.feature-link-small{font-size:.7rem}@media(max-width:1024px){.feature-card-small{flex:0 0 calc(33.333% - .5rem)}}@media(max-width:640px){.feature-card-small{flex:0 0 100%;min-height:140px}}.why-choose-grid{grid-template-columns:1fr}.homepage-why-choose h2{font-size:1.75rem}.why-choose-subtitle{font-size:1rem}.why-choose-card{padding:1.5rem}.why-choose-icon{font-size:2.5rem}.why-choose-card h3{font-size:1.25rem}.seo-content-main-title{font-size:1.5rem}.seo-accordion-header{padding:1rem 1.25rem}.seo-accordion-header h3{font-size:1rem}.seo-accordion-content{padding:0 1.25rem 1.25rem}.seo-content-cta{padding:1.25rem}}.terms-page{min-height:100vh;padding:2rem;background:#f7fafc;display:flex;flex-direction:column;align-items:center}.terms-content{background:#fff;border-radius:20px;max-width:900px;width:100%;padding:0;box-shadow:0 24px 48px #0000001a,0 8px 16px #0000000d;display:flex;flex-direction:column;margin:2rem 0}.terms-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:2px solid #eee;flex-shrink:0}.terms-home-link{display:inline-block;margin-bottom:1rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.terms-home-link:hover{color:#5568d3;text-decoration:underline}.terms-header h1{margin:0 0 1rem;font-size:2.25rem;font-weight:700;color:#1a202c;letter-spacing:-.02em}.terms-meta{display:flex;gap:2rem;flex-wrap:wrap}.terms-meta p{margin:0;font-size:.9375rem;color:#718096}.terms-meta strong{color:#4a5568;font-weight:600}.terms-body{padding:2rem 2.5rem 2.5rem;line-height:1.7;color:#2d3748;flex:1}.terms-section{margin-bottom:2.5rem}.terms-section:last-child{margin-bottom:0}.terms-section h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#1a202c;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.terms-section h3{margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:600;color:#2d3748}.terms-section p{margin:0 0 1rem;color:#4a5568;line-height:1.7}.terms-section ul{margin:.75rem 0;padding-left:1.5rem}.terms-section li{margin:.5rem 0;color:#4a5568;line-height:1.6}.terms-section strong{color:#2d3748;font-weight:600}.terms-section a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.terms-section a:hover{color:#5568d3;text-decoration:underline}.terms-contact{background:#f7fafc;border-left:4px solid #667eea;padding:1.25rem;border-radius:8px;margin:1rem 0}.terms-contact p{margin:.5rem 0}.terms-footer{padding-top:2rem;border-top:2px solid #e2e8f0;margin-top:2rem}.terms-compliance{background:#f0f4ff;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.terms-compliance p{margin:0}.terms-last-reviewed{text-align:center;color:#718096;font-size:.9375rem;margin-top:1.5rem}[data-theme=dark] .terms-page{background:#1a1a1a}[data-theme=dark] .terms-content{background:#1a1a1a;color:#e0e0e0}[data-theme=dark] .terms-header{border-bottom-color:#333}[data-theme=dark] .terms-header h1{color:#f7fafc}[data-theme=dark] .terms-meta p{color:#a0aec0}[data-theme=dark] .terms-meta strong{color:#cbd5e0}[data-theme=dark] .terms-body{color:#e0e0e0}[data-theme=dark] .terms-section h2{color:#f7fafc;border-bottom-color:#333}[data-theme=dark] .terms-section h3{color:#e0e0e0}[data-theme=dark] .terms-section p,[data-theme=dark] .terms-section li{color:#cbd5e0}[data-theme=dark] .terms-section strong{color:#e0e0e0}[data-theme=dark] .terms-section a{color:#818cf8}[data-theme=dark] .terms-section a:hover{color:#a5b4fc}[data-theme=dark] .terms-contact{background:#252525;border-left-color:#667eea}[data-theme=dark] .terms-footer{border-top-color:#333}[data-theme=dark] .terms-compliance{background:#1a1f2e}@media(max-width:768px){.terms-page{padding:.5rem}.terms-content{margin:.5rem 0;border-radius:12px}.terms-header{padding:1.5rem 1.25rem 1rem}.terms-header h1{font-size:1.75rem}.terms-meta{flex-direction:column;gap:.5rem}.terms-body{padding:1.5rem 1.25rem}.terms-section{margin-bottom:2rem}.terms-section h2{font-size:1.25rem}.terms-section h3{font-size:1rem}}.privacy-policy-overlay{position:fixed;inset:0;background:#0009;z-index:10002;display:flex;align-items:center;justify-content:center;padding:2rem;overflow-y:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.privacy-policy-content{background:#fff;border-radius:20px;max-width:900px;width:100%;max-height:90vh;overflow-y:auto;padding:0;position:relative;box-shadow:0 24px 48px #0003,0 8px 16px #0000001a;animation:slideIn .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.privacy-policy-close{position:absolute;top:1.5rem;right:1.5rem;background:#f5f5f5;border:none;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;color:#666;z-index:1}.privacy-policy-close:hover{background:#e0e0e0;color:#333;transform:scale(1.1)}.privacy-policy-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:2px solid #eee;flex-shrink:0}.privacy-policy-home-link{display:inline-block;margin-bottom:1rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.privacy-policy-home-link:hover{color:#5568d3;text-decoration:underline}.privacy-policy-header h1{margin:0 0 1rem;font-size:2.25rem;font-weight:700;color:#1a202c;letter-spacing:-.02em}.privacy-policy-meta{display:flex;gap:2rem;flex-wrap:wrap}.privacy-policy-meta p{margin:0;font-size:.9375rem;color:#718096}.privacy-policy-meta strong{color:#4a5568;font-weight:600}.privacy-policy-body{padding:2rem 2.5rem 2.5rem;line-height:1.7;color:#2d3748;flex:1;overflow-y:auto}.policy-section{margin-bottom:2.5rem}.policy-section:last-child{margin-bottom:0}.policy-section h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#1a202c;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.policy-section h3{margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:600;color:#2d3748}.policy-section p{margin:0 0 1rem;color:#4a5568;line-height:1.7}.policy-section ul{margin:.75rem 0;padding-left:1.5rem}.policy-section li{margin:.5rem 0;color:#4a5568;line-height:1.6}.policy-section strong{color:#2d3748;font-weight:600}.policy-section a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.policy-section a:hover{color:#5568d3;text-decoration:underline}.policy-section code{background:#f7fafc;padding:.2rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.9em;color:#d63384;border:1px solid #e2e8f0}.policy-details{background:#f7fafc;border-left:4px solid #667eea;padding:1.25rem;border-radius:8px;margin:1rem 0}.policy-details p{margin:.5rem 0}.policy-details p:first-child{margin-top:0}.policy-details p:last-child{margin-bottom:0}.policy-note{margin-top:.75rem;padding:.75rem;background:#fff5e6;border-left:4px solid #ffa726;border-radius:4px;font-size:.9375rem}.policy-highlight{background:#f0f4ff;border-left:4px solid #667eea;padding:1.25rem;border-radius:8px;margin:1.5rem 0}.policy-highlight p{margin-bottom:.75rem}.policy-highlight ul{margin-top:.5rem}.policy-table{margin:1.5rem 0;overflow-x:auto}.policy-table table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.policy-table thead{background:#667eea;color:#fff}.policy-table th{padding:1rem;text-align:left;font-weight:600;font-size:.9375rem}.policy-table td{padding:.875rem 1rem;border-top:1px solid #e2e8f0;color:#4a5568;font-size:.9375rem}.policy-table tbody tr:hover{background:#f7fafc}.policy-footer{padding-top:2rem;border-top:2px solid #e2e8f0;margin-top:2rem}.policy-compliance{background:#f0f4ff;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.policy-compliance p{margin-bottom:.75rem}.policy-compliance ul{margin-top:.5rem}.policy-last-reviewed{text-align:center;color:#718096;font-size:.9375rem;margin-top:1.5rem}[data-theme=dark] .privacy-policy-content{background:#1a1a1a;color:#e0e0e0}[data-theme=dark] .privacy-policy-close{background:#2a2a2a;color:#b0b0b0}[data-theme=dark] .privacy-policy-close:hover{background:#3a3a3a;color:#e0e0e0}[data-theme=dark] .privacy-policy-header{border-bottom-color:#333}[data-theme=dark] .privacy-policy-header h1{color:#f7fafc}[data-theme=dark] .privacy-policy-meta p{color:#a0aec0}[data-theme=dark] .privacy-policy-meta strong{color:#cbd5e0}[data-theme=dark] .privacy-policy-body{color:#e0e0e0}[data-theme=dark] .policy-section h2{color:#f7fafc;border-bottom-color:#333}[data-theme=dark] .policy-section h3{color:#e0e0e0}[data-theme=dark] .policy-section p,[data-theme=dark] .policy-section li{color:#cbd5e0}[data-theme=dark] .policy-section strong{color:#e0e0e0}[data-theme=dark] .policy-section a{color:#818cf8}[data-theme=dark] .policy-section a:hover{color:#a5b4fc}[data-theme=dark] .policy-section code{background:#2a2a2a;color:#ff6b9d;border-color:#444}[data-theme=dark] .policy-details{background:#252525;border-left-color:#667eea}[data-theme=dark] .policy-note{background:#2a2419;border-left-color:#ffa726}[data-theme=dark] .policy-highlight{background:#1a1f2e;border-left-color:#667eea}[data-theme=dark] .policy-table table{background:#252525;box-shadow:0 1px 3px #0000004d}[data-theme=dark] .policy-table thead{background:#4c63d2}[data-theme=dark] .policy-table td{border-top-color:#333;color:#cbd5e0}[data-theme=dark] .policy-table tbody tr:hover{background:#2a2a2a}[data-theme=dark] .policy-footer{border-top-color:#333}[data-theme=dark] .policy-compliance{background:#1a1f2e}@media(max-width:768px){.privacy-policy-overlay{padding:.5rem;align-items:flex-end}.privacy-policy-content{max-height:95vh;border-radius:20px 20px 0 0}.privacy-policy-header{padding:1.5rem 1.25rem 1rem}.privacy-policy-header h1{font-size:1.75rem}.privacy-policy-meta{flex-direction:column;gap:.5rem}.privacy-policy-body{padding:1.5rem 1.25rem}.privacy-policy-close{top:1rem;right:1rem;width:2rem;height:2rem;font-size:1.25rem}.policy-section{margin-bottom:2rem}.policy-section h2{font-size:1.25rem}.policy-section h3{font-size:1rem}.policy-table{font-size:.875rem}.policy-table th,.policy-table td{padding:.75rem .5rem}}.privacy-policy-page{min-height:100vh;padding:2rem;background:#f7fafc;display:flex;flex-direction:column;align-items:center}.privacy-policy-page .privacy-policy-content{max-height:none;margin:2rem 0;position:relative}[data-theme=dark] .privacy-policy-page{background:#1a1a1a}.refund-page{min-height:100vh;padding:2rem;background:#f7fafc;display:flex;flex-direction:column;align-items:center}.refund-content{background:#fff;border-radius:20px;max-width:900px;width:100%;padding:0;box-shadow:0 24px 48px #0000001a,0 8px 16px #0000000d;display:flex;flex-direction:column;margin:2rem 0}.refund-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:2px solid #eee;flex-shrink:0}.refund-home-link{display:inline-block;margin-bottom:1rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.refund-home-link:hover{color:#5568d3;text-decoration:underline}.refund-header h1{margin:0 0 1rem;font-size:2.25rem;font-weight:700;color:#1a202c;letter-spacing:-.02em}.refund-meta{display:flex;gap:2rem;flex-wrap:wrap}.refund-meta p{margin:0;font-size:.9375rem;color:#718096}.refund-meta strong{color:#4a5568;font-weight:600}.refund-body{padding:2rem 2.5rem 2.5rem;line-height:1.7;color:#2d3748;flex:1}.refund-section{margin-bottom:2.5rem}.refund-section:last-child{margin-bottom:0}.refund-section h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#1a202c;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.refund-section h3{margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:600;color:#2d3748}.refund-section p{margin:0 0 1rem;color:#4a5568;line-height:1.7}.refund-section ul{margin:.75rem 0;padding-left:1.5rem}.refund-section li{margin:.5rem 0;color:#4a5568;line-height:1.6}.refund-section strong{color:#2d3748;font-weight:600}.refund-section a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.refund-section a:hover{color:#5568d3;text-decoration:underline}.refund-contact{background:#f7fafc;border-left:4px solid #667eea;padding:1.25rem;border-radius:8px;margin:1rem 0}.refund-contact p{margin:.5rem 0}.refund-footer{padding-top:2rem;border-top:2px solid #e2e8f0;margin-top:2rem}.refund-compliance{background:#f0f4ff;padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}.refund-compliance p{margin:0}.refund-last-reviewed{text-align:center;color:#718096;font-size:.9375rem;margin-top:1.5rem}[data-theme=dark] .refund-page{background:#1a1a1a}[data-theme=dark] .refund-content{background:#1a1a1a;color:#e0e0e0}[data-theme=dark] .refund-header{border-bottom-color:#333}[data-theme=dark] .refund-header h1{color:#f7fafc}[data-theme=dark] .refund-meta p{color:#a0aec0}[data-theme=dark] .refund-meta strong{color:#cbd5e0}[data-theme=dark] .refund-body{color:#e0e0e0}[data-theme=dark] .refund-section h2{color:#f7fafc;border-bottom-color:#333}[data-theme=dark] .refund-section h3{color:#e0e0e0}[data-theme=dark] .refund-section p,[data-theme=dark] .refund-section li{color:#cbd5e0}[data-theme=dark] .refund-section strong{color:#e0e0e0}[data-theme=dark] .refund-section a{color:#818cf8}[data-theme=dark] .refund-section a:hover{color:#a5b4fc}[data-theme=dark] .refund-contact{background:#252525;border-left-color:#667eea}[data-theme=dark] .refund-footer{border-top-color:#333}[data-theme=dark] .refund-compliance{background:#1a1f2e}@media(max-width:768px){.refund-page{padding:.5rem}.refund-content{margin:.5rem 0;border-radius:12px}.refund-header{padding:1.5rem 1.25rem 1rem}.refund-header h1{font-size:1.75rem}.refund-meta{flex-direction:column;gap:.5rem}.refund-body{padding:1.5rem 1.25rem}.refund-section{margin-bottom:2rem}.refund-section h2{font-size:1.25rem}.refund-section h3{font-size:1rem}}.learn-page{min-height:100vh;padding:2rem;background:#f7fafc;display:flex;flex-direction:column}.learn-content{background:#fff;border-radius:20px;max-width:900px;width:100%;padding:0;box-shadow:0 24px 48px #0000001a,0 8px 16px #0000000d;display:flex;flex-direction:column;margin:2rem auto;flex:1}.learn-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:2px solid #eee;flex-shrink:0}.learn-home-link{display:inline-block;margin-bottom:1rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.learn-home-link:hover{color:#5568d3;text-decoration:underline}.learn-header h1{margin:0 0 .5rem;font-size:2.25rem;font-weight:700;color:#1a202c;letter-spacing:-.02em}.learn-subtitle{margin:0;font-size:1.125rem;color:#718096}.learn-body{padding:2rem 2.5rem 2.5rem;line-height:1.7;color:#2d3748;flex:1}.learn-section{margin-bottom:2.5rem}.learn-section:last-child{margin-bottom:0}.learn-section h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#1a202c;padding-bottom:.5rem;border-bottom:2px solid #e2e8f0}.learn-section h3{margin:1.5rem 0 .75rem;font-size:1.125rem;font-weight:600;color:#2d3748}.learn-section p{margin:0 0 1rem;color:#4a5568;line-height:1.7}.learn-section ul{margin:.75rem 0;padding-left:1.5rem}.learn-section li{margin:.5rem 0;color:#4a5568;line-height:1.6}.learn-section strong{color:#2d3748;font-weight:600}.learn-section code{background:#f7fafc;padding:.2rem .5rem;border-radius:4px;font-family:Monaco,Courier New,monospace;font-size:.9em;color:#d63384;border:1px solid #e2e8f0}.learn-details{background:#f7fafc;border-left:4px solid #667eea;padding:1.25rem;border-radius:8px;margin:1rem 0}[data-theme=dark] .learn-page{background:#1a1a1a}[data-theme=dark] .learn-content{background:#1a1a1a;color:#e0e0e0}[data-theme=dark] .learn-header{border-bottom-color:#333}[data-theme=dark] .learn-header h1{color:#f7fafc}[data-theme=dark] .learn-subtitle{color:#a0aec0}[data-theme=dark] .learn-body{color:#e0e0e0}[data-theme=dark] .learn-section h2{color:#f7fafc;border-bottom-color:#333}[data-theme=dark] .learn-section h3{color:#e0e0e0}[data-theme=dark] .learn-section p,[data-theme=dark] .learn-section li{color:#cbd5e0}[data-theme=dark] .learn-section strong{color:#e0e0e0}[data-theme=dark] .learn-section code{background:#2a2a2a;color:#ff6b9d;border-color:#444}[data-theme=dark] .learn-details{background:#252525;border-left-color:#667eea}@media(max-width:768px){.learn-page{padding:.5rem}.learn-content{margin:.5rem 0;border-radius:12px}.learn-header{padding:1.5rem 1.25rem 1rem}.learn-header h1{font-size:1.75rem}.learn-body{padding:1.5rem 1.25rem}.learn-section{margin-bottom:2rem}.learn-section h2{font-size:1.25rem}.learn-section h3{font-size:1rem}}.data-management-page{min-height:100vh;padding:2rem;background:#f7fafc;display:flex;flex-direction:column}.data-management-content{background:#fff;border-radius:20px;max-width:700px;width:100%;padding:0;box-shadow:0 24px 48px #0000001a,0 8px 16px #0000000d;display:flex;flex-direction:column;margin:2rem auto;flex:1}.data-management-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:1px solid #e5e5e5}.data-management-home-link{display:inline-block;margin-bottom:1rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.data-management-home-link:hover{color:#5568d3;text-decoration:underline}.data-management-header h1{margin:0;font-size:2rem;font-weight:600;color:#1a1a1a}.data-management-body{padding:2rem 2.5rem 2.5rem}.data-rights-section{margin-bottom:2rem}.data-rights-section h2{margin:0 0 .5rem;font-size:1.5rem;font-weight:600;color:#1a1a1a}.data-rights-description{margin:0;color:#666;line-height:1.6}.data-actions-section{display:flex;flex-direction:column;gap:1.5rem}.data-action{padding:1.5rem;background:#f9f9f9;border-radius:8px;border:1px solid #e5e5e5}.data-action-danger{border-color:#ff6b6b;background:#fff5f5}.data-action-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;flex-wrap:wrap;gap:.5rem}.data-action-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1a1a1a}.data-action-badge{padding:.25rem .75rem;background:#667eea;color:#fff;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.data-action-badge-danger{background:#ff6b6b}.data-action-description{margin:0 0 1rem;color:#666;line-height:1.6;font-size:.95rem}.data-action-buttons{display:flex;gap:.75rem;flex-wrap:wrap}.data-action-button{padding:.75rem 1.5rem;border:1px solid #e0e0e0;border-radius:6px;background:#fff;color:#4a4a4a;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease}.data-action-button:hover:not(:disabled){background:#f5f5f5;transform:translateY(-1px)}.data-action-button:disabled{opacity:.5;cursor:not-allowed}.data-action-button-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none}.data-action-button-primary:hover:not(:disabled){background:linear-gradient(135deg,#5568d3,#653a8a);box-shadow:0 4px 12px #667eea66}.data-action-button-danger{background:#ff6b6b;color:#fff;border:none}.data-action-button-danger:hover:not(:disabled){background:#ff5252;box-shadow:0 4px 12px #ff6b6b66}.data-export-preview{margin-top:1rem;padding:1rem;background:#1a1a1a;border-radius:6px;max-height:300px;overflow:auto}.data-export-preview pre{margin:0 0 1rem;color:#e0e0e0;font-size:.85rem;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.data-delete-confirm{margin-top:1rem;padding:1rem;background:#fff5f5;border:1px solid #ffcccc;border-radius:6px}.data-delete-warning{margin:0 0 1rem;color:#c00;line-height:1.6}.data-empty-state{padding:2rem;text-align:center;color:#999}[data-theme=dark] .data-management-page{background:#1a1a1a}[data-theme=dark] .data-management-content{background:#1a1a1a;color:#e0e0e0}[data-theme=dark] .data-management-header{border-bottom-color:#333}[data-theme=dark] .data-management-header h1,[data-theme=dark] .data-action-header h3,[data-theme=dark] .data-rights-section h2{color:#e0e0e0}[data-theme=dark] .data-action{background:#252525;border-color:#333}[data-theme=dark] .data-action-danger{background:#2a1a1a;border-color:#ff6b6b}[data-theme=dark] .data-action-description,[data-theme=dark] .data-rights-description{color:#b0b0b0}[data-theme=dark] .data-action-button{background:#2a2a2a;color:#e0e0e0;border-color:#444}[data-theme=dark] .data-action-button:hover:not(:disabled){background:#333}[data-theme=dark] .data-export-preview{background:#0a0a0a}[data-theme=dark] .data-export-preview pre{color:#e0e0e0}[data-theme=dark] .data-delete-confirm{background:#2a1a1a;border-color:#ff6b6b}[data-theme=dark] .data-empty-state{color:#666}@media(max-width:768px){.data-management-page{padding:.5rem}.data-management-content{margin:.5rem 0;border-radius:12px}.data-management-header,.data-management-body{padding:1.25rem}.data-management-header h1{font-size:1.5rem}.data-action{padding:1rem}.data-action-header h3{font-size:1.1rem}.data-action-buttons{flex-direction:column}.data-action-button{width:100%}}.dpo-contact-page{min-height:100vh;padding:2rem;background:#f7fafc;display:flex;flex-direction:column}.dpo-contact-content{background:#fff;border-radius:20px;max-width:700px;width:100%;padding:0;box-shadow:0 24px 48px #0000001a,0 8px 16px #0000000d;display:flex;flex-direction:column;margin:2rem auto;flex:1}.dpo-contact-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:1px solid #e5e5e5}.dpo-contact-home-link{display:inline-block;margin-bottom:1rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.dpo-contact-home-link:hover{color:#5568d3;text-decoration:underline}.dpo-contact-header h1{margin:0;font-size:2rem;font-weight:600;color:#1a1a1a}.dpo-contact-body{padding:2rem 2.5rem 2.5rem}.dpo-info-section,.dpo-requests-section,.dpo-other-section{margin-bottom:2.5rem}.dpo-info-section:last-child,.dpo-requests-section:last-child,.dpo-other-section:last-child{margin-bottom:0}.dpo-info-section h2,.dpo-requests-section h2,.dpo-other-section h2{margin:0 0 1rem;font-size:1.5rem;font-weight:600;color:#1a1a1a}.dpo-contact-info{background:#f9f9f9;padding:1.5rem;border-radius:8px;border:1px solid #e5e5e5}.dpo-contact-info p{margin:.75rem 0;color:#4a4a4a;line-height:1.6}.dpo-contact-info p:first-child{margin-top:0}.dpo-contact-info p:last-child{margin-bottom:0}.dpo-contact-info a{color:#667eea;text-decoration:none}.dpo-contact-info a:hover{text-decoration:underline}.dpo-requests-description{margin:0 0 1.5rem;color:#666;line-height:1.6}.dpo-request-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.dpo-request-button{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border:2px solid #e5e5e5;border-radius:8px;cursor:pointer;transition:all .2s ease;text-align:left;border:none;font-family:inherit}.dpo-request-button:hover{border-color:#667eea;background:#f8f9ff;transform:translateY(-2px);box-shadow:0 4px 12px #667eea33}.dpo-request-icon{font-size:2rem;flex-shrink:0}.dpo-request-button div{display:flex;flex-direction:column;gap:.25rem}.dpo-request-button strong{font-size:1rem;font-weight:600;color:#1a1a1a}.dpo-request-button span{font-size:.85rem;color:#666}.dpo-other-section p{margin:0;color:#666;line-height:1.6}.dpo-other-section a{color:#667eea;text-decoration:none}.dpo-other-section a:hover{text-decoration:underline}[data-theme=dark] .dpo-contact-page{background:#1a1a1a}[data-theme=dark] .dpo-contact-content{background:#1a1a1a;color:#e0e0e0}[data-theme=dark] .dpo-contact-header{border-bottom-color:#333}[data-theme=dark] .dpo-contact-header h1,[data-theme=dark] .dpo-info-section h2,[data-theme=dark] .dpo-requests-section h2,[data-theme=dark] .dpo-other-section h2{color:#e0e0e0}[data-theme=dark] .dpo-contact-info{background:#252525;border-color:#333}[data-theme=dark] .dpo-contact-info p,[data-theme=dark] .dpo-requests-description,[data-theme=dark] .dpo-other-section p{color:#b0b0b0}[data-theme=dark] .dpo-request-button{background:#252525;border-color:#333}[data-theme=dark] .dpo-request-button:hover{background:#2a2a2a;border-color:#667eea}[data-theme=dark] .dpo-request-button strong{color:#e0e0e0}[data-theme=dark] .dpo-request-button span{color:#b0b0b0}@media(max-width:768px){.dpo-contact-page{padding:.5rem}.dpo-contact-content{margin:.5rem 0;border-radius:12px}.dpo-contact-header,.dpo-contact-body{padding:1.25rem}.dpo-contact-header h1{font-size:1.5rem}.dpo-request-buttons{grid-template-columns:1fr}.dpo-request-button{padding:.875rem}.dpo-request-icon{font-size:1.5rem}}.pricing-page{min-height:100vh;padding:2rem;background:linear-gradient(135deg,#f7fafc,#edf2f7);display:flex;flex-direction:column;position:relative}.pricing-page:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.05) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.05) 0%,transparent 50%);pointer-events:none}.pricing-content{background:#fff;border-radius:20px;max-width:900px;width:100%;padding:0;box-shadow:0 24px 48px #0000001a,0 8px 16px #0000000d;display:flex;flex-direction:column;margin:2rem auto;flex:1;position:relative;z-index:1}.pricing-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:2px solid #eee;text-align:center}.pricing-home-link{display:inline-block;margin-bottom:1rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.pricing-home-link:hover{color:#5568d3;text-decoration:underline}.pricing-header h1{margin:0 0 .5rem;font-size:2.25rem;font-weight:700;color:#1a202c;letter-spacing:-.02em}.pricing-subtitle{margin:0;font-size:1.125rem;color:#718096}.pricing-body{padding:2rem 2.5rem 2.5rem}.pricing-philosophy{background:#f8f9fa;border-left:4px solid #667eea;padding:1.25rem;border-radius:8px;margin-bottom:2rem}.pricing-philosophy p{margin:0;color:#4a5568;line-height:1.7;font-size:1rem}.pricing-philosophy strong{color:#667eea;font-weight:600}.pricing-plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:2rem}.pricing-plan{border:2px solid #ddd;border-radius:12px;padding:1.5rem;position:relative;transition:all .2s ease;display:flex;flex-direction:column}.pricing-plan:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.pricing-plan.free{background:#f8f9fa;border-color:#e2e8f0}.pricing-plan.pro{border-color:#667eea;background:linear-gradient(135deg,#f8f4ff,#fff)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:.375rem 1rem;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.pricing-plan h3{margin:.25rem 0 .5rem;font-size:1.5rem;color:#1a202c;text-align:center;font-weight:700}.price{font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:.25rem}.price-note{text-align:center;font-size:.875rem;color:#718096;margin-bottom:1rem}.pricing-plan ul{list-style:none;padding:0;margin:0 0 1rem;flex:1}.pricing-plan li{padding:.375rem 0;color:#4a5568;font-size:.9375rem;line-height:1.5}.pricing-plan li strong{color:#667eea}.plan-status{margin-top:auto;text-align:center}.current-plan{color:#667eea;font-weight:600;font-size:.875rem;margin:0}.plan-actions{margin-top:auto}.pricing-button{border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s ease;display:block;text-align:center;text-decoration:none;font-size:1rem;padding:.875rem 1.5rem}.pricing-button.primary{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 12px #667eea4d}.pricing-button.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #667eea66}.pricing-button.secondary{background:#fff;color:#667eea;border:2px solid #667eea;white-space:nowrap}.pricing-button.secondary:hover:not(:disabled){background:#f8f4ff}.pricing-button:disabled{opacity:.6;cursor:not-allowed}.pricing-button-note{margin:.5rem 0 0;text-align:center;font-size:.8125rem;color:#718096}.license-section{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.license-divider{text-align:center;margin-bottom:1.5rem;position:relative}.license-divider:before,.license-divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background:#e2e8f0}.license-divider:before{left:0}.license-divider:after{right:0}.license-divider span{background:#fff;padding:0 1rem;color:#718096;font-size:.9375rem;position:relative}.license-input-group{display:flex;gap:.75rem;align-items:stretch}.license-input{flex:1;min-width:0;padding:.875rem;border:2px solid #e2e8f0;border-radius:8px;font-size:.9375rem;transition:border-color .2s ease}.license-input:focus{outline:none;border-color:#667eea}.license-error{margin-top:.75rem;padding:.875rem;background:#fee;color:#c33;border-radius:6px;font-size:.9rem;text-align:center}.pricing-success{text-align:center;padding:3rem 0}.success-icon{width:4rem;height:4rem;background:#28a745;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;margin:0 auto 1.5rem}.pricing-success h2{margin:0 0 .5rem;color:#28a745;font-size:2rem}.pricing-success p{margin:.5rem 0;color:#4a5568;font-size:1.125rem}.pricing-success-note{color:#718096!important;font-size:.9375rem!important}.pro-user-badge{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-weight:600;font-size:1.1rem;margin-top:1rem}.pro-icon{font-size:1.5rem}.pricing-info{margin-top:2rem;padding:1.5rem;background:#f7fafc;border-radius:8px;text-align:center}.pricing-info h3{margin:0 0 .5rem;font-size:1.25rem;color:#1a202c}.usage-info{margin:0;color:#4a5568;font-size:1rem}.usage-info strong{color:#667eea}[data-theme=dark] .pricing-page{background:linear-gradient(135deg,#1a1a1a,#0f0f0f)}[data-theme=dark] .pricing-page:before{background:radial-gradient(circle at 20% 50%,rgba(102,126,234,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.1) 0%,transparent 50%)}[data-theme=dark] .pricing-content{background:#1a1a1a;color:#e0e0e0;box-shadow:0 24px 48px #0006,0 8px 16px #0003}[data-theme=dark] .pricing-header{border-bottom-color:#333}[data-theme=dark] .pricing-header h1{color:#f7fafc}[data-theme=dark] .pricing-subtitle{color:#a0aec0}[data-theme=dark] .pricing-philosophy{background:#252525;border-left-color:#667eea}[data-theme=dark] .pricing-philosophy p{color:#cbd5e0}[data-theme=dark] .pricing-philosophy strong{color:#818cf8}[data-theme=dark] .pricing-plan.free{background:#252525;border-color:#444}[data-theme=dark] .pricing-plan.pro{background:linear-gradient(135deg,#2a1a3a,#1a1a1a);border-color:#667eea}[data-theme=dark] .pricing-plan h3{color:#e0e0e0}[data-theme=dark] .pricing-plan li{color:#cbd5e0}[data-theme=dark] .license-input{background:#252525;border-color:#444;color:#e0e0e0}[data-theme=dark] .license-input:focus{border-color:#667eea}[data-theme=dark] .license-divider:before,[data-theme=dark] .license-divider:after{background:#444}[data-theme=dark] .license-divider span{background:#1a1a1a;color:#a0aec0}[data-theme=dark] .license-section{border-top-color:#333}[data-theme=dark] .pricing-info{background:#252525}[data-theme=dark] .pricing-info h3{color:#e0e0e0}[data-theme=dark] .usage-info{color:#cbd5e0}[data-theme=dark] .usage-info strong{color:#818cf8}@media(max-width:768px){.pricing-page{padding:.5rem}.pricing-content{margin:.5rem 0;border-radius:12px}.pricing-header{padding:1.5rem 1.25rem 1rem}.pricing-header h1{font-size:1.75rem}.pricing-body{padding:1.5rem 1.25rem}.pricing-plans{grid-template-columns:1fr;gap:1.5rem}.pricing-plan{padding:1.5rem}.license-input-group{flex-direction:column}.pricing-button.secondary{width:100%}}.faq-page{min-height:100vh;padding:2rem;background:#f7fafc;display:flex;flex-direction:column}.faq-content{background:#fff;border-radius:20px;max-width:900px;width:100%;padding:0;box-shadow:0 24px 48px #0000001a,0 8px 16px #0000000d;display:flex;flex-direction:column;margin:2rem auto;flex:1}.faq-header{padding:2.5rem 2.5rem 1.5rem;border-bottom:2px solid #eee;flex-shrink:0}.faq-home-link{display:inline-block;margin-bottom:1rem;color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.faq-home-link:hover{color:#5568d3;text-decoration:underline}.faq-header h1{margin:0 0 .5rem;font-size:2.25rem;font-weight:700;color:#1a202c;letter-spacing:-.02em}.faq-subtitle{margin:0;font-size:1.125rem;color:#718096}.faq-list{padding:2rem 2.5rem;display:flex;flex-direction:column;gap:1.5rem;flex:1}.faq-item{padding:1.5rem;background:#f7fafc;border-radius:12px;border-left:4px solid #667eea;transition:box-shadow .2s ease,transform .2s ease}.faq-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.faq-question{font-size:1.25rem;margin-bottom:.75rem;color:#1a202c;font-weight:600;line-height:1.4}.faq-answer{font-size:1rem;line-height:1.7;color:#4a5568;margin:0}.faq-footer{padding:2rem 2.5rem 2.5rem;border-top:2px solid #eee;text-align:center;color:#718096;flex-shrink:0}.faq-footer a{color:#667eea;text-decoration:none;font-weight:500;transition:color .2s ease}.faq-footer a:hover{color:#5568d3;text-decoration:underline}[data-theme=dark] .faq-page{background:#1a1a1a}[data-theme=dark] .faq-content{background:#1a1a1a;color:#e0e0e0;box-shadow:0 24px 48px #0006,0 8px 16px #0003}[data-theme=dark] .faq-header{border-bottom-color:#333}[data-theme=dark] .faq-header h1{color:#f7fafc}[data-theme=dark] .faq-subtitle{color:#a0aec0}[data-theme=dark] .faq-list{color:#e0e0e0}[data-theme=dark] .faq-home-link{color:#667eea}[data-theme=dark] .faq-home-link:hover{color:#8b9aff}[data-theme=dark] .faq-item{background:#252525;border-left-color:#667eea}[data-theme=dark] .faq-item:hover{box-shadow:0 4px 12px #0000004d}[data-theme=dark] .faq-question{color:#f7fafc}[data-theme=dark] .faq-answer{color:#cbd5e0}[data-theme=dark] .faq-footer{border-top-color:#333;color:#a0aec0}[data-theme=dark] .faq-footer a{color:#667eea}[data-theme=dark] .faq-footer a:hover{color:#8b9aff}@media(max-width:768px){.faq-page{padding:.5rem}.faq-content{margin:.5rem 0;border-radius:12px}.faq-header{padding:1.5rem 1.25rem 1rem}.faq-header h1{font-size:1.75rem}.faq-list{padding:1.5rem 1.25rem;gap:1.25rem}.faq-item{padding:1.25rem}.faq-question{font-size:1.1rem}.faq-footer{padding:1.5rem 1.25rem}}.guide-section ul{margin-bottom:1.5rem;padding-left:1.5rem}.guide-table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.95rem}.guide-table th,.guide-table td{padding:.75rem;text-align:left;border:1px solid var(--border-color, #e0e0e0)}.guide-table th{background:var(--card-bg, #f8f9fa);font-weight:600;color:var(--heading-color, #1a1a1a)}.guide-table tr:nth-child(2n){background:var(--card-bg, #f8f9fa)}@media(max-width:768px){.guide-content{padding:1.5rem 1rem}.guide-header h1{font-size:2rem}.guide-section h2{font-size:1.6rem}.guide-table{font-size:.85rem}.guide-table th,.guide-table td{padding:.5rem}}@media(max-width:768px){.guide-content{padding:1.5rem 1rem}.guide-header h1{font-size:2rem}.guide-section h2{font-size:1.6rem}}.guide-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-color, #ffffff);color:var(--text-color, #333)}.guide-content{flex:1;max-width:900px;margin:0 auto;padding:2rem 1rem;width:100%}.guide-header{margin-bottom:2rem}.guide-home-link{display:inline-block;margin-bottom:1rem;color:var(--link-color, #0066cc);text-decoration:none;font-size:.95rem;transition:opacity .2s}.guide-home-link:hover{opacity:.7}.guide-header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--heading-color, #1a1a1a);line-height:1.2}.guide-subtitle{font-size:1.1rem;color:var(--text-secondary, #666);margin-top:.5rem}.guide-article{line-height:1.8}.guide-section{margin-bottom:3rem}.guide-section h2{font-size:2rem;margin-bottom:1rem;color:var(--heading-color, #1a1a1a);border-bottom:2px solid var(--border-color, #e0e0e0);padding-bottom:.5rem}.guide-section h3{font-size:1.4rem;margin-top:1.5rem;margin-bottom:.75rem;color:var(--heading-color, #1a1a1a)}.guide-section p{margin-bottom:1rem;font-size:1.05rem}.guide-section ul,.guide-section ol{margin-bottom:1.5rem;padding-left:1.5rem}.guide-section li{margin-bottom:.5rem}.guide-section strong{color:var(--heading-color, #1a1a1a)}.sizing-table-container{overflow-x:auto;margin:2rem 0}.sizing-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:600px}.sizing-table th,.sizing-table td{padding:.75rem;text-align:left;border:1px solid var(--border-color, #e0e0e0)}.sizing-table th{background:var(--card-bg, #f8f9fa);font-weight:600;color:var(--heading-color, #1a1a1a);position:sticky;top:0}.sizing-table tr:nth-child(2n){background:var(--card-bg, #f8f9fa)}.sizing-table tr:hover{background:var(--hover-bg, #f0f0f0)}.guide-cta-button{display:inline-block;margin-top:1rem;padding:.75rem 1.5rem;background:var(--link-color, #0066cc);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;transition:opacity .2s}.guide-cta-button:hover{opacity:.9}.guide-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color, #e0e0e0);text-align:center;color:var(--text-secondary, #666)}.guide-footer a{color:var(--link-color, #0066cc);text-decoration:none;margin:0 .25rem}.guide-footer a:hover{text-decoration:underline}@media(max-width:768px){.guide-content{padding:1.5rem 1rem}.guide-header h1{font-size:2rem}.guide-section h2{font-size:1.6rem}.sizing-table{font-size:.85rem}.sizing-table th,.sizing-table td{padding:.5rem}}.not-found-page{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-color, #ffffff);color:var(--text-color, #333)}.not-found-content{flex:1;max-width:900px;margin:0 auto;padding:3rem 1rem;width:100%}.not-found-header{text-align:center;margin-bottom:3rem}.not-found-header h1{font-size:4rem;margin-bottom:1rem;color:var(--heading-color, #1a1a1a);font-weight:700}.not-found-subtitle{font-size:1.2rem;color:var(--text-secondary, #666)}.not-found-body{margin-top:3rem}.not-found-suggestions h2{font-size:1.8rem;margin-bottom:2rem;color:var(--heading-color, #1a1a1a);text-align:center}.not-found-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;margin-bottom:3rem}.not-found-link-group h3{font-size:1.2rem;margin-bottom:1rem;color:var(--heading-color, #1a1a1a);border-bottom:2px solid var(--border-color, #e0e0e0);padding-bottom:.5rem}.not-found-link-group ul{list-style:none;padding:0;margin:0}.not-found-link-group li{margin-bottom:.75rem}.not-found-link-group a{color:var(--link-color, #0066cc);text-decoration:none;transition:opacity .2s;font-size:.95rem}.not-found-link-group a:hover{opacity:.7;text-decoration:underline}.not-found-cta{text-align:center;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border-color, #e0e0e0)}.not-found-button{display:inline-block;padding:1rem 2rem;background:var(--link-color, #0066cc);color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:1.1rem;transition:opacity .2s}.not-found-button:hover{opacity:.9}@media(max-width:768px){.not-found-header h1{font-size:3rem}.not-found-links{grid-template-columns:1fr;gap:1.5rem}.not-found-content{padding:2rem 1rem}}.app{min-height:100vh;width:100%;display:flex;flex-direction:column}.homepage-background{width:100%;position:relative;z-index:0}.app-container{max-width:1200px;margin:0 auto;padding:2rem;position:relative;z-index:2;width:100%;box-sizing:border-box;overflow-x:hidden}.app-header{text-align:center;margin-bottom:2.5rem;padding-top:1rem}.app-header h1{margin:0 0 .75rem;font-size:2.25rem;font-weight:600;color:#1a202c;letter-spacing:-.02em;transition:color .2s ease}.app-header p{margin:0;font-size:1rem;color:#718096;font-weight:400;transition:color .2s ease}.app-main{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 8px #0000001a;transition:background-color .2s ease,box-shadow .2s ease;position:relative;z-index:1;width:100%;box-sizing:border-box;overflow-x:hidden}[data-theme=dark] .app-header h1{color:#f7fafc}[data-theme=dark] .app-header p{color:#a0aec0}[data-theme=dark] .app-main{background:#2a2a2a;box-shadow:0 2px 8px #0000004d}@media(max-width:768px){.app-container{padding:1rem}.app-header{margin-bottom:2rem;padding-top:.5rem}.app-header h1{font-size:1.75rem}.app-header p{font-size:.9375rem}.app-main{padding:1rem}}