:root{--gradient-start: #6a0dad;--gradient-end: #9370db;--accent-color-glow: rgba(196, 142, 255, .4)}body[data-theme=dark]{--primary-color: #6a0dad;--secondary-color: #9370db;--background-color: #121212;--surface-color: #1e1e1e;--text-color: #e0e0e0;--text-color-light: #a0a0a0;--border-color: #333333;--accent-color: #c48eff;--shadow-color: rgba(0, 0, 0, .4)}body[data-theme=light]{--primary-color: #8a2be2;--secondary-color: #9370db;--background-color: #f4f4f9;--surface-color: #ffffff;--text-color: #333333;--text-color-light: #777777;--border-color: #e0e0e0;--accent-color: #6a0dad;--shadow-color: rgba(0, 0, 0, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:var(--background-color);color:var(--text-color);line-height:1.6;transition:background-color .3s,color .3s}header{background:linear-gradient(90deg,var(--gradient-start),var(--gradient-end));padding:1rem 2rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center;color:#fff}.header-content h1{margin:0;display:flex;align-items:center;gap:.75rem}.header-icon{stroke:#fff}.header-content .tagline{margin:.25rem 0 0;font-weight:300;opacity:.9}h2{color:var(--text-color);border-bottom:2px solid var(--primary-color);padding-bottom:.5rem;margin-top:1.5rem}.container{display:grid;grid-template-columns:1fr;gap:2rem;padding:2rem;max-width:1600px;margin:0 auto}@media (min-width: 1024px){.container{grid-template-columns:450px 1fr}}.controls-panel,.results-panel{background-color:var(--surface-color);padding:1.5rem;border-radius:16px;box-shadow:0 8px 25px var(--shadow-color);transition:background-color .3s}.mirror-card{position:relative;width:100%;aspect-ratio:4 / 3;background-color:#111;border-radius:12px;overflow:hidden;border:1px solid var(--border-color)}#webcam-feed,#photo-canvas{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#webcam-feed{transform:scaleX(-1)}#photo-canvas{display:none}.photo-actions{display:flex;justify-content:space-between;gap:1rem;margin-top:1rem}button,select{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s ease-in-out;background-color:var(--primary-color);color:#fff;text-align:center}button:hover,select:hover{background-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 10px var(--accent-color-glow)}button:active{transform:translateY(0) scale(.98);box-shadow:none}button:disabled{background-color:#555;cursor:not-allowed;transform:none;box-shadow:none}.photo-actions button{flex-grow:1}.style-options fieldset{border:1px solid var(--border-color);border-radius:8px;padding:1rem;margin-bottom:1rem}.style-options legend{color:var(--accent-color);font-weight:700;padding:0 .5rem}.gender-selection{display:flex;gap:1.5rem}.control-group{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.control-group label{margin-right:0;flex-shrink:0}input[type=range]{width:100%}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;background-color:transparent;border:none;cursor:pointer}input[type=color]::-webkit-color-swatch{border-radius:50%;border:2px solid var(--border-color)}input[type=color]::-moz-color-swatch{border-radius:50%;border:2px solid var(--border-color)}select{width:100%;background-color:var(--surface-color);border:1px solid var(--border-color);color:var(--text-color)}#generate-button{width:100%;margin-top:1rem;padding:1rem;font-size:1.2rem;background:linear-gradient(90deg,#28a745,#20c997)}#generate-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 4px 15px #20c99766}#generate-button:disabled{background:#555;transform:none;box-shadow:none}.results-gallery{display:flex;flex-direction:column;gap:1.5rem;min-height:400px;background-color:var(--background-color);border-radius:12px;border:1px solid var(--border-color);padding:1rem}.result-card{position:relative;background-color:var(--surface-color);border:1px solid var(--border-color);border-radius:12px;padding:1rem;box-shadow:0 4px 15px var(--shadow-color);transition:opacity .3s ease-out}.result-actions{display:flex;gap:1rem;margin-top:1rem}.results-gallery .placeholder{margin:auto;color:var(--text-color-light);text-align:center;padding:1rem}.download-button,.fullscreen-button{width:100%;background-color:var(--secondary-color)}.download-button:hover,.fullscreen-button:hover{background-color:var(--primary-color)}.delete-button{position:absolute;top:.5rem;right:.5rem;z-index:5;background-color:#0006;color:#fff;width:30px;height:30px;border-radius:50%;padding:0;font-size:1.5rem;line-height:30px;text-align:center;font-weight:400;box-shadow:none;transform:none}.delete-button:hover{background-color:#dc3545e6;color:#fff;transform:scale(1.1);box-shadow:none}.loading-indicator{text-align:center;margin-bottom:1rem}.scissors-loader .scissors-blade{stroke:var(--accent-color)}.scissors-loader circle{stroke:var(--primary-color)}.scissors-loader .scissors-blades{transform-origin:50px 45px;animation:cut 1s ease-in-out infinite}@keyframes cut{0%,to{transform:rotate(20deg)}50%{transform:rotate(-20deg)}}.theme-switcher{position:relative}.theme-toggle-label{display:inline-block;width:50px;height:26px;background-color:#00000040;border-radius:13px;cursor:pointer;transition:background-color .3s}.theme-toggle-label .slider{display:block;width:22px;height:22px;background-color:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:transform .3s}#theme-toggle{display:none}#theme-toggle:checked+.slider{transform:translate(24px)}.hairstyle-thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.75rem;margin-top:.5rem}.hairstyle-thumbnail{aspect-ratio:1 / 1;border:2px solid var(--border-color);border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:.8rem;padding:.25rem;background-color:var(--background-color);line-height:1.2}.hairstyle-thumbnail .hairstyle-thumbnail-emoji{font-size:1.8rem;margin-bottom:.25rem}.hairstyle-thumbnail:hover{border-color:var(--secondary-color);transform:scale(1.05)}.hairstyle-thumbnail.selected{border-color:var(--primary-color);background-color:var(--primary-color);color:#fff;font-weight:700;box-shadow:0 0 10px var(--accent-color-glow)}.comparison-slider{position:relative;width:100%;overflow:hidden;border-radius:12px;aspect-ratio:4 / 3;background-color:#000}.comparison-slider img{width:100%;height:100%;object-fit:contain;display:block}.comparison-slider .after-image{position:absolute;top:0;left:0;width:100%;height:100%;clip-path:polygon(0 0,50% 0,50% 100%,0 100%)}.comparison-slider .slider-handle{position:absolute;top:50%;left:50%;width:40px;height:40px;border-radius:50%;background-color:#ffffffe6;border:2px solid var(--border-color);cursor:ew-resize;transform:translate(-50%,-50%);pointer-events:none;display:flex;align-items:center;justify-content:space-evenly;color:var(--primary-color);box-shadow:0 0 10px #00000080}.slider-handle:before,.slider-handle:after{content:"";display:block;width:0;height:0;border-style:solid}.slider-handle:before{border-width:6px 8px 6px 0;border-color:transparent var(--primary-color) transparent transparent}.slider-handle:after{border-width:6px 0 6px 8px;border-color:transparent transparent transparent var(--primary-color)}.comparison-slider .comparison-range{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:ew-resize;margin:0;padding:0}.comparison-range::-webkit-slider-thumb{-webkit-appearance:none;height:100%;width:40px}.comparison-range::-moz-range-thumb{height:100%;width:40px;border:none;background:transparent}.comparison-slider .slider-label{position:absolute;top:1rem;padding:.25rem .75rem;background-color:#0009;color:#fff;border-radius:6px;font-size:.9rem;pointer-events:none}.slider-label.before-label{left:1rem}.slider-label.after-label{right:1rem}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{position:relative;display:flex;justify-content:center;align-items:center}.modal-content img{max-width:90vw;max-height:90vh;object-fit:contain;transition:transform .2s ease-in-out}.modal-close-btn{position:absolute;top:1rem;right:1rem;z-index:1002;background-color:#00000080;color:#fff;width:40px;height:40px;border-radius:50%;font-size:2rem;padding:0;line-height:40px;box-shadow:none;transform:none}.modal-controls{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:1002;background-color:#00000080;border-radius:8px;display:flex;gap:.5rem;padding:.5rem}.modal-controls button{width:40px;height:40px;padding:0;font-size:1.5rem}