body.app-page{height:100vh;overflow:hidden auto;display:flex;flex-direction:column}body.app-page main{flex:1;display:flex;flex-direction:column;margin-top:60px !important;padding-top:0 !important;overflow-x:hidden}.hero-section{text-align:center;padding:var(--spacing-md);background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-md);width:100%}@media (width>= 1201px){.hero-section{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md)}}.hero-content{max-width:600px;margin:0 auto}.hero-header{display:inline-flex;align-items:center;gap:var(--spacing-sm)}.hero-icon{font-size:1.75rem;margin-bottom:var(--spacing-xs);animation:sweep 2s ease-in-out infinite;display:inline-block}@media (width>= 1201px){.hero-icon{font-size:2rem;margin-bottom:var(--spacing-sm)}}@keyframes sweep{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}}.hero-title{font-size:var(--font-size-xl);margin-bottom:var(--spacing-xs);color:var(--text-primary);display:inline-block;margin-left:var(--spacing-sm)}@media (width>= 1201px){.hero-title{font-size:var(--font-size-xxl)}}.hero-description{font-size:var(--font-size-md);color:var(--text-secondary);margin-top:var(--spacing-xs)}@media (width>= 1201px){.hero-description{font-size:var(--font-size-lg);margin-top:var(--spacing-sm)}}.app-section{padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-sm);flex:1;display:flex;flex-direction:column;margin-top:var(--spacing-md);min-height:0}@media (width>= 1201px){.app-section{padding:var(--spacing-lg) var(--spacing-xxl) var(--spacing-md);margin-top:var(--spacing-md)}}.app-container{max-width:1400px;margin:0 auto;flex:1;display:flex;flex-direction:column;min-height:0}@media (width>= 768px) and (width <= 1024px){.app-container{max-width:900px}}.linter-tool{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);width:100%;box-sizing:border-box;flex:1;min-height:0}@media (width <= 1200px) and (width>= 1025px){.linter-tool{flex-direction:row;gap:var(--spacing-lg)}.log-textarea{min-height:250px}.features-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-md)}.feature-card{padding:var(--spacing-md)}.feature-icon{font-size:2rem}}@media (width>= 1280px) and (width <= 1400px) and (height <= 800px){body.app-page main{margin-top:56px !important}.hero-section{padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-sm)}.hero-icon{font-size:1.5rem}.hero-title{font-size:1.75rem}.app-section{padding:var(--spacing-md) var(--spacing-xl) var(--spacing-sm)}.linter-tool{flex-direction:row;gap:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.log-textarea{min-height:200px;font-size:0.9375rem}.features-grid{margin-bottom:var(--spacing-sm)}.feature-card{padding:0;display:flex;align-items:center}.feature-icon{font-size:2rem;width:4rem}.feature-content{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 0}.feature-card h3{font-size:0.875rem !important;margin-bottom:0.125rem !important}.feature-card p{font-size:0.75rem !important;line-height:1.3 !important}.section-header{margin-bottom:var(--spacing-xs)}.technical-details{display:none}}@media (width>= 1200px) and (width <= 1366px) and (height <= 768px){body.app-page main{margin-top:56px !important}.hero-section{padding:var(--spacing-xs) var(--spacing-lg);margin-bottom:var(--spacing-xs)}.hero-header{margin-bottom:0}.hero-icon{font-size:1.5rem;margin-bottom:0}.hero-title{font-size:1.5rem}.hero-description{font-size:0.875rem;margin-top:0.25rem}.app-section{padding:var(--spacing-sm) var(--spacing-xl) var(--spacing-xs);margin-top:var(--spacing-sm)}.linter-tool{flex-direction:row;gap:var(--spacing-md);margin-bottom:var(--spacing-xs)}.log-textarea{min-height:180px;font-size:0.875rem;line-height:1.4}.features-grid{margin-bottom:var(--spacing-xs);gap:var(--spacing-sm)}.feature-card{padding:0}.feature-icon{font-size:1.75rem;width:3.5rem}.feature-content{padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) 0}.feature-card h3{font-size:0.8125rem !important;margin-bottom:0 !important}.feature-card p{font-size:0.6875rem !important;line-height:1.25 !important}.input-stats,.output-stats{font-size:0.75rem;margin-top:0.25rem}.section-header{margin-bottom:0.25rem;padding-bottom:0.25rem}.section-header h3{font-size:0.9375rem}#copy-output,#clear-input{font-size:0.8125rem;padding:0.375rem 0.75rem}.technical-details,.back-button-container{display:none}}@media (width <= 1024px){.technical-details,.back-button-container{display:none}.features-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding:0 var(--spacing-xs)}.feature-card{padding:var(--spacing-sm);border-radius:var(--border-radius-lg)}.feature-icon{font-size:1.5rem;margin-bottom:var(--spacing-xs)}.feature-card h3{font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs);font-weight:600}.feature-card p{font-size:0.75rem;line-height:1.3;margin:0;color:var(--text-secondary)}}.input-section,.output-section{display:flex;flex-direction:column;flex:1;min-height:0}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--card-border)}.section-header h3{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-weight:600;letter-spacing:-0.01em}#clear-input{font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--danger-color,#ef4444);color:white;border:none;font-weight:500;transition:all var(--transition-fast)}#clear-input:hover{background:var(--danger-hover,#dc2626);transform:translateY(-1px);box-shadow:0 2px 8px rgb(239 68 68 / 30%)}.log-textarea{width:100%;flex:1;min-height:150px;padding:var(--spacing-sm);border:2px solid var(--card-border);border-radius:var(--border-radius-md);background:var(--bg-primary);font-family:Consolas,Monaco,"Courier New",monospace;font-size:1rem;line-height:1.5;resize:vertical;transition:all var(--transition-fast);box-sizing:border-box;box-shadow:inset 0 2px 4px rgb(0 0 0 / 6%);color:var(--text-primary)}.log-textarea:focus{outline:none;border-color:var(--accent-color);box-shadow:inset 0 2px 4px rgb(0 0 0 / 6%),0 0 0 4px rgb(6 102 204 / 15%);background:#fff}.log-textarea[readonly]{background:#fafafa;cursor:default;color:var(--text-primary)}.output-wrapper{position:relative;display:flex;flex-direction:column;flex:1;min-height:0}.processing-overlay{position:absolute;inset:0;background:rgb(255 255 255 / 90%);display:none;align-items:center;justify-content:center;border-radius:var(--border-radius-md);z-index:10}.processing-overlay.active{display:flex}.processing-content{text-align:center}.processing-spinner{width:30px;height:30px;margin:0 auto var(--spacing-sm);border:3px solid var(--card-border);border-top-color:var(--accent-color);border-radius:50%;animation:spin 1s linear infinite}.processing-content p{margin:0;color:var(--text-secondary);font-size:var(--font-size-md)}@keyframes spin{to{transform:rotate(360deg)}}.input-stats,.output-stats{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);margin-bottom:0;font-size:var(--font-size-sm);color:var(--text-muted);flex-shrink:0}.separator{opacity:0.5}.reduction-stat{color:var(--success-color,#22c55e);font-weight:600}#copy-output{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-lg);transition:all var(--transition-fast)}.copy-icon{width:16px;height:16px}#copy-output.copied{background:var(--success-color,#22c55e);color:white}#copy-output.copied::after{content:"✓ Copied!";position:absolute;top:-30px;left:50%;transform:translateX(-50%);background:var(--bg-inverse);color:var(--text-inverse);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);animation:fade-in-out 2s ease-in-out}@keyframes fade-in-out{0%,100%{opacity:0}10%,90%{opacity:1}}@media (width>= 1201px){.linter-tool{flex-direction:row;gap:var(--spacing-xl);flex:1;min-height:0;align-items:stretch}.input-section,.output-section{flex:1;display:flex;flex-direction:column;min-height:0;width:0}.log-textarea{min-height:400px;font-size:1.0625rem;line-height:1.6;flex:1}.features-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding:0}.feature-card{padding:0;display:flex;align-items:center}.feature-icon{font-size:3rem;flex-shrink:0;width:6rem;display:flex;align-items:center;justify-content:center}.feature-content{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-lg) 0}.feature-card h3{font-size:var(--font-size-lg) !important;margin:0 0 var(--spacing-sm) 0 !important;font-weight:600;line-height:1.2}.feature-card p{font-size:var(--font-size-md) !important;line-height:1.6 !important;margin:0}.section-header h3{font-size:var(--font-size-xl)}#copy-output{font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-xl)}#clear-input{font-size:var(--font-size-md);padding:var(--spacing-md) var(--spacing-lg)}.input-stats,.output-stats{font-size:var(--font-size-md)}.technical-details,.back-button-container{display:block}}@media (width>= 1500px) and (width <= 1600px) and (height>= 700px) and (height <= 850px){.linter-tool{flex-direction:row;gap:var(--spacing-lg);margin-bottom:var(--spacing-md)}.input-section,.output-section{flex:1 1 50%;max-width:50%}.log-textarea{min-height:350px;max-height:450px}.section-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.input-stats,.output-stats{margin-top:var(--spacing-xs)}.features-grid{margin-top:var(--spacing-md);margin-bottom:var(--spacing-md)}.feature-card{padding:var(--spacing-sm)}.feature-icon{font-size:2rem;width:4rem}.feature-content{padding:var(--spacing-sm)}.feature-card h3{font-size:0.875rem !important}.feature-card p{font-size:0.75rem !important}}.features-wrapper{width:100%;margin-bottom:var(--spacing-md)}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);width:100%;box-sizing:border-box}.feature-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius-lg);padding:0;display:flex;align-items:center;transition:all var(--transition-normal);cursor:default}.feature-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgb(0 0 0 / 10%);border-color:var(--accent-color)}.feature-icon{font-size:2.5rem;flex-shrink:0;line-height:1;width:5rem;display:flex;align-items:center;justify-content:center}.feature-content{flex:1;min-width:0;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 0}.feature-card h3{margin:0 0 var(--spacing-xs) 0;color:var(--text-primary);font-size:var(--font-size-md);font-weight:600;line-height:1.2}.feature-card p{margin:0;color:var(--text-secondary);font-size:var(--font-size-sm);line-height:1.5}.technical-details{display:none;background:var(--bg-secondary);border-radius:var(--border-radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-xl);max-width:1000px;margin-left:auto;margin-right:auto}.technical-details h2{margin-bottom:var(--spacing-xl);color:var(--text-primary)}.details-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md);color:var(--text-primary);font-size:var(--font-size-lg)}.details-content ul{list-style:none;padding:0}.details-content li{position:relative;padding-left:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.details-content li::before{content:"•";position:absolute;left:0;color:var(--accent-color)}.details-content code{background:var(--bg-primary);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);font-size:var(--font-size-sm);color:var(--accent-color)}.details-content p{color:var(--text-secondary);line-height:1.7;font-size:var(--font-size-md)}.back-button-container{display:none;text-align:center;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-lg);padding-bottom:0}.back-icon{width:20px;height:20px}@media (width>= 900px) and (width <= 1000px){body.app-page main{margin-top:60px !important}.hero-section{padding:var(--spacing-sm) var(--spacing-lg);margin-bottom:var(--spacing-sm)}.hero-title{font-size:1.75rem}.hero-description{font-size:0.95rem}.app-section{padding:var(--spacing-md) var(--spacing-lg)}.app-container{max-width:900px}.linter-tool{flex-direction:row;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.input-section,.output-section{flex:1;background:var(--card-bg);padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);border-radius:var(--border-radius-lg);box-shadow:0 2px 6px rgb(0 0 0 / 5%);border:1px solid var(--card-border)}.features-wrapper{background:transparent;padding:0;border:none;box-shadow:none}.log-textarea{min-height:180px;font-size:0.875rem;line-height:1.5}.features-grid{grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.feature-card{padding:0;display:flex;align-items:center}.feature-icon{font-size:2rem;flex-shrink:0;width:4rem;display:flex;align-items:center;justify-content:center}.feature-content{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 0}.feature-card h3{font-size:0.8125rem !important;margin:0 0 0.125rem !important;font-weight:600;line-height:1.2}.feature-card p{font-size:0.6875rem !important;line-height:1.25 !important;margin:0}#copy-output,#clear-input{font-size:0.875rem;padding:var(--spacing-sm) var(--spacing-md)}.section-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.section-header h3{font-size:1rem}.input-stats,.output-stats{font-size:0.75rem;margin-top:var(--spacing-xs)}.processing-spinner{width:24px;height:24px;border-width:2px}.processing-content p{font-size:0.875rem}.technical-details,.back-button-container{display:none}}@media (width>= 1600px) and (height <= 900px){body.app-page{overflow-y:auto}body.app-page main{margin-top:56px !important;display:flex;flex-direction:column}.hero-section{padding:var(--spacing-xs) var(--spacing-lg);margin-bottom:var(--spacing-xs)}.app-section{padding:var(--spacing-sm) var(--spacing-xxl) var(--spacing-xs);margin-top:var(--spacing-sm);flex:1;display:flex;flex-direction:column}.app-container{flex:1;display:flex;flex-direction:column}.linter-tool{flex:1;display:flex;flex-direction:row;gap:var(--spacing-xl);min-height:0}.input-section,.output-section{flex:1;display:flex;flex-direction:column;min-height:0}.output-wrapper{flex:1;display:flex;flex-direction:column;min-height:0}.log-textarea{min-height:300px;flex:1}.features-grid{margin-bottom:var(--spacing-sm);margin-top:var(--spacing-md)}.feature-card{padding:0}.feature-icon{font-size:2.5rem;width:5rem}.feature-content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 0}.hero-icon{font-size:1.5rem;margin-bottom:0}.hero-title{font-size:1.5rem}.hero-description{font-size:0.875rem;margin-top:0.25rem}.section-header{margin-bottom:var(--spacing-xs);padding-bottom:0.25rem}.input-stats,.output-stats{margin-top:var(--spacing-xs);margin-bottom:0;flex-shrink:0}}@media (height>= 900px) and (height <= 1100px) and (width>= 900px) and (width <= 1000px){body.app-page{overflow-y:auto}.hero-section{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-sm)}.app-section{padding-top:var(--spacing-sm);padding-bottom:var(--spacing-md)}.linter-tool{flex:1;display:flex;min-height:0}.input-section,.output-section{display:flex;flex-direction:column;min-height:0}.log-textarea{flex:1;min-height:180px}}@media (width>= 768px) and (width <= 1024px){.hero-section{padding:var(--spacing-md) var(--spacing-xl);margin-bottom:var(--spacing-md)}.app-section{padding:var(--spacing-md) var(--spacing-xl)}.linter-tool{flex-direction:row;gap:var(--spacing-lg)}.input-section,.output-section{flex:1}.log-textarea{min-height:200px;font-size:0.9375rem}.features-wrapper{background:transparent;padding:0;border:none;box-shadow:none}.features-grid{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.feature-card{padding:0;display:flex;align-items:center;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 2px 4px rgb(0 0 0 / 5%)}.feature-icon{font-size:2.25rem;flex-shrink:0;width:4.5rem;display:flex;align-items:center;justify-content:center}.feature-content{padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 0}.feature-card h3{font-size:var(--font-size-md) !important;margin:0 0 var(--spacing-xs) 0 !important;font-weight:600;line-height:1.2}.feature-card p{font-size:var(--font-size-sm) !important;line-height:1.5 !important;margin:0}#copy-output{font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-lg)}#clear-input{font-size:var(--font-size-md);padding:var(--spacing-sm) var(--spacing-lg)}.section-header h3{font-size:var(--font-size-lg)}}@media (width>= 640px) and (width <= 767px){.hero-section{padding:var(--spacing-sm) var(--spacing-xl)}.app-section{padding:var(--spacing-md) var(--spacing-xl)}.linter-tool{gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.log-textarea{min-height:120px;font-size:0.9375rem;line-height:1.5;padding:var(--spacing-xs) var(--spacing-sm)}.input-section,.output-section{background:var(--card-bg);padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);border-radius:var(--border-radius-lg);box-shadow:0 2px 6px rgb(0 0 0 / 6%);border:1px solid var(--card-border)}.features-wrapper{background:transparent;padding:0;border:none;box-shadow:none}.features-grid{display:grid !important;grid-template-columns:repeat(4,1fr) !important;gap:var(--spacing-sm) !important;margin-bottom:var(--spacing-md);padding:0}.feature-card{padding:var(--spacing-sm) !important;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 2px 4px rgb(0 0 0 / 5%);transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.feature-card:hover{transform:translateY(-1px);box-shadow:0 3px 8px rgb(0 0 0 / 8%)}.feature-card h3{font-size:0.875rem !important;line-height:1.3;margin-bottom:var(--spacing-xs) !important;font-weight:600}.feature-card p{font-size:0.75rem !important;line-height:1.4 !important;opacity:0.9}#copy-output{font-weight:600;padding:var(--spacing-sm) var(--spacing-md);font-size:0.875rem}#clear-input{padding:var(--spacing-sm) var(--spacing-md);font-size:0.875rem}.input-stats,.output-stats{font-size:0.8125rem;margin-top:var(--spacing-xs)}.section-header{margin-bottom:var(--spacing-xs);padding-bottom:2px}.section-header h3{font-size:var(--font-size-md)}.processing-content p{font-size:var(--font-size-sm);font-weight:500}.btn:hover{transform:translateY(-1px);box-shadow:0 3px 10px rgb(0 0 0 / 15%)}}@media (width <= 639px){body.app-page main{margin-top:56px !important}.hero-section{padding:var(--spacing-md) var(--spacing-md);margin-bottom:var(--spacing-sm)}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm)}.hero-icon{font-size:1.75rem;margin-bottom:0}.hero-title{font-size:var(--font-size-lg);margin-bottom:0;margin-left:0}.hero-description{display:block;font-size:var(--font-size-sm);margin-top:var(--spacing-xs);text-align:center;width:100%}.app-section{padding:var(--spacing-md) var(--spacing-md)}.features-grid{display:grid !important;grid-template-columns:repeat(2,1fr) !important;gap:var(--spacing-sm) !important;margin-bottom:var(--spacing-md);padding:0}.feature-card{padding:0 !important;border-radius:var(--border-radius-lg);display:flex;align-items:center;background:var(--card-bg);border:1px solid var(--card-border);box-shadow:0 1px 3px rgb(0 0 0 / 5%)}.feature-icon{font-size:1.75rem;flex-shrink:0;width:3.5rem;display:flex;align-items:center;justify-content:center}.feature-content{flex:1;min-width:0;padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-sm) 0}.feature-card h3{font-size:0.8125rem !important;margin:0 0 0.125rem !important;font-weight:600;line-height:1.2}.feature-card p{font-size:0.6875rem !important;line-height:1.3 !important;color:var(--text-secondary);margin:0}.linter-tool{gap:var(--spacing-md)}.input-section,.output-section{background:var(--card-bg);padding:var(--spacing-md) var(--spacing-md) var(--spacing-sm);border-radius:var(--border-radius-lg);border:1px solid var(--card-border)}.features-wrapper{background:transparent;padding:0;border:none;box-shadow:none}.section-header{margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-xs)}.section-header h3{font-size:var(--font-size-md)}.log-textarea{min-height:120px;font-size:0.875rem;line-height:1.4;padding:var(--spacing-sm)}#clear-input,#copy-output{min-height:44px;padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);font-weight:600}#clear-input{padding:var(--spacing-sm) var(--spacing-md)}.input-stats,.output-stats{font-size:0.75rem;flex-wrap:wrap;gap:var(--spacing-xs)}.copy-icon{width:18px;height:18px}.processing-spinner{width:24px;height:24px}.processing-content p{font-size:var(--font-size-sm)}button,.btn{min-height:44px;min-width:44px}@media (hover:none) and (pointer:coarse){button:hover,.btn:hover{transform:none;box-shadow:none}#clear-input:hover{background:var(--danger-color,#ef4444);transform:none;box-shadow:none}.feature-card:hover{transform:none;box-shadow:none;border-color:var(--card-border)}}#copy-output.copied::after{top:-35px;font-size:0.75rem}}