:root{--primary-color:#61dafb;--secondary-color:#282c34;--background-color:#1e2229;--text-color:#e0e0e0;--font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}body{background-color:#1e2229;background-color:var(--background-color);color:#e0e0e0;color:var(--text-color);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-family:var(--font-family);margin:0}h1,h2,h3{color:#61dafb;color:var(--primary-color)}p{color:#e0e0e0;color:var(--text-color)}button{background-color:var(--primary-color);color:var(--secondary-color);font-size:1rem;padding:12px 20px}input[type=file]{color:#e0e0e0;color:var(--text-color)}.home-container{padding:50px;text-align:center}.home-container h1{font-size:3rem;margin-bottom:15px}.home-container p{font-size:1.2rem;margin-bottom:30px}.brand-title{color:var(--primary-color);font-family:var(--font-family)}.intro-container{align-items:center;display:flex;flex-direction:column;margin:30px auto;max-width:900px;padding:0 20px}.image-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px}.image-block{text-align:center;width:200px}.comparison-image{border:1px solid #ccc;border-radius:8px;height:360px;max-width:100%;object-fit:cover;width:auto}.caption{color:#555;font-size:.9rem;margin-top:8px}.intro-text{color:#444;font-size:1.1rem;line-height:1.6;max-width:700px;text-align:center}.analysis-wrapper{padding:20px;text-align:center}input[type=file]{margin-bottom:20px}.tab-container{margin:20px 0}.tab-container button{background-color:#f0f0f0;border-bottom:3px solid #0000;margin:0 5px;padding:10px 15px}.tab-container button.active{border-bottom:3px solid var(--primary-color)}.image-container{margin:20px auto;max-width:400px;position:relative;width:100%}.mask-overlay,.uploaded-image{display:block;left:0;position:absolute;top:0;width:100%}.mask-overlay{pointer-events:none;z-index:2}.uploaded-image{z-index:1}.button-container{margin-top:20px;text-align:center}.processing-overlay{align-items:center;background-color:#0000004d;color:#fff;display:flex;font-size:2rem;font-weight:700;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.flicker{animation:flickerFade 2s infinite}@keyframes flickerFade{0%,to{background-color:#0000004d}50%{background-color:#000000b3}}.swatch-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-top:20px}.swatch-block{background-color:#20232a;border-radius:10px;box-shadow:0 2px 6px #0006;color:#e6e6e6;padding:12px;transition:transform .2s ease;width:180px}.swatch-block:hover{transform:translateY(-2px)}.swatch-color{background-color:#fff;border-radius:6px;margin-bottom:10px;padding:6px}.swatch-color>div{border:1px solid #ccc;border-radius:4px;height:40px}.swatch-label{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:6px}.swatch-name{color:#61dafb;font-size:.95rem;font-weight:500;margin-bottom:4px}.swatch-notes{color:#ccc;font-size:.85rem}.page-container{padding:20px}.placeholder-box{border:2px dashed var(--primary-color);border-radius:8px;color:var(--text-color);font-style:italic;margin-top:20px;padding:40px;text-align:center}.chat-box{background:#fff;border:1px solid #ccc;max-height:400px;overflow-y:auto;padding:15px}.chat-box,.message{margin-bottom:10px}.message.user{color:#06c;text-align:right}.message.assistant{color:#333;text-align:left}.input-row{display:flex;gap:10px}input[type=text]{flex-grow:1;font-size:1em;padding:8px}.sidebar{background-color:var(--secondary-color);display:flex;flex-direction:column;height:100vh;left:0;padding-top:20px;position:fixed;top:0;width:180px}.sidebar a{color:var(--text-color);font-size:1.1rem;padding:15px;text-decoration:none}.sidebar a:hover{background-color:var(--primary-color);color:var(--secondary-color)}.App{text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:20px}h1{font-size:3rem;margin-bottom:10px}p{font-size:1.2rem;margin-bottom:30px}button{background-color:#61dafb;border:none;border-radius:8px;color:#282c34;cursor:pointer;font-size:1.1rem;padding:12px 25px}button:hover{background-color:#21a1f1}.content{margin-left:180px;padding:20px}
/*# sourceMappingURL=main.a8f6088e.css.map*/