html{font-size:16px}body{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:#fff;color:#000;overflow-x:hidden;scroll-behavior:smooth}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;height:auto;display:block}button{background:none;border:none;font:inherit;cursor:pointer;outline:inherit}input,textarea,select{font:inherit;color:inherit}*:focus{outline:none}*:focus-visible{outline:2px solid #000000;outline-offset:2px}h1,h2,h3,h4,h5,h6{margin:0;font-weight:inherit;font-size:inherit}p{margin:0}#root{min-height:100vh;width:100%}body{transition:background-color .3s ease,color .3s ease}@media print{body{background:#fff;color:#000}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-color-scheme:dark){body{background-color:#000;color:#fff}}:root{--color-primary: #845ec2;--color-primary-light: #9b7fd0;--color-primary-dark: #6b4da8;--color-secondary: #2c73d2;--color-secondary-light: #4d8bdb;--color-accent: #008f7a;--color-accent-light: #00a78d;--color-neutral-dark: #333333;--color-neutral-mid: #666666;--color-neutral-light: #f5f5f7;--color-bg: #ffffff;--color-surface: var(--color-neutral-light);--color-text: var(--color-neutral-dark);--color-text-light: var(--color-neutral-mid);--color-border: rgba(44, 115, 210, .1);--color-shadow: rgba(44, 115, 210, .1);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--space-xl: 3rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-size-4xl: 3rem;--border-radius-sm: .5rem;--border-radius-md: 1rem;--border-radius-lg: 1.5rem;--border-radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--shadow-sm: 0 2px 8px var(--color-shadow);--shadow-md: 0 4px 16px var(--color-shadow);--shadow-lg: 0 8px 32px var(--color-shadow)}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}body{background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}#root{min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column;padding:var(--space-lg);gap:var(--space-xl);max-width:1600px;margin:0 auto}.header{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-lg);border-bottom:2px solid var(--color-border)}.header-center{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-sm)}.main-title{font-size:var(--font-size-4xl);font-weight:800;color:var(--color-primary);line-height:1;letter-spacing:-.02em;position:relative;display:inline-block;white-space:nowrap}.dot{color:var(--color-accent);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tagline{font-size:var(--font-size-lg);color:var(--color-text-light);text-align:center;max-width:600px;line-height:1.4}.tool-count-badge{display:inline-flex;align-items:center;gap:var(--space-xs);background:var(--color-surface);padding:var(--space-xs) var(--space-md);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin-top:var(--space-xs)}.tool-count{background:var(--color-primary);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-sm)}.content-tabs{display:flex;gap:var(--space-xs);padding:0 var(--space-sm);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-lg);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.content-tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-sm) var(--space-md);background:none;border:none;border-bottom:3px solid transparent;font-size:var(--font-size-base);font-weight:600;color:var(--color-text-light);cursor:pointer;transition:var(--transition-base);display:flex;align-items:center;gap:var(--space-xs);border-radius:var(--border-radius-sm) var(--border-radius-sm) 0 0;white-space:nowrap;flex-shrink:0}.tab:hover{color:var(--color-primary);background:#845ec20d}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);background:#845ec21a}.support-tab{color:#ff813f;text-decoration:none}.support-tab:hover{color:#ff813f;background:#ff813f0d;border-bottom-color:#ff813f}.main-content{flex:1;display:flex;gap:var(--space-xl);min-height:600px}.tools-container{flex:1;display:flex;flex-direction:column;gap:var(--space-xl);width:100%}.hero-section{text-align:center;padding:var(--space-xl);background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);border-radius:var(--border-radius-lg);color:#fff;width:100%}.section-title{font-size:var(--font-size-3xl);font-weight:800;margin-bottom:var(--space-sm);color:#fff}.hero-subtitle{font-size:var(--font-size-lg);opacity:.9;max-width:800px;margin:0 auto;line-height:1.6}.tool-selection{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--space-xl);width:100%}.tool-selection-header{text-align:center;margin-bottom:var(--space-lg)}.section-subtitle{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs)}.tool-selection-description{color:var(--color-text-light);font-size:var(--font-size-base);margin-bottom:var(--space-md)}.tool-selection-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);width:100%}.tool-selection-btn{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-lg);background:#fff;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);cursor:pointer;transition:var(--transition-base);text-align:center;width:100%}.tool-selection-btn:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.tool-selection-btn.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff}.tool-selection-btn.active .tool-selection-label,.tool-selection-btn.active .tool-selection-desc{color:#fff}.tool-selection-icon{font-size:2.5rem}.tool-selection-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-primary)}.tool-selection-btn.active .tool-selection-label{color:#fff}.tool-selection-desc{font-size:var(--font-size-sm);color:var(--color-text-light)}.tool-selection-btn.active .tool-selection-desc{color:#ffffffe6}.quick-actions-area{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.quick-actions-title{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-md);text-align:center}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-sm)}.quick-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:#fff;border:2px solid var(--color-border);border-radius:var(--border-radius-md);cursor:pointer;transition:var(--transition-base);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.quick-action-btn:hover:not(:disabled){border-color:var(--color-primary);background:var(--color-primary);color:#fff;transform:translateY(-2px)}.quick-action-btn:disabled{opacity:.5;cursor:not-allowed}.quick-action-icon{font-size:var(--font-size-base)}.text-processing-area{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xl);background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--space-xl);width:100%}@media(max-width:1024px){.text-processing-area{grid-template-columns:1fr;gap:var(--space-lg)}}.text-input-section,.text-output-section{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.input-header,.output-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);width:100%}.input-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-primary)}.input-stats{display:flex;gap:var(--space-md);font-size:var(--font-size-sm);color:var(--color-text-light)}.stat-item{background:#fff;padding:2px 8px;border-radius:4px;border:1px solid var(--color-border)}.text-input,.text-output{width:100%;min-height:250px;padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--border-radius-md);font-family:inherit;font-size:var(--font-size-base);resize:vertical;background:#fff;line-height:1.6}:is(.text-input,.text-output):focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #845ec21a}.text-output{background:var(--color-surface);font-family:Courier New,monospace;white-space:pre-wrap;word-break:break-word}.input-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap;width:100%}.action-spacer{flex:1}.action-btn{padding:var(--space-sm) var(--space-lg);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);font-weight:600;cursor:pointer;transition:var(--transition-base);display:inline-flex;align-items:center;gap:var(--space-xs);white-space:nowrap}.action-btn:hover:not(:disabled){background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.action-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.action-btn.secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.action-btn.secondary:hover:not(:disabled){background:var(--color-surface);border-color:var(--color-primary);color:var(--color-primary)}.action-btn.small{padding:var(--space-xs) var(--space-md);font-size:var(--font-size-sm)}.format-buttons{margin-top:var(--space-lg);padding-top:var(--space-lg);border-top:1px solid var(--color-border);width:100%}.format-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-sm)}.format-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-sm);margin-bottom:var(--space-lg);width:100%}.format-btn{padding:var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-base);font-family:Courier New,monospace;width:100%}.format-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.output-stats{display:flex;gap:var(--space-sm);margin-top:var(--space-md);flex-wrap:wrap}.stat-badge{background:var(--color-surface);padding:4px 12px;border-radius:20px;font-size:var(--font-size-xs);color:var(--color-text-light)}.stat-badge.success{background:#4caf50;color:#fff}.stat-badge.warning{background:#ff9800;color:#fff}.stat-badge.error{background:#f44336;color:#fff}.seo-input-fields{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.input-group{display:flex;flex-direction:column;gap:var(--space-xs);width:100%}.field-label{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary)}.field-hint{font-size:var(--font-size-xs);color:var(--color-text-light);font-style:italic}.quick-actions-mini{margin-top:var(--space-lg);padding:var(--space-md);background:#fff;border-radius:var(--border-radius-md);border:1px solid var(--color-border);width:100%}.quick-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-sm)}.quick-buttons{display:flex;gap:var(--space-sm);flex-wrap:wrap}.quick-btn{padding:var(--space-xs) var(--space-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-base)}.quick-btn:hover{background:var(--color-primary-light);color:#fff;border-color:var(--color-primary)}.seo-tips{margin-top:var(--space-md);padding:var(--space-md);background:#845ec20d;border-radius:var(--border-radius-md);border-left:3px solid var(--color-primary);width:100%}.tips-title{font-size:var(--font-size-base);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-sm)}.tips-list{list-style:none;padding-left:var(--space-sm)}.tips-list li{padding:var(--space-xs) 0;color:var(--color-text);position:relative;padding-left:var(--space-md)}.tips-list li:before{content:"•";color:var(--color-accent);position:absolute;left:0;font-weight:700}.quick-tools-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);width:100%}.quick-tool-card{background:#fff;border-radius:var(--border-radius-lg);border:2px solid var(--color-border);overflow:hidden;transition:var(--transition-base);width:100%}.quick-tool-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.quick-tool-header{padding:var(--space-lg);background:linear-gradient(135deg,var(--color-surface) 0%,white 100%);border-bottom:1px solid var(--color-border);width:100%}.quick-tool-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--space-xs)}.quick-tool-desc{color:var(--color-text-light);font-size:var(--font-size-base);line-height:1.6;margin-bottom:var(--space-md)}.quick-tool-body{padding:var(--space-lg);width:100%}.quick-tool-content{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.password-strength,.timestamp-formats,.json-actions,.text-utils{display:flex;gap:var(--space-sm);flex-wrap:wrap;width:100%}.strength-btn,.format-btn,.json-btn,.text-util-btn,.qr-generate-btn{padding:var(--space-sm) var(--space-md);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-base);flex:1;min-width:150px;text-align:center}:is(.strength-btn,.format-btn,.json-btn,.text-util-btn,.qr-generate-btn):hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.qr-generate-btn{background:var(--color-primary);color:#fff;border:none;padding:var(--space-md);font-weight:600}.qr-generate-btn:hover{background:var(--color-primary-dark)}.password-result,.timestamp-result,.json-output-section{display:flex;gap:var(--space-sm);align-items:center;width:100%}.password-display,.timestamp-display,.color-hex-input,.qr-input-field{flex:1;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-family:Courier New,monospace;font-size:var(--font-size-base);width:100%}.copy-btn{padding:var(--space-sm) var(--space-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-md);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition-base);white-space:nowrap}.copy-btn:hover{background:var(--color-primary-dark)}.color-picker{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.color-input{width:100%;height:60px;border:none;border-radius:var(--border-radius-md);cursor:pointer}.color-info{display:flex;gap:var(--space-md);align-items:center;width:100%}.color-preview{width:50px;height:50px;border-radius:var(--border-radius-md);border:2px solid var(--color-border)}.json-input-section,.json-output-section,.qr-input{display:flex;flex-direction:column;gap:var(--space-sm);width:100%}.json-label,.qr-label{font-size:var(--font-size-base);font-weight:600;color:var(--color-primary)}.json-input,.json-output{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-family:Courier New,monospace;font-size:var(--font-size-base);resize:vertical;min-height:120px}.qr-tip{font-size:var(--font-size-sm);color:var(--color-text-light);text-align:center;margin-top:var(--space-sm)}.universal-copy-area{margin-top:var(--space-xl);padding:var(--space-xl);background:var(--color-surface);border-radius:var(--border-radius-lg);width:100%}.copy-title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs)}.copy-subtitle{color:var(--color-text-light);margin-bottom:var(--space-lg);font-size:var(--font-size-base)}.copy-input-group{display:flex;flex-direction:column;gap:var(--space-md);width:100%}.universal-copy-input{width:100%;padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--border-radius-md);font-family:inherit;font-size:var(--font-size-base);resize:vertical;background:#fff;min-height:120px}.universal-copy-input:focus{outline:none;border-color:var(--color-primary)}.copy-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;width:100%}.faq-content{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--space-xl);width:100%}.faq-grid{display:grid;grid-template-columns:1fr;gap:var(--space-lg);margin-bottom:var(--space-xl);width:100%}.faq-card{background:#fff;border-radius:var(--border-radius-lg);padding:var(--space-xl);border:2px solid var(--color-border);transition:var(--transition-base);display:flex;flex-direction:column;gap:var(--space-md);width:100%}.faq-card:hover{transform:translateY(-4px);border-color:var(--color-primary);box-shadow:var(--shadow-md)}.faq-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--border-radius-md);margin-bottom:var(--space-sm)}.faq-content-wrapper{flex:1}.faq-question{font-size:var(--font-size-xl);font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--space-md);line-height:1.4}.faq-answer{color:var(--color-text);line-height:1.6;font-size:var(--font-size-base)}.faq-contact{text-align:center;padding-top:var(--space-xl);border-top:2px solid var(--color-border);width:100%}.contact-title{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--space-xs)}.contact-subtitle{color:var(--color-text-light);margin-bottom:var(--space-lg);font-size:var(--font-size-lg)}.contact-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);justify-content:center;width:100%}.contact-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-xl);background:#fff;border:2px solid var(--color-border);border-radius:var(--border-radius-lg);text-decoration:none;transition:var(--transition-base);width:100%}.contact-option:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.contact-icon{font-size:3rem}.contact-label{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.contact-desc{font-size:var(--font-size-base);color:var(--color-text-light);text-align:center;line-height:1.5}.privacy-content{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--space-xl);width:100%}.privacy-section{background:#fff;border-radius:var(--border-radius-lg);padding:var(--space-xl);border:2px solid var(--color-border);transition:var(--transition-base);width:100%;margin-bottom:var(--space-lg)}.privacy-section:hover{border-color:var(--color-primary);transform:translateY(-4px);box-shadow:var(--shadow-md)}.privacy-section:last-child{margin-bottom:0}.privacy-heading{font-size:var(--font-size-xl);font-weight:700;color:var(--color-primary-dark);margin-bottom:var(--space-md);display:flex;align-items:center;gap:var(--space-sm)}.privacy-icon{font-size:var(--font-size-xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-surface);border-radius:var(--border-radius-md)}.privacy-text{color:var(--color-text);line-height:1.6;margin-bottom:var(--space-lg);font-size:var(--font-size-base)}.privacy-points{display:grid;grid-template-columns:1fr;gap:var(--space-md);margin-top:var(--space-lg);width:100%}.privacy-point{display:flex;gap:var(--space-md);align-items:flex-start;padding:var(--space-md);background:var(--color-surface);border-radius:var(--border-radius-md);transition:var(--transition-base);width:100%}.privacy-point:hover{transform:translate(4px);background:#fff;box-shadow:var(--shadow-sm)}.point-icon{font-size:var(--font-size-2xl);flex-shrink:0;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--border-radius-md);border:2px solid var(--color-border)}.privacy-point h4{font-size:var(--font-size-base);font-weight:600;color:var(--color-primary);margin-bottom:var(--space-xs)}.privacy-point p{color:var(--color-text-light);font-size:var(--font-size-sm);line-height:1.5}.terms-list{list-style:none;padding:0;margin:var(--space-lg) 0;display:flex;flex-direction:column;gap:var(--space-md);width:100%}.terms-list li{display:flex;align-items:flex-start;gap:var(--space-md);padding:var(--space-md);background:var(--color-surface);border-radius:var(--border-radius-md);transition:var(--transition-base);width:100%}.terms-list li:hover{transform:translate(4px);background:#fff;box-shadow:var(--shadow-sm)}.term-icon{font-size:var(--font-size-xl);width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--border-radius-md);border:2px solid var(--color-border);flex-shrink:0}.terms-list strong{color:var(--color-primary);font-weight:600;display:block;margin-bottom:var(--space-xs);font-size:var(--font-size-base)}.terms-list p{color:var(--color-text);font-size:var(--font-size-sm);line-height:1.5;margin:0}.legal-points{display:flex;flex-direction:column;gap:var(--space-lg);margin-top:var(--space-lg);width:100%}.legal-point{padding:var(--space-lg);background:var(--color-surface);border-radius:var(--border-radius-lg);border-left:4px solid var(--color-primary);width:100%}.legal-point h4{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary-dark);margin-bottom:var(--space-sm)}.legal-point p{color:var(--color-text);line-height:1.6;font-size:var(--font-size-base)}.rights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-lg);margin-top:var(--space-lg);width:100%}.right-card{background:var(--color-surface);border-radius:var(--border-radius-lg);padding:var(--space-xl);text-align:center;transition:var(--transition-base);display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.right-card:hover{transform:translateY(-4px);background:#fff;box-shadow:var(--shadow-md);border:2px solid var(--color-primary)}.right-icon{font-size:2.5rem;width:70px;height:70px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;border:3px solid var(--color-primary)}.right-card h4{font-size:var(--font-size-base);font-weight:700;color:var(--color-primary);margin:0}.right-card p{color:var(--color-text-light);font-size:var(--font-size-sm);line-height:1.5;margin:0}.contact-section{margin-top:var(--space-xl);padding-top:var(--space-xl);border-top:2px solid var(--color-border);width:100%}.contact-info{margin-bottom:var(--space-xl)}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-top:var(--space-lg);justify-content:center;width:100%}.contact-link{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--color-primary);color:#fff;text-decoration:none;border-radius:var(--border-radius-full);font-weight:600;transition:var(--transition-base);justify-content:center;width:100%}.contact-link:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.contact-icon{font-size:var(--font-size-lg)}.last-updated{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-surface);border-radius:var(--border-radius-md);margin-top:var(--space-xl);width:100%}.update-icon{font-size:var(--font-size-lg)}.update-text{color:var(--color-text-light);font-size:var(--font-size-sm);font-weight:500}.footer{margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--color-border);width:100%}.footer-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);text-align:center;width:100%}.footer-info{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);width:100%}.footer-copyright{color:var(--color-text);font-size:var(--font-size-base);line-height:1.6}.heart{color:#f44;animation:pulse 1.5s infinite}.author-link{color:var(--color-primary);text-decoration:none;font-weight:600}.author-link:hover{text-decoration:underline}.footer-version{color:var(--color-text-light);font-size:var(--font-size-sm);background:var(--color-surface);padding:4px 12px;border-radius:10px}.footer-links{display:flex;gap:var(--space-sm);align-items:center;flex-wrap:wrap;justify-content:center;width:100%}.footer-links a{color:var(--color-text-light);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-base);padding:2px 4px}.footer-links a:hover{color:var(--color-primary)}.link-separator{color:var(--color-border);font-size:var(--font-size-xs)}.cookie-consent-overlay{position:fixed;inset:0;background:#845ec280;z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:10000;box-shadow:0 -4px 20px #845ec226;padding:var(--space-lg);max-height:90vh;overflow-y:auto;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);border-top:4px solid var(--color-primary)}.cookie-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid rgba(132,94,194,.2)}.cookie-close-btn:hover{background:#845ec21a;color:var(--color-primary)}.cookie-types-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-surface);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.cookie-type-icon{font-size:var(--font-size-lg);background:#845ec21a;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);flex-shrink:0}.cookie-btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:var(--transition-base);flex:1;min-width:160px;text-align:center}.cookie-btn.settings:hover{background:#845ec21a;transform:translateY(-2px)}.cookie-link:hover{color:var(--color-primary-dark);background:#845ec21a;text-decoration:none}@media(max-width:1200px){.app{padding:var(--space-md);max-width:1200px}.text-processing-area{gap:var(--space-lg)}}@media(max-width:1024px){.app{padding:var(--space-sm);gap:var(--space-lg)}.main-content{flex-direction:column;min-height:auto}.tool-selection-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-tools-grid,.faq-grid,.contact-options,.rights-grid{grid-template-columns:1fr}.password-strength,.timestamp-formats,.json-actions,.text-utils{flex-direction:column}.strength-btn,.format-btn,.json-btn,.text-util-btn{width:100%}}@media(max-width:768px){.app{padding:var(--space-sm)}.header{flex-direction:column;text-align:center;gap:var(--space-md)}.main-title{font-size:var(--font-size-3xl)}.section-title{font-size:var(--font-size-2xl)}.content-tabs{margin-bottom:var(--space-md)}.tab{padding:var(--space-xs) var(--space-sm);font-size:var(--font-size-sm)}.tool-selection-grid{grid-template-columns:1fr}.hero-section,.text-processing-area{padding:var(--space-lg)}.cookie-consent-banner{padding:var(--space-md)}.cookie-types-info{grid-template-columns:1fr}.cookie-actions{flex-direction:column}.cookie-btn{width:100%;min-width:auto}.cookie-footer{flex-direction:column;gap:var(--space-sm);align-items:center}.cookie-settings{padding:var(--space-md)}.input-actions,.output-actions,.analysis-actions,.copy-actions{flex-direction:column}.action-btn{width:100%;justify-content:center}}@media(max-width:480px){.app{padding:var(--space-xs)}.main-title{font-size:var(--font-size-2xl)}.tagline{font-size:var(--font-size-base)}.section-title{font-size:var(--font-size-xl)}.hero-subtitle{font-size:var(--font-size-base)}.faq-card{padding:var(--space-lg)}.faq-question{font-size:var(--font-size-lg)}.privacy-point,.terms-list li{flex-direction:column;text-align:center;align-items:center}}.cookie-waiting-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:100%;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;text-align:center;padding:var(--space-xl)}.cookie-waiting-screen .loader{border:4px solid rgba(255,255,255,.3);border-radius:50%;border-top:4px solid white;width:60px;height:60px;animation:spin 1s linear infinite;margin-bottom:var(--space-lg)}.cookie-waiting-screen .loading-text{font-size:var(--font-size-4xl);font-weight:800;margin-bottom:var(--space-sm);letter-spacing:-.02em;color:#fff}.cookie-waiting-screen .loading-text .dot{color:var(--color-accent)}.cookie-waiting-screen .loading-subtext{font-size:var(--font-size-lg);opacity:.9;margin-bottom:var(--space-lg);max-width:400px;line-height:1.5}.cookie-waiting-screen .loading-features{margin-top:var(--space-lg);font-size:var(--font-size-sm);opacity:.8;display:flex;flex-direction:column;gap:var(--space-xs)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cookie-consent-overlay{position:fixed;inset:0;background:#55433c80;z-index:9999}.cookie-consent-banner{position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:10000;box-shadow:0 -4px 20px #55433c26;padding:var(--space-lg);max-height:90vh;overflow-y:auto;border-top-left-radius:var(--border-radius-lg);border-top-right-radius:var(--border-radius-lg);border-top:4px solid var(--color-primary)}.cookie-content{max-width:800px;margin:0 auto}.cookie-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-md);padding-bottom:var(--space-sm);border-bottom:2px solid rgba(255,150,113,.2)}.cookie-header h3{margin:0;color:var(--color-neutral-dark);font-size:var(--font-size-xl);display:flex;align-items:center;gap:var(--space-xs)}.cookie-close-btn{background:none;border:none;font-size:var(--font-size-2xl);color:var(--color-text-light);cursor:pointer;padding:var(--space-xs);line-height:1;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);transition:var(--transition-base)}.cookie-close-btn:hover{background:#ff96711a;color:var(--color-primary)}.cookie-body{margin-bottom:var(--space-lg)}.cookie-body p{margin:0 0 var(--space-md) 0;color:var(--color-text-light);font-size:var(--font-size-base);line-height:1.6}.cookie-types-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-md);margin-bottom:var(--space-lg);padding:var(--space-md);background:var(--color-surface);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.cookie-type{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm)}.cookie-type-icon{font-size:var(--font-size-lg);background:#ff96711a;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-sm);flex-shrink:0}.cookie-type strong{display:block;color:var(--color-neutral-dark);font-size:var(--font-size-sm);margin-bottom:2px}.cookie-type p{font-size:var(--font-size-xs);color:var(--color-text-light);margin:0;line-height:1.4}.cookie-settings{background:var(--color-surface);padding:var(--space-lg);border-radius:var(--border-radius-md);margin-bottom:var(--space-md);border:1px solid var(--color-border)}.cookie-settings h4{color:var(--color-neutral-dark);margin:0 0 var(--space-md) 0;font-size:var(--font-size-lg)}.cookie-option{margin-bottom:var(--space-sm);padding:var(--space-sm);background:#fff;border-radius:var(--border-radius-sm);border:1px solid var(--color-border);transition:var(--transition-base)}.cookie-option:hover{border-color:var(--color-primary)}.cookie-label{display:flex;align-items:flex-start;cursor:pointer;gap:var(--space-sm);width:100%}.cookie-label input[type=checkbox]{margin-top:3px;accent-color:var(--color-primary);cursor:pointer}.cookie-label input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.cookie-info{flex:1}.cookie-info strong{display:block;color:var(--color-neutral-dark);margin-bottom:2px;font-size:var(--font-size-sm)}.cookie-desc{display:block;color:var(--color-text-light);font-size:var(--font-size-xs);line-height:1.4}.cookie-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap;margin-bottom:var(--space-md)}.cookie-btn{padding:var(--space-sm) var(--space-lg);border:none;border-radius:var(--border-radius-full);cursor:pointer;font-size:var(--font-size-base);font-weight:600;transition:var(--transition-base);flex:1;min-width:140px;text-align:center}.cookie-btn.primary{background:var(--color-primary);color:#fff}.cookie-btn.primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.cookie-btn.secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.cookie-btn.secondary:hover{border-color:var(--color-primary);transform:translateY(-2px)}.cookie-btn.settings{background:#fff;color:var(--color-primary);border:2px solid var(--color-primary)}.cookie-btn.settings:hover{background:#ff96711a;transform:translateY(-2px)}.cookie-footer{display:flex;gap:var(--space-lg);justify-content:center;border-top:1px solid var(--color-border);padding-top:var(--space-md);flex-wrap:wrap}.cookie-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);transition:var(--transition-base);padding:var(--space-xs) var(--space-sm);border-radius:var(--border-radius-sm)}.cookie-link:hover{color:var(--color-primary-dark);background:#ff96711a;text-decoration:none}@media(max-width:768px){.cookie-consent-banner{padding:var(--space-md)}.cookie-types-info{grid-template-columns:1fr}.cookie-actions{flex-direction:column}.cookie-btn{width:100%;min-width:auto}.cookie-footer{flex-direction:column;gap:var(--space-sm);align-items:center}.cookie-settings{padding:var(--space-md)}}@media(max-width:480px){.cookie-consent-banner{padding:var(--space-sm);border-radius:var(--border-radius-md)}.cookie-header h3{font-size:var(--font-size-lg)}.cookie-link{padding:var(--space-xs)}}