*{box-sizing:border-box;padding:0}*,body{margin:0}body{background:#fafafa;color:#333;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;min-height:100vh}.container{background:#fff;margin:0 auto;overflow:hidden}.site-header{-webkit-backface-visibility:hidden;backface-visibility:hidden;background:#fff;border-bottom:1px solid #e6e6e6;position:relative;transform:translateZ(0);z-index:100}.header-container{height:64px;justify-content:space-between;margin:0 auto;max-width:1200px}.header-container,.logo{align-items:center;display:flex}.logo{color:#333;text-decoration:none}.logo-text{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;display:block;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:28px;font-weight:700;letter-spacing:.05em;line-height:1.2;min-width:120px;text-rendering:optimizeLegibility}.nav-menu{align-items:center;display:flex;gap:32px;list-style:none}.nav-item{margin:0}.nav-link{color:#666;font-size:14px;font-weight:500;padding:8px 0;text-decoration:none;transition:color .15s ease}.nav-link:hover{color:#333}.nav-link.active{color:#333;font-weight:600}.mobile-menu-toggle{background:none;border:none;border-radius:4px;color:#666;cursor:pointer;display:none;min-height:44px;min-width:44px;padding:12px;transition:background-color .15s ease}.mobile-menu-toggle:hover{background:#f5f5f5}.mobile-menu-toggle:active{background:#e0e0e0}.mobile-nav{background:#fff;border-top:1px solid #e6e6e6;box-shadow:0 4px 12px #0000001a;display:none;left:0;position:absolute;right:0;top:100%;z-index:200}.mobile-nav.open{display:block}.mobile-nav-menu{list-style:none}.mobile-nav-item{margin:0}.mobile-nav-link{align-items:center;border-bottom:1px solid #f5f5f5;color:#666;display:flex;font-size:16px;font-weight:500;min-height:56px;padding:16px 20px;text-decoration:none;transition:all .15s ease}.mobile-nav-link:hover{background:#f8f9fa;color:#333}.mobile-nav-link.active{background:#f0f0f0;color:#333;font-weight:600}.page-header{background:#fafafa;padding:40px 20px}.page-header-container{margin:0 auto;max-width:1200px;text-align:left}.page-title{color:#333;font-size:32px;font-weight:700;letter-spacing:.02em}.main-content{margin:auto;max-width:1300px;padding:40px 50px 50px}.usage-guide{background:#f9f9f9;border:1px solid #f0f0f0;border-radius:6px;color:#666;font-size:14px;line-height:1.6;margin-bottom:24px;padding:20px;text-align:center}.stats{display:flex;flex-direction:column;gap:16px;margin-top:32px}.stat{align-items:center;background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;display:flex;justify-content:space-between;padding:20px 24px}.stat-label{color:#666;font-size:14px;font-weight:500;line-height:1.3}.stat-value{color:#333;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:20px;font-weight:700}.input-section{margin-bottom:24px;position:relative}textarea{background:#fff;border:1px solid #e0e0e0;border-radius:6px;color:#333;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:15px;line-height:1.6;min-height:200px;padding:20px;resize:vertical;transition:border-color .15s ease;width:100%}textarea::placeholder{color:#aaa}textarea:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff1a;outline:none}.input-footer{margin-top:16px;text-align:right}.clear-btn{background:#6c757d;border-radius:6px;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;min-height:44px;min-width:100px;padding:12px 24px;transition:all .15s ease}.clear-btn:hover:not(:disabled){background:#5a6268}.clear-btn:disabled{cursor:not-allowed;opacity:.4}.file-input-section{margin:30px auto;max-width:800px}.file-upload-area{background:linear-gradient(135deg,#ff6b6b,#ee5a52);border:2px dashed #fff;border-radius:16px;cursor:pointer;overflow:hidden;padding:40px 30px;position:relative;text-align:center;transition:all .3s ease}.file-upload-area.drag-over{background:linear-gradient(135deg,#ff5252,#d32f2f);border-color:#fff;transform:scale(1.02)}.upload-icons{align-items:center;display:flex;gap:20px;justify-content:center;margin-bottom:30px}.upload-icon{font-size:32px;opacity:.8;transition:all .3s ease}.upload-icon.main{background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;color:#ff6b6b;font-size:40px;opacity:1;padding:8px}.file-select-btn{align-items:center;background:#fff;border:none;border-radius:12px;box-shadow:0 4px 15px #0000001a;color:#ff6b6b;cursor:pointer;display:flex;font-size:16px;font-weight:600;gap:12px;margin:0 auto 20px;padding:16px 32px;transition:all .3s ease}.file-select-btn:hover{background:#f8f9fa;box-shadow:0 6px 20px #00000026;transform:translateY(-1px)}.btn-icon{font-size:20px}.btn-text{font-weight:600}.btn-arrow{font-size:12px;margin-left:8px;opacity:.7}.drag-drop-text{color:#fff;font-size:14px;font-weight:500;margin:0;opacity:.9}.file-input{display:none}.image-preview{margin-top:30px;text-align:center}.image-preview,.selected-files-section{background:#fafafa;border:1px solid #f0f0f0;border-radius:6px;padding:24px}.selected-files-section{margin:auto;max-width:1560px}.files-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;margin-bottom:20px;padding-bottom:16px}.files-header h3{color:#333;font-size:18px;font-weight:600;margin:0}.clear-all-btn{background:#dc3545;border:none;border-radius:4px;color:#fff;cursor:pointer;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;font-weight:500;padding:8px 16px;transition:all .2s ease}.clear-all-btn:hover{background:#c82333;transform:translateY(-1px)}.files-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.file-item{background:#fff;border:1px solid #e0e0e0;border-radius:6px;display:flex;flex-direction:column;height:290px;padding:30px 10px 0;position:relative}.file-item:hover{border-color:#007bff;box-shadow:0 2px 8px #007bff1a}.file-preview{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;box-shadow:0 2px 8px #0000001a;display:flex;height:212px;justify-content:center;margin:0 auto 12px;text-align:center;width:150px}.file-preview .preview-canvas,.file-preview .preview-image{box-shadow:0 2px 6px #00000026;height:212px;margin-bottom:0;width:150px}.file-preview.fit-mode{background:#0000;border:none;box-shadow:none}.file-preview.fit-mode .preview-canvas,.file-preview.fit-mode .preview-image{box-shadow:none}.loading-preview{align-items:center;color:#666;display:flex;font-size:14px;height:100%;justify-content:center;width:100%}.file-info{margin-bottom:12px;margin-top:auto;text-align:center}.file-name{color:#333;font-size:14px;font-weight:500;line-height:1.3;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-word}.file-size{display:none}.file-item{cursor:grab;transition:all .2s ease}.file-item:active{cursor:grabbing}.file-item.dragging{opacity:.5;z-index:1000}.file-item.drag-over{border-color:#007bff}.remove-file-btn{align-items:center;background:#6c757d;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;height:24px;justify-content:center;position:absolute;right:4px;top:4px;transition:background-color .2s ease;width:24px;z-index:20}.remove-file-btn:hover{background:#dc3545}.download-section{border-top:1px solid #e0e0e0;padding-top:16px;text-align:center}.pdf-lib-loading{background:#fff3cd;border:1px solid #ffeaa7;border-radius:4px;color:#856404;margin-bottom:16px;padding:16px;text-align:center}.pdf-lib-loading p{font-size:14px;font-weight:500;margin:0}.pdf-lib-status{color:#dc3545}.generating-status,.pdf-lib-status{font-size:14px;font-weight:500;margin-top:12px}.generating-status{color:#007bff}.page-size-selection{background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;margin-bottom:20px;padding:16px}.page-size-selection h4{color:#333;font-size:16px;font-weight:600;margin:0 0 12px}.size-options{display:flex;flex-wrap:wrap;gap:16px}.size-option{align-items:center;border-radius:4px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:background-color .2s ease}.size-option:hover{background-color:#e9ecef}.size-option input[type=radio]{cursor:pointer;margin:0}.size-label{display:flex;flex-direction:column;gap:2px}.size-label strong{color:#333;font-size:14px;font-weight:600}.size-label small{color:#666;font-size:12px;font-weight:400}.preview-image{border-radius:6px;box-shadow:0 2px 8px #0000001a;margin-bottom:20px;max-height:400px;max-width:100%}.download-btn{background:#28a745;border-radius:6px;font-family:Montserrat,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;margin-top:20px;min-height:48px;padding:16px 32px;transition:all .3s ease}.download-btn:disabled{cursor:not-allowed;opacity:.4}.hero-section{background:linear-gradient(135deg,#f8f9fa,#fff);padding:80px 20px;text-align:center}.hero-container{margin:0 auto;max-width:800px}.hero-title{color:#333;font-family:Montserrat,sans-serif;font-size:48px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px}.hero-subtitle{color:#666;font-size:18px;line-height:1.6;margin-bottom:40px}.tools-section{padding:60px 20px}.tools-container{margin:0 auto;max-width:1200px;padding:0 20px}.tools-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:100%}.tool-card{background:#fff;border:1px solid #e6e6e6;border-radius:8px;box-shadow:0 2px 8px #0000000a;color:inherit;padding:32px;text-decoration:none;transition:all .15s ease}.tool-card:hover{border-color:#d0d0d0;box-shadow:0 4px 16px #0000001a;transform:translateY(-2px)}.tool-icon{color:#666;display:block;font-size:48px;margin-bottom:16px}.material-icons{word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;direction:ltr;display:inline-block;font-family:Material Icons;font-size:48px;font-style:normal;font-weight:400;letter-spacing:normal;line-height:1;text-transform:none;white-space:nowrap}.tool-title{color:#333;font-size:20px;font-weight:600;margin-bottom:8px}.tool-description{color:#666;font-size:14px;line-height:1.5}.site-footer{background:#fafafa;border-top:1px solid #f0f0f0;margin-top:60px;padding:40px 20px}.footer-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-left{flex:1 1;min-width:200px}.footer-right{flex:0 0 auto}.copyright{color:#999;font-size:14px;font-weight:400}.footer-nav{align-items:center;display:flex;flex-wrap:wrap;gap:24px}.footer-link{color:#666;font-size:14px;font-weight:500;padding:4px 0;text-decoration:none;transition:color .15s ease}.footer-link:hover{color:#333}@media (max-width:768px){.nav-menu{display:none}.mobile-menu-toggle{display:block}.hero-title{font-size:36px}.hero-subtitle{font-size:16px}.tools-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.tool-card{padding:24px}.container{max-width:100%}.main-content{padding:24px 20px}.stats{gap:12px}}@media (max-width:600px){body{padding:0}.tools-container{padding:0 16px}.tools-grid{gap:12px;grid-template-columns:1fr}.tool-card{align-items:center;display:flex;gap:16px;padding:20px}.tool-icon{flex-shrink:0;font-size:32px;margin-bottom:0}.tool-content{flex:1 1}.container{border-radius:8px;max-width:100%}.header-container{padding:0 5%}.page-header{padding:5%}.main-content{padding:20px 16px}.page-title{font-size:1.3em}.stats{gap:8px}.stat{padding:16px}.stat-label{font-size:14px}.stat-value{font-size:18px}textarea{font-size:16px;line-height:1.5;min-height:160px;padding:16px}.usage-guide{font-size:14px;padding:16px}.clear-btn{font-size:16px;min-height:48px;padding:12px 20px}.site-footer{margin-top:40px;padding:30px 16px}.footer-container{flex-direction:column;gap:16px;text-align:center}.footer-left,.footer-right{flex:none;width:100%}.footer-nav{gap:20px;justify-content:center}.logo-text{font-size:24px;line-height:1.2}.hero-section{padding:60px 16px}.tools-section{padding:40px 16px}.hero-title{font-size:28px}.tools-grid{gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tool-card{padding:24px}.file-upload-area{padding:30px 20px}.upload-icons{gap:15px;margin-bottom:25px}.upload-icon{font-size:28px}.upload-icon.main{font-size:36px;padding:6px}.file-select-btn{font-size:15px;padding:14px 28px}.file-upload-area{border-radius:12px;padding:25px 16px}.upload-icons{gap:12px;margin-bottom:20px}.upload-icon{font-size:24px}.upload-icon.main{font-size:32px;padding:5px}.file-select-btn{flex-direction:column;font-size:14px;gap:8px;padding:12px 24px}.btn-arrow{margin-left:0}.files-grid{gap:12px;grid-template-columns:1fr}.file-item{height:270px;padding:12px}.files-header{align-items:flex-start;flex-direction:column;gap:12px}.clear-all-btn{align-self:flex-end}}.url-input-section{background:#fff;margin-bottom:32px}.input-group{margin-bottom:24px}.input-label{color:#374151;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-with-button{align-items:center;display:flex;position:relative}.url-input{background:#f9fafb;border:2px solid #e5e7eb;font-size:16px;padding:16px 50px 16px 20px;transition:all .2s ease;width:100%}.url-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.url-input:disabled{cursor:not-allowed;opacity:.6}.loading-indicator{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;display:flex;justify-content:center;margin-top:12px;padding:12px}.loading-text{animation:pulse 1.5s ease-in-out infinite;color:#0369a1;font-size:14px;font-weight:500}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.clear-btn-inline{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:12px;font-weight:700;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:all .2s ease;z-index:2}.clear-btn-inline .material-icons{font-size:25px;line-height:1}.clear-btn-inline:hover:not(:disabled){opacity:.5}.clear-btn-inline:disabled{cursor:not-allowed;opacity:.4;transform:translateY(-50%)}.button-group{align-items:center;display:flex;gap:16px}.submit-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:12px;padding:16px 32px}.submit-btn:hover:not(:disabled){box-shadow:0 8px 25px #6366f166;transform:translateY(-2px)}.submit-btn:disabled{opacity:.6}.clear-btn{background:#6b7280;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px 24px;transition:all .2s ease}.clear-btn:hover:not(:disabled){background:#4b5563;transform:translateY(-1px)}.error-message{align-items:center;background:#fef2f2;border:2px solid #fecaca;border-radius:12px;color:#dc2626;display:flex;font-weight:500;gap:12px;margin-bottom:24px;padding:16px 20px}.error-icon{font-size:18px}.thumbnails-section{background:#fff}.thumbnails-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.thumbnails-header h3{color:#1f2937;font-size:20px;font-weight:700;margin:0}.thumbnail-category{margin-bottom:32px}.thumbnail-category:last-child{margin-bottom:0}.category-title{border-bottom:2px solid #e5e7eb;color:#374151;font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:8px}.thumbnails-grid-new{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.thumbnail-item-new{background:#f9fafb;border:2px solid #e5e7eb;border-radius:5px;display:flex;flex-direction:column;padding:20px;transition:all .2s ease}.thumbnail-header{margin-bottom:16px;text-align:center}.thumbnail-title{color:#1f2937;font-size:16px;font-weight:600;margin:0 0 4px}.thumbnail-desc{color:#6b7280;font-size:12px;margin:0}.thumbnail-controls{display:flex;flex-direction:column;gap:12px;margin-top:16px}.quality-selector{display:flex;flex-direction:column;gap:6px}.quality-label{color:#374151;font-size:12px;font-weight:500}.quality-buttons{display:flex;flex-wrap:wrap;gap:8px}.quality-btn{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:1em;font-weight:500;justify-content:center;letter-spacing:.05rem;line-height:1;min-height:32px;padding:6px 12px;text-align:center;transition:all .2s ease}.quality-btn:hover{background:#f9fafb;border-color:#9ca3af}.quality-btn.active{background:#6366f1;border-color:#6366f1;color:#fff;font-weight:600}.quality-btn:focus{box-shadow:0 0 0 3px #6366f11a;outline:none}.usage-section{background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;font-size:14px;margin-top:48px;padding:32px}.usage-header{margin-bottom:20px}.usage-header:first-child{margin-top:0}.usage-header h3{border-bottom:3px solid #e3e3e3;font-size:16px;font-weight:700;margin-bottom:.3em;padding:.3em;position:relative}.usage-header h3:after{background-color:#4c9ac0;bottom:-3px;content:"";height:3px;left:0;position:absolute;width:2em;z-index:1}.usage-content{margin-bottom:15px;margin-left:10px}.usage-content p{line-height:1.6}.usage-content p:last-child{margin-bottom:0}.usage-content ul{list-style-type:disc;margin:0;padding-left:20px}.usage-content li{color:#374151;font-size:14px;line-height:1.6;margin-bottom:8px}.intro-text{margin-bottom:10px}.resolution-table{border-collapse:collapse;margin-top:12px;width:auto}.resolution-table td,.resolution-table th{border:1px solid #e5e7eb;font-size:14px;padding:8px 12px;text-align:left}.resolution-table th{background-color:#f9fafb;color:#374151;font-weight:600}.resolution-table td{color:#6b7280}.resolution-table tr:nth-child(2n){background-color:#f9fafb}.usage-steps{color:#374151;line-height:1.7;margin:0 0 18px;padding-left:20px}.usage-steps li{font-size:14px;margin-bottom:8px}.usage-note{background:#fff;border:1px solid #d1d5db;margin:10px 0;padding:16px}.usage-note p{color:#374151;font-size:14px;margin:0 0 12px}.usage-note ul{list-style-type:disc;margin:0;padding-left:20px}.usage-note li{color:#6b7280;font-family:Courier New,monospace;font-size:13px;margin-bottom:4px}.thumbnail-type-item,.thumbnail-types-list{margin-bottom:24px}.thumbnail-type-item:last-child{margin-bottom:0}.thumbnail-type-item h4{font-size:14px;font-weight:700;margin-bottom:8px}.thumbnail-type-item p{color:#6b7280;font-size:14px;line-height:1.6;margin:0 0 12px}.thumbnail-type-item ul{list-style-type:disc;margin:0;padding-left:20px}.thumbnail-type-item li{color:#374151;font-size:14px;line-height:1.6;margin-bottom:4px}.thumbnails-grid{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.thumbnail-preview{align-items:center;background:#fff;border:1px solid #e5e7eb;display:flex;justify-content:center;margin-bottom:10px;min-height:100px;overflow:hidden}.thumbnail-image{display:block;height:auto;max-width:100%}.thumbnail-info{text-align:center}.thumbnail-quality{color:#4b5563;font-size:14px;font-weight:500;margin:0 0 12px}.download-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease;width:100%}.no-results{color:#6b7280;font-size:16px;padding:40px 20px;text-align:center}@media (max-width:768px){.url-input-section{margin-bottom:24px}.button-group{align-items:stretch;flex-direction:column}.clear-btn,.submit-btn{justify-content:center;width:100%}.thumbnails-header{align-items:stretch;flex-direction:column;text-align:center}.thumbnails-grid{gap:16px;grid-template-columns:1fr}.thumbnails-grid-new{grid-template-columns:1fr;grid-template-rows:auto}}@media (max-width:480px){.url-input{font-size:14px;padding:14px 45px 14px 16px}.clear-btn-inline{font-size:10px;right:10px}.clear-btn,.submit-btn{font-size:14px;padding:14px 24px}}.about-section,.privacy-section{margin-bottom:48px}.section-title{border-bottom:2px solid #f0f0f0;color:#333;font-size:24px;font-weight:700;margin-bottom:16px;padding-bottom:8px}.section-text{color:#555;font-size:16px;line-height:1.7;margin-bottom:16px}.features-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-top:24px}.feature-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:24px;text-align:center;transition:all .2s ease}.feature-item:hover{border-color:#e0e0e0;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.feature-icon{color:#4f46e5;font-size:48px;margin-bottom:16px}.feature-item h3{color:#333;font-size:18px;font-weight:600;margin-bottom:12px}.feature-item p{color:#666;font-size:14px;line-height:1.6}.tools-list{margin-top:24px}.tool-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:16px;padding:20px;transition:all .2s ease}.tool-item:hover{background:#f5f5f5;border-color:#e0e0e0}.tool-item h3{color:#333;font-size:18px;font-weight:600;margin-bottom:8px}.tool-item p{color:#666;font-size:14px;line-height:1.6}.tech-specs{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-top:24px;padding:24px}.tech-item{border-bottom:1px solid #f0f0f0;color:#555;font-size:14px;padding:12px 0}.tech-item:last-child{border-bottom:none}.tech-item strong{color:#333;margin-right:8px}.link{color:#4f46e5;font-weight:500;text-decoration:none;transition:color .2s ease}.link:hover{color:#3730a3;text-decoration:underline}.contact-form-container{margin:0 auto;max-width:600px}.success-message{align-items:center;background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46;display:flex;gap:12px;margin-bottom:24px;padding:16px}.success-message .material-icons{color:#10b981;font-size:24px}.contact-form{background:#fff;border:1px solid #f0f0f0;border-radius:8px;box-shadow:0 2px 8px #0000000a;padding:32px}.form-group{margin-bottom:24px}.form-label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.form-input,.form-textarea{border:1px solid #e0e0e0;border-radius:6px;font-family:inherit;font-size:15px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e51a;outline:none}.form-textarea{min-height:120px;resize:vertical}.form-footer{margin-top:32px;text-align:center}.submit-btn{background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-width:160px;padding:14px 32px;transition:all .2s ease}.submit-btn:hover:not(:disabled){background:#3730a3;box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.submit-btn:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed;transform:none}.contact-info{border-top:1px solid #f0f0f0;margin-top:48px;padding-top:32px}.contact-info-title{color:#333;font-size:20px;font-weight:600;margin-bottom:24px;text-align:center}.contact-info-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin:0 auto;max-width:500px}.contact-info-item{align-items:center;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;display:flex;gap:16px;padding:20px}.contact-icon{color:#4f46e5;font-size:32px}.contact-info-item h4{color:#333;font-size:16px;font-weight:600;margin-bottom:4px}.contact-info-item p{color:#666;font-size:14px}.privacy-content{margin:0 auto;max-width:800px}.info-list,.protection-list{margin-top:16px}.info-item,.protection-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:16px;padding:20px}.info-item h3,.protection-item h3{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.info-item ul,.protection-item ul{list-style:none;padding:0}.info-item li,.protection-item li{color:#555;font-size:14px;padding:6px 0 6px 20px;position:relative}.info-item li:before,.protection-item li:before{color:#4f46e5;content:"•";font-weight:700;left:0;position:absolute}.purpose-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.purpose-item{align-items:flex-start;background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;display:flex;gap:16px;padding:20px}.purpose-icon{color:#4f46e5;flex-shrink:0;font-size:32px}.purpose-item h3{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.purpose-item p{color:#666;font-size:14px;line-height:1.5}.exception-list{list-style:none;margin-top:16px;padding:0}.exception-list li{color:#555;font-size:14px;padding:8px 0 8px 24px;position:relative}.exception-list li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.rights-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-top:20px}.right-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;padding:20px;text-align:center}.right-icon{color:#4f46e5;font-size:32px;margin-bottom:12px}.right-item h4{color:#333;font-size:16px;font-weight:600;margin-bottom:8px}.right-item p{color:#666;font-size:14px;line-height:1.5}.disclaimer-content{margin-top:20px}.disclaimer-item{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:16px;padding:20px}.disclaimer-item h3{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.disclaimer-item .section-text{margin-bottom:0}.privacy-subsection{background:#fafafa;border:1px solid #f0f0f0;border-radius:8px;margin-bottom:32px;padding:24px}.privacy-subsection:last-child{margin-bottom:0}.subsection-title{border-bottom:2px solid #e0e0e0;color:#333;font-size:20px;font-weight:600;margin-bottom:20px;padding-bottom:8px}.subsection-content{margin-top:16px}.subsection-content .info-item{background:#fff;border:1px solid #f0f0f0;border-radius:6px;margin-bottom:20px;padding:16px}.subsection-content .info-item:last-child{margin-bottom:0}.subsection-content .info-item h4{color:#333;font-size:16px;font-weight:600;margin-bottom:12px}.contact-section{margin-top:20px}@media (max-width:768px){.features-grid{gap:20px}.features-grid,.purpose-list{grid-template-columns:1fr}.rights-grid{grid-template-columns:repeat(2,1fr)}.contact-info-grid{grid-template-columns:1fr}.contact-form{padding:24px}.main-content{padding:5%}}@media (max-width:480px){.rights-grid{grid-template-columns:1fr}.contact-form{padding:20px}.submit-btn{min-width:auto;width:100%}}.chart-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:320px 1fr;margin-bottom:32px}@media (max-width:1024px){.chart-layout{gap:24px;grid-template-columns:1fr}}.chart-controls{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:24px}.control-section{margin-bottom:32px}.control-section:last-child{margin-bottom:0}.control-section h3{border-bottom:2px solid #e5e7eb;color:#1f2937;font-size:18px;font-weight:600;margin-bottom:16px;padding-bottom:8px}.control-group{margin-bottom:16px}.control-label{color:#374151;display:block;font-size:14px;font-weight:500;margin-bottom:6px}.control-input{background:#fff;border:1px solid #d1d5db;border-radius:6px;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.control-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.range-input{background:#e5e7eb;border-radius:3px;cursor:pointer;height:6px;margin:8px 0;outline:none;width:100%}.range-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#3b82f6;border-radius:50%;cursor:pointer;height:20px;-webkit-transition:background .2s;transition:background .2s;width:20px}.range-input::-webkit-slider-thumb:hover{background:#2563eb}.range-input::-moz-range-thumb{background:#3b82f6;border:none;border-radius:50%;cursor:pointer;height:20px;-moz-transition:background .2s;transition:background .2s;width:20px}.range-input::-moz-range-thumb:hover{background:#2563eb}.range-labels{color:#6b7280;display:flex;font-size:12px;justify-content:space-between;margin-top:4px}.field-count-controls{align-items:center;display:flex;gap:12px}.field-count-input{text-align:center;width:80px!important}.field-count-info{background:#f3f4f6;border-radius:4px;color:#6b7280;font-size:12px;padding:4px 8px;white-space:nowrap}.checkbox-group{margin-bottom:8px}.checkbox-label{align-items:center;color:#374151;cursor:pointer;display:flex;font-size:14px}.checkbox-label input[type=checkbox]{accent-color:#3b82f6;height:16px;margin-right:8px;width:16px}.color-input-group{align-items:center;display:flex;gap:8px}.apply-color-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;padding:8px 12px;transition:background-color .2s}.apply-color-btn:hover{background:#4b5563}.data-items{margin-bottom:16px}.data-item{background:#fff;border:1px solid #e5e7eb;border-radius:6px;margin-bottom:8px;padding:12px}.data-item-row{grid-gap:8px;align-items:center;display:grid;gap:8px;grid-template-columns:30px 1fr 80px auto}.data-item-info,.data-item-number{align-items:center;display:flex;justify-content:center}.data-item-number{background:#f3f4f6;border-radius:50%;color:#6b7280;font-size:12px;font-weight:600;height:20px;width:20px}.data-item-field{align-items:center;display:flex}.data-input{background:#fff;border:1px solid #d1d5db;border-radius:4px;font-size:13px;padding:6px 8px;transition:border-color .2s,box-shadow .2s;width:100%}.data-input:focus{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a;outline:none}.label-input{min-width:0}.value-input{text-align:center}.data-item-row.no-color{grid-template-columns:30px 1fr 80px}.data-controls{display:flex;flex-wrap:wrap;gap:8px}.add-data-btn{background:#10b981;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.add-data-btn:hover:not(:disabled){background:#059669}.add-data-btn:disabled{background:#9ca3af;cursor:not-allowed}.reset-btn{background:#6b7280;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 16px;transition:background-color .2s}.reset-btn:hover{background:#4b5563}.chart-display{background:#fff;border:1px solid #e5e7eb;border-radius:8px;min-height:500px;padding:24px}.chart-container{height:100%;width:100%}.chart-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:24px;padding-bottom:12px}.chart-title{color:#1f2937;font-size:20px;font-weight:600;margin:0}.export-controls{display:flex;flex-wrap:wrap;gap:8px}.export-btn{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:12px;font-weight:500;min-width:50px;padding:8px 12px;text-align:center;transition:all .2s}.export-btn:hover{background:#f3f4f6;border-color:#9ca3af}.export-png:hover{background:#dbeafe;border-color:#3b82f6;color:#1d4ed8}.export-jpg:hover{background:#fef3c7;border-color:#f59e0b;color:#d97706}.export-svg:hover{background:#d1fae5;border-color:#10b981;color:#047857}.export-preview:hover{background:#fef3c7;border-color:#f59e0b;color:#d97706}.export-preview.active{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.export-preview.active:hover{background:#ff5252;border-color:#ff5252}.chart-area{height:400px;width:100%}.chart-svg{height:100%;width:100%}@media (max-width:768px){.chart-layout{grid-template-columns:1fr}.chart-controls{order:2}.chart-display{order:1}.data-item-row{gap:6px;grid-template-columns:25px 1fr}.data-item-field{margin-bottom:4px}.data-item-row{align-items:stretch;display:flex}.data-item-info{align-self:flex-start;margin-bottom:8px}.data-input{margin-bottom:4px}.chart-header,.data-controls{flex-direction:column}.chart-header{align-items:stretch;text-align:center}.chart-title{margin-bottom:12px}.export-controls{justify-content:center}}
/*# sourceMappingURL=main.23f9f39f.css.map*/