*{box-sizing:border-box;margin:0;padding:0}html{height:100%;overflow:hidden}body{font-family:IM Fell French Canon,serif;background:#faf5e6;background-image:repeating-linear-gradient(90deg,transparent,transparent 98px,rgba(0,0,0,.02) 100px),repeating-linear-gradient(0deg,transparent,transparent 98px,rgba(0,0,0,.02) 100px);height:100vh;overflow:hidden;color:#5c5c3d;transition:background-color .5s ease}.app{max-width:100%;margin:0 auto;padding:0;display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative}.app.home-screen{align-items:center;justify-content:center}.color-indicator{position:absolute;top:20px;left:20px;font-family:IM Fell French Canon,serif;font-size:1rem;font-weight:400;color:#5c5c3d;opacity:.9;z-index:100}.app-main{display:flex;flex-direction:column;gap:10px;overflow:hidden;height:100%;justify-content:center;align-items:center;width:100%;flex:1}.about-link{position:absolute;top:20px;right:20px;color:#5c5c3d;text-decoration:none;font-family:IM Fell French Canon,serif;font-size:1rem;z-index:100;transition:opacity .3s ease}.about-link:hover{opacity:.7}.home-title{font-family:IM Fell French Canon,serif;font-size:2.5rem;font-weight:600;color:#5c5c3d;text-align:center;margin:0 0 20px;text-transform:lowercase;letter-spacing:1px}.controls-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;max-width:800px;margin:0 auto}.app.home-screen .controls-section{gap:30px;max-width:600px}.controls-section .instructions-text{text-align:center;margin:0}.controls-section .instructions-text p{font-family:IM Fell French Canon,serif;font-size:1.2rem;line-height:1.4;color:#5c5c3d;opacity:.9;margin:0}.photo-thumbnail-preview{display:flex;gap:10px;align-items:center;justify-content:center;width:100%}.photo-thumbnail-item{width:150px;height:112px;border-radius:8px;overflow:hidden;background:transparent;border:2px solid #8B5A2B;box-shadow:0 1px 4px #0000001a;flex-shrink:0}.photo-thumbnail-item img{width:100%;height:100%;object-fit:cover;display:block}.camera-controls-buttons{display:flex;gap:10px;align-items:center;justify-content:center;width:100%}.controls-section .processing-indicator,.controls-section .welcome-message{text-align:center}.btn-toggle-camera{background:#8b5a2b;color:#fff;border:none;padding:12px 30px;font-family:IM Fell French Canon,serif;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-toggle-camera:hover{background:#6b4423}.btn-toggle-camera.active{background:tomato;color:#fff}.processing-indicator{padding:10px 20px;color:#5c5c3d;font-weight:400}.welcome-message{text-align:center;display:none}.app.home-screen .welcome-message{display:block}.welcome-message p{font-family:IM Fell French Canon,serif;font-size:1.2rem;margin:0;color:#5c5c3d;line-height:1.4}.clustering-toggle{display:flex;justify-content:center;align-items:center;margin:10px 0}.toggle-label{display:flex;align-items:center;gap:12px;cursor:pointer;font-family:IM Fell French Canon,serif;font-size:1rem;color:#5c5c3d}.toggle-input{display:none}.toggle-slider{position:relative;width:50px;height:26px;background:#8b5a2b;border-radius:26px;transition:background .3s ease}.toggle-slider:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:#fff;top:3px;left:3px;transition:transform .3s ease}.toggle-input:checked+.toggle-slider{background:#6b4423}.toggle-input:checked+.toggle-slider:before{transform:translate(24px)}.toggle-text{-webkit-user-select:none;user-select:none}.camera-container{display:flex;flex-direction:column;align-items:center;gap:20px}.video-wrapper{position:relative;width:100%;max-width:800px;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:16 / 9;box-shadow:0 2px 8px #0000001a}.video-wrapper video{width:100%;height:100%;object-fit:cover;display:block;transform:scaleX(-1)}.countdown-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:10}.countdown-number{font-size:8rem;font-weight:700;color:#fff;animation:scale .9s ease-in-out}@keyframes scale{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.btn-capture{background:tomato;color:#fff;border:none;padding:12px 30px;font-family:IM Fell French Canon,serif;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-capture:hover:not(:disabled){background:#e5533d}.btn-capture:disabled{opacity:.6;cursor:not-allowed}.btn-upload{background:#8b5a2b;color:#fff;border:none;padding:12px 30px;font-family:IM Fell French Canon,serif;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease}.btn-upload:hover:not(:disabled){background:#6b4423}.btn-upload:disabled{opacity:.6;cursor:not-allowed}.camera-error{background:#ff6b6b;color:#fff;padding:20px;border-radius:10px;text-align:center;font-weight:500}.photo-strip-container{height:100%;display:flex;flex-direction:column;overflow:hidden;align-items:center;justify-content:center;gap:20px}.photo-strip-actions{display:flex;gap:15px;justify-content:center;align-items:center}.btn-download,.btn-clear{background:#8b5a2b;color:#fff;border:3px solid #8B5A2B;padding:12px 30px;font-family:IM Fell French Canon,serif;font-size:1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .3s ease;flex-shrink:0}.btn-download:hover,.btn-clear:hover{background:#6b4423;border-color:#6b4423;transform:translateY(-2px)}.photo-strip-wrapper{display:flex;flex-direction:row;align-items:center;gap:20px;justify-content:center;width:100%;max-width:100%;flex:1;overflow:hidden;min-height:0;height:100%}.photo-strip{display:flex;flex-direction:column;align-items:center;gap:0;padding:15px;width:fit-content;max-width:100%;background:#faf5e6;border-radius:8px;border:2px solid rgba(139,90,43,.5);justify-content:center;height:fit-content}.photo-strip-item{width:fit-content;max-width:100%;display:flex;flex-direction:column;position:relative}.photo-wrapper{width:fit-content;max-width:100%;display:flex;justify-content:center;align-items:center;padding:4px}.photo-wrapper img{max-width:100%;height:auto;display:block;max-height:calc((100vh - 250px)/4);object-fit:contain}.photo-strip-date{font-family:IM Fell French Canon,serif;font-size:1rem;color:#8b5a2b;text-align:center;margin-top:15px;font-style:italic}.color-palette-container{display:flex;flex-direction:column;padding:15px;width:fit-content;background:#faf5e6;border-radius:8px;border:2px solid rgba(139,90,43,.5);height:fit-content;flex-shrink:0}.color-palette-side{display:flex;flex-direction:column;width:150px;align-items:stretch;height:100%}.palette-color-swatch{width:100%;flex:1;background:#fff;border:1px solid rgba(0,0,0,.1);box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:center;position:relative;min-height:0}.color-label{position:absolute;bottom:0;left:0;right:0;padding:4px;font-size:.75rem;font-weight:400;text-align:center;font-family:IM Fell French Canon,serif}.color-label.light{color:#fff}.color-label.dark{color:#000}@media(max-width:768px){.photo-strip{max-width:100%}}