.layout{min-height:100vh;display:flex;flex-direction:column}.header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:var(--spacing-md) 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1a1ae6}.header-content{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md);display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:var(--spacing-xs);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-decoration:none;transition:var(--transition)}.logo:hover{transform:translateY(-2px)}.logo-icon{font-size:2rem}.logo-image{height:40px;width:auto;display:block;transition:var(--transition)}.logo:hover .logo-image{transform:translateY(-2px);filter:brightness(1.1)}.logo-text{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.back-button{padding:var(--spacing-xs) var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);color:var(--text-primary);font-weight:500;transition:var(--transition)}.back-button:hover{background-color:var(--accent-primary);color:#fff;transform:translate(-4px)}.main-content{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:var(--spacing-md);text-align:center}.footer p{color:var(--text-secondary);margin:0;font-size:.875rem}@media (max-width: 768px){.header-content{padding:0 var(--spacing-sm)}.logo{font-size:1.25rem}.logo-icon{font-size:1.5rem}.back-button{font-size:.875rem;padding:var(--spacing-xs) var(--spacing-sm)}.main-content{padding:var(--spacing-lg) var(--spacing-sm)}}.tool-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);transition:var(--transition);cursor:pointer;display:flex;flex-direction:column;position:relative;overflow:hidden;text-decoration:none;color:inherit}.tool-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6);transform:scaleX(0);transition:var(--transition)}.tool-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:0 10px 30px var(--shadow)}.tool-card:hover:before{transform:scaleX(1)}.tool-card-content{flex:1}.tool-icon{font-size:3rem;margin-bottom:var(--spacing-sm);display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,var(--bg-tertiary),var(--bg-secondary));border-radius:var(--radius-md)}.tool-name{color:var(--text-primary);margin-bottom:var(--spacing-xs);font-size:1.25rem}.tool-description{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:var(--spacing-sm)}.tool-category{display:inline-block;padding:.25rem .75rem;background-color:var(--bg-tertiary);color:var(--accent-primary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tool-card-arrow{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);font-size:1.5rem;color:var(--accent-primary);opacity:0;transform:translate(-10px);transition:var(--transition)}.tool-card:hover .tool-card-arrow{opacity:1;transform:translate(0)}@media (max-width: 768px){.tool-card{padding:var(--spacing-md)}.tool-icon{font-size:2.5rem;width:60px;height:60px}.tool-name{font-size:1.1rem}.tool-description{font-size:.9rem}}.home-page{width:100%}.hero-section{text-align:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg) 0}.hero-section h1{font-size:3.5rem;margin-bottom:var(--spacing-md)}.hero-description{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.8}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-xl)}.empty-state{text-align:center;padding:var(--spacing-xl) var(--spacing-md);background-color:var(--bg-secondary);border:2px dashed var(--border-color);border-radius:var(--radius-lg);margin-top:var(--spacing-xl)}.empty-state-icon{font-size:5rem;margin-bottom:var(--spacing-md);opacity:.5}.empty-state h2{color:var(--text-primary);margin-bottom:var(--spacing-sm)}.empty-state p{color:var(--text-secondary);font-size:1.1rem;max-width:500px;margin:0 auto}@media (max-width: 768px){.hero-section h1{font-size:2.5rem}.hero-description{font-size:1rem;padding:0 var(--spacing-sm)}.tools-grid{grid-template-columns:1fr;gap:var(--spacing-md)}.empty-state-icon{font-size:4rem}.empty-state p{font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.tools-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.breadcrumbs{margin-bottom:var(--spacing-lg)}.breadcrumbs-list{display:flex;align-items:center;flex-wrap:wrap;list-style:none;padding:0;margin:0;gap:var(--spacing-xs)}.breadcrumbs-item{display:flex;align-items:center;gap:var(--spacing-xs)}.breadcrumbs-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:var(--transition)}.breadcrumbs-link:hover{color:var(--accent-primary)}.breadcrumbs-separator{color:var(--border-color);font-size:.9rem;-webkit-user-select:none;user-select:none}.breadcrumbs-current{color:var(--text-primary);font-size:.9rem;font-weight:500}@media (max-width: 768px){.breadcrumbs-link,.breadcrumbs-separator,.breadcrumbs-current{font-size:.85rem}}.minecraft-circle-generator{width:100%;position:relative}.mcg-stats-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.mcg-stat-card{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;align-items:center;gap:var(--spacing-md);transition:var(--transition)}.mcg-stat-card:hover{border-color:var(--accent-primary);transform:translateY(-2px)}.mcg-stat-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-tertiary);border-radius:var(--radius-md)}.mcg-stat-content{flex:1}.mcg-stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:600;margin-bottom:.25rem}.mcg-stat-value{font-size:1.5rem;color:var(--accent-primary);font-weight:700}.mcg-main-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--spacing-lg);align-items:start}.mcg-canvas-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.mcg-canvas-wrapper{background-color:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);display:flex;justify-content:center;align-items:center;min-height:500px;position:relative;overflow:hidden}.mcg-canvas-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-primary),#8b5cf6)}.mcg-canvas{border-radius:var(--radius-md);box-shadow:0 4px 20px var(--shadow);max-width:100%;height:auto}.mcg-quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-sm)}.mcg-action-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:var(--transition);border:none}.mcg-action-primary{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff}.mcg-action-primary:hover{transform:translateY(-3px);box-shadow:0 6px 20px #6366f166}.mcg-action-secondary{background-color:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-color)}.mcg-action-secondary:hover{background-color:var(--border-color);border-color:var(--accent-primary);transform:translateY(-3px)}.mcg-btn-icon{font-size:1.2rem}.mcg-controls-panel{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;position:sticky;top:100px}.mcg-tabs{display:grid;grid-template-columns:1fr 1fr;background-color:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.mcg-tab{padding:var(--spacing-md);background:none;border:none;color:var(--text-secondary);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);border-bottom:3px solid transparent}.mcg-tab:hover{color:var(--text-primary);background-color:#6366f11a}.mcg-tab.active{color:var(--accent-primary);background-color:var(--bg-secondary);border-bottom-color:var(--accent-primary)}.mcg-tab-icon{font-size:1.2rem}.mcg-tab-content{padding:var(--spacing-lg);max-height:600px;overflow-y:auto}.mcg-tab-content::-webkit-scrollbar{width:6px}.mcg-tab-content::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:var(--radius-sm)}.mcg-control-section{margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.mcg-control-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.mcg-control-heading{font-size:1rem;color:var(--text-primary);margin-bottom:var(--spacing-md);font-weight:600;display:flex;align-items:center;gap:var(--spacing-xs)}.mcg-size-control{margin-bottom:var(--spacing-md)}.mcg-size-label{display:block;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--spacing-xs);font-weight:500}.mcg-locked-badge{font-size:.75rem;padding:.125rem .5rem;background-color:var(--bg-tertiary);border-radius:var(--radius-sm);margin-left:var(--spacing-xs)}.mcg-number-input-group{display:grid;grid-template-columns:50px 1fr 50px;gap:var(--spacing-xs)}.mcg-number-btn{background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);font-size:1.5rem;font-weight:700;border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center}.mcg-number-btn:hover:not(:disabled){background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:scale(1.05)}.mcg-number-btn:disabled{opacity:.3;cursor:not-allowed}.mcg-number-input{background-color:var(--bg-tertiary);border:2px solid var(--border-color);border-radius:var(--radius-md);padding:var(--spacing-sm);color:var(--text-primary);font-size:1.25rem;font-weight:700;text-align:center;transition:var(--transition)}.mcg-number-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #6366f11a}.mcg-number-input:disabled{opacity:.5;cursor:not-allowed}.mcg-toggle-control{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid transparent}.mcg-toggle-control:hover{border-color:var(--accent-primary)}.mcg-toggle-input{display:none}.mcg-toggle-slider{width:50px;height:28px;background-color:var(--border-color);border-radius:14px;position:relative;transition:var(--transition)}.mcg-toggle-slider:after{content:"";position:absolute;width:22px;height:22px;background-color:#fff;border-radius:50%;top:3px;left:3px;transition:var(--transition)}.mcg-toggle-input:checked+.mcg-toggle-slider{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6)}.mcg-toggle-input:checked+.mcg-toggle-slider:after{transform:translate(22px)}.mcg-toggle-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.mcg-toggle-label>span:first-child{color:var(--text-primary);font-weight:600}.mcg-toggle-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.mcg-preset-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--spacing-xs)}.mcg-preset-button{padding:var(--spacing-sm);background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition)}.mcg-preset-button:hover{border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-2px)}.mcg-preset-button.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.mcg-button-toggle{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-sm)}.mcg-toggle-btn{padding:var(--spacing-md);background-color:var(--bg-tertiary);border:2px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.mcg-toggle-btn:hover{border-color:var(--accent-primary);color:var(--text-primary)}.mcg-toggle-btn.active{background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-color:var(--accent-primary);color:#fff}.mcg-toggle-icon{font-size:1.5rem}.mcg-slider-control{display:grid;grid-template-columns:50px 1fr 50px;gap:var(--spacing-sm);align-items:center}.mcg-slider-btn{padding:var(--spacing-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);font-size:1rem}.mcg-slider-btn:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.mcg-slider{width:100%;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-sm);outline:none;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none}.mcg-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;transition:var(--transition)}.mcg-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.mcg-slider::-moz-range-thumb{width:20px;height:20px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);border-radius:50%;cursor:pointer;border:none}.mcg-slider-value{text-align:center;font-size:.875rem;color:var(--text-secondary);margin-top:var(--spacing-xs)}.mcg-switch-control{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:var(--transition);border:1px solid transparent}.mcg-switch-control:hover{border-color:var(--accent-primary)}.mcg-switch-control input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--accent-primary)}.mcg-switch-icon{font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-secondary);border-radius:var(--radius-md)}.mcg-switch-label{flex:1;display:flex;flex-direction:column;gap:.25rem}.mcg-switch-label>span:first-child{color:var(--text-primary);font-weight:600}.mcg-switch-hint{font-size:.75rem;color:var(--text-secondary);font-weight:400}.mcg-tips-box{background-color:var(--bg-tertiary);border-left:3px solid var(--accent-primary);border-radius:var(--radius-md);padding:var(--spacing-md)}.mcg-tip{display:flex;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--text-secondary);font-size:.875rem;line-height:1.5}.mcg-tip:last-child{margin-bottom:0}.mcg-tip-icon{font-size:1rem;flex-shrink:0}.mcg-toast{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-lg);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:0 10px 40px #0000004d;display:flex;align-items:center;gap:var(--spacing-sm);font-weight:600;animation:slideInUp .3s ease-out;z-index:1000}.mcg-toast-icon{font-size:1.5rem;width:30px;height:30px;background-color:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1200px){.mcg-main-layout{grid-template-columns:1fr}.mcg-controls-panel{position:static}.mcg-quick-actions{grid-template-columns:1fr}}@media (max-width: 768px){.mcg-stats-bar{grid-template-columns:repeat(2,1fr)}.mcg-stat-card{padding:var(--spacing-sm)}.mcg-stat-icon{width:40px;height:40px;font-size:1.5rem}.mcg-stat-value{font-size:1.25rem}.mcg-canvas-wrapper{padding:var(--spacing-sm);min-height:300px}.mcg-preset-grid{grid-template-columns:repeat(3,1fr)}.mcg-tab-content{padding:var(--spacing-md)}}@media (max-width: 480px){.mcg-stats-bar{grid-template-columns:1fr}.mcg-number-input-group{grid-template-columns:45px 1fr 45px}.mcg-preset-grid{grid-template-columns:repeat(2,1fr)}.mcg-slider-control{grid-template-columns:1fr}.mcg-slider-btn{display:none}}.mcg-stat-card,.mcg-canvas-wrapper,.mcg-controls-panel{animation:fadeInScale .4s ease-out}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.minecraft-seo-content{margin-top:var(--spacing-xl);padding-top:var(--spacing-xl);border-top:1px solid var(--border-color)}.seo-section{margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.seo-section h2{color:var(--text-primary);font-size:1.75rem;margin-bottom:var(--spacing-lg);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--accent-primary)}.seo-section h3{color:var(--text-primary);font-size:1.25rem;margin-top:var(--spacing-md);margin-bottom:var(--spacing-sm)}.seo-section p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.seo-section ul{color:var(--text-secondary);line-height:1.8;margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md)}.seo-section li{margin-bottom:var(--spacing-xs)}.seo-section strong{color:var(--text-primary);font-weight:600}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.feature-item{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition)}.feature-item:hover{border-color:var(--accent-primary);transform:translateY(-4px)}.feature-icon{font-size:2.5rem;margin-bottom:var(--spacing-sm)}.feature-item h3{color:var(--text-primary);font-size:1.1rem;margin-top:0;margin-bottom:var(--spacing-xs)}.feature-item p{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:0}.how-to-steps{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.step-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.step-number{flex-shrink:0;width:50px;height:50px;background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700}.step-content h3{color:var(--text-primary);font-size:1.2rem;margin-top:0;margin-bottom:var(--spacing-xs)}.step-content p{color:var(--text-secondary);line-height:1.7;margin-bottom:0}.guide-content{margin-top:var(--spacing-md)}.guide-content h3{color:var(--text-primary);font-size:1.3rem;margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm)}.guide-content p{color:var(--text-secondary);line-height:1.8;margin-bottom:var(--spacing-md)}.guide-content ul{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border-left:3px solid var(--accent-primary)}.guide-content li{color:var(--text-secondary);line-height:1.7;margin-bottom:var(--spacing-sm)}.faq-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.faq-item{background-color:var(--bg-tertiary);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--border-color);transition:var(--transition)}.faq-item:hover{border-color:var(--accent-primary)}.faq-item h3{color:var(--text-primary);font-size:1.1rem;margin-top:0;margin-bottom:var(--spacing-sm);display:flex;align-items:center;gap:var(--spacing-xs)}.faq-item h3:before{content:"Q:";color:var(--accent-primary);font-weight:700;font-size:1.2rem}.faq-item p{color:var(--text-secondary);line-height:1.7;margin-bottom:0;padding-left:var(--spacing-lg)}@media (max-width: 768px){.seo-section{padding:var(--spacing-md)}.seo-section h2{font-size:1.5rem}.features-grid{grid-template-columns:1fr}.step-item{flex-direction:column}.step-number{width:40px;height:40px;font-size:1.25rem}.guide-content ul{padding:var(--spacing-sm)}}.tool-page{width:100%;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tool-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--border-color)}.tool-page-icon{font-size:5rem;display:flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));border-radius:var(--radius-lg);border:1px solid var(--border-color)}.tool-header-text{flex:1}.tool-header-text h1{margin-bottom:var(--spacing-sm)}.tool-page-category{display:inline-block;padding:.5rem 1rem;background-color:var(--bg-tertiary);color:var(--accent-primary);border-radius:var(--radius-md);font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.tool-description-section{margin-bottom:var(--spacing-xl)}.tool-page-description{font-size:1.25rem;color:var(--text-secondary);line-height:1.8}.tool-content{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:400px}.tool-placeholder{text-align:center;padding:var(--spacing-xl)}.placeholder-icon{font-size:4rem;margin-bottom:var(--spacing-md);opacity:.5}.tool-placeholder h2{color:var(--text-primary);margin-bottom:var(--spacing-md)}.tool-placeholder p{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin:0 auto}@media (max-width: 768px){.tool-header{flex-direction:column;text-align:center;gap:var(--spacing-md)}.tool-page-icon{font-size:4rem;width:100px;height:100px}.tool-page-description{font-size:1rem}.tool-content{padding:var(--spacing-lg)}.placeholder-icon{font-size:3rem}.tool-placeholder h2{font-size:1.5rem}.tool-placeholder p{font-size:1rem}}:root{--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #252525;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--accent-primary: #6366f1;--accent-hover: #4f46e5;--border-color: #3f3f46;--shadow: rgba(0, 0, 0, .5);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}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:var(--bg-primary);color:var(--text-primary);line-height:1.6}#root{min-height:100vh;display:flex;flex-direction:column}h1{font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md);background:linear-gradient(135deg,var(--accent-primary),#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;font-weight:600;margin-bottom:var(--spacing-sm)}h3{font-size:1.5rem;font-weight:600;margin-bottom:var(--spacing-sm)}p{color:var(--text-secondary);margin-bottom:var(--spacing-sm)}a{color:var(--accent-primary);text-decoration:none;transition:var(--transition)}a:hover{color:var(--accent-hover)}button{background-color:var(--accent-primary);color:#fff;border:none;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:1rem;font-weight:500;cursor:pointer;transition:var(--transition)}button:hover{background-color:var(--accent-hover);transform:translateY(-2px)}button:active{transform:translateY(0)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-color)}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}}