.btn[data-v-a2afd5d7]:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.btn[data-v-a2afd5d7]:disabled:hover{background:var(--color-primary);box-shadow:0 4px 12px #e74c3c4d}:root{--color-bg: #1a1a1a;--color-bg-light: #2d2d2d;--color-primary: #e74c3c;--color-primary-hover: #c0392b;--color-text: #ffffff;--color-text-muted: #999999;--color-success: #27ae60;--color-danger: #e74c3c;--radius: 12px;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--color-bg);color:var(--color-text);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{width:100vw;height:100vh;display:flex;flex-direction:column;overflow:hidden}.screen{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;animation:fadeIn .4s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.screen-header{text-align:center;margin-bottom:40px}.screen-title{font-size:42px;font-weight:700;margin-bottom:12px;color:var(--color-primary);text-shadow:0 2px 4px rgba(0,0,0,.3)}.screen-subtitle{font-size:20px;color:var(--color-text-muted);font-weight:400}.camera-info{font-size:14px;color:var(--color-success);margin-top:8px;font-weight:500;opacity:.8}.btn{background:var(--color-primary);color:var(--color-text);border:none;padding:20px 40px;font-size:20px;font-weight:600;border-radius:var(--radius);cursor:pointer;transition:var(--transition);min-width:200px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 12px #e74c3c4d}.btn:hover{background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.btn:active{transform:translateY(0)}.btn-secondary{background:var(--color-bg-light);box-shadow:0 4px 12px #0000004d}.btn-secondary:hover{background:#3d3d3d;box-shadow:0 6px 20px #0006}.btn-large{padding:28px 56px;font-size:24px;min-width:280px}.btn-icon{display:flex;align-items:center;justify-content:center;gap:12px}.input-group{width:100%;max-width:600px;margin-bottom:30px}.input-label{display:block;margin-bottom:12px;font-size:18px;font-weight:600;color:var(--color-text-muted)}.input-field{width:100%;padding:20px 24px;font-size:24px;background:var(--color-bg-light);border:2px solid transparent;border-radius:var(--radius);color:var(--color-text);transition:var(--transition);font-weight:500}.input-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px #e74c3c1a}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;width:100%}.room-btn{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--color-bg-light);border:3px solid transparent;border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-size:28px;font-weight:700;color:var(--color-text);text-transform:uppercase;letter-spacing:2px;position:relative;overflow:hidden}.room-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 0%,rgba(231,76,60,.1) 100%);opacity:0;transition:var(--transition)}.room-btn:hover{border-color:var(--color-primary);transform:scale(1.05);box-shadow:0 8px 24px #e74c3c4d}.room-btn:hover:before{opacity:1}.room-icon{font-size:56px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.camera-container{width:100%;height:calc(100vh - 200px);display:flex;gap:24px;align-items:center}.camera-main{flex:1;height:100%;display:flex;flex-direction:column;gap:20px}.camera-preview{flex:1;background:var(--color-bg-light);border-radius:var(--radius);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.camera-video{width:100%;height:100%;object-fit:contain;background:#000}.camera-canvas{display:none}.portrait-guide{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.portrait-frame{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:56.25%;height:100%;border:3px solid rgba(39,174,96,.8);box-shadow:0 0 0 9999px #0006,inset 0 0 20px #27ae6033;border-radius:8px}.guide-label{position:absolute;left:50%;transform:translate(-50%);background:#27ae60e6;color:#fff;padding:8px 20px;border-radius:20px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 8px #0000004d;white-space:nowrap}.guide-label-top{top:20px}.guide-label-bottom{bottom:20px;font-size:12px;background:#000000b3}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100;animation:fadeIn .3s ease}.countdown-circle{width:200px;height:200px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-hover));display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 10px #e74c3c33,0 0 0 20px #e74c3c1a,0 8px 32px #00000080;animation:pulse 1s ease-in-out infinite;transition:background .3s ease,box-shadow .3s ease}.countdown-number{font-size:96px;font-weight:900;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.5)}.countdown-text{font-size:32px;font-weight:700;color:#fff;margin-top:40px;text-shadow:0 2px 8px rgba(0,0,0,.5)}.countdown-next{font-size:18px;color:var(--color-text-muted);margin-top:12px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-circle-red{animation:pulse-red 1s ease-in-out infinite}@keyframes pulse-red{0%,to{transform:scale(1);box-shadow:0 0 0 10px #e74c3c33,0 0 0 20px #e74c3c1a,0 8px 32px #00000080}50%{transform:scale(1.05);box-shadow:0 0 0 15px #e74c3c4d,0 0 0 30px #e74c3c26,0 12px 40px #0009}}.countdown-circle-green{background:linear-gradient(135deg,var(--color-success),#1e8449);animation:pulse-green 1s ease-in-out infinite}@keyframes pulse-green{0%,to{transform:scale(1);box-shadow:0 0 0 10px #27ae6033,0 0 0 20px #27ae601a,0 8px 32px #00000080}50%{transform:scale(1.05);box-shadow:0 0 0 15px #27ae604d,0 0 0 30px #27ae6026,0 12px 40px #0009}}.camera-controls{display:flex;gap:16px;justify-content:center;padding:20px}.camera-sidebar{width:300px;height:100%;display:flex;flex-direction:column;gap:16px}.sidebar-header{font-size:18px;font-weight:600;color:var(--color-text-muted);padding:0 8px}.photos-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.photo-item{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--color-bg-light);cursor:pointer;transition:var(--transition)}.photo-item:hover{transform:scale(1.05);box-shadow:0 4px 12px #e74c3c66}.photo-item-landscape{aspect-ratio:16/9}.photo-item-portrait{aspect-ratio:9/16}.photo-item img{width:100%;height:100%;object-fit:cover}.photo-orientation-badge{position:absolute;top:8px;left:8px;background:#000000b3;padding:4px 8px;border-radius:12px;font-size:16px}.photo-delete{position:absolute;top:8px;right:8px;background:var(--color-danger);color:#fff;border:none;width:36px;height:36px;border-radius:50%;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:var(--transition);box-shadow:0 2px 8px #0000004d}.photo-delete:hover{background:#c0392b;transform:scale(1.1)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000f2;z-index:9999;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.lightbox-close{position:absolute;top:20px;right:20px;background:var(--color-danger);color:#fff;border:none;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:28px;display:flex;align-items:center;justify-content:center;transition:var(--transition);z-index:10001}.lightbox-close:hover{background:var(--color-primary-hover);transform:scale(1.1)}.lightbox-content{width:90%;height:90%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.lightbox-img{max-width:100%;max-height:calc(100% - 80px);object-fit:contain;border-radius:var(--radius);box-shadow:0 8px 32px #00000080}.lightbox-nav{display:flex;align-items:center;gap:20px;background:var(--color-bg-light);padding:16px 32px;border-radius:50px}.lightbox-btn{background:var(--color-primary);color:#fff;border:none;width:48px;height:48px;border-radius:50%;cursor:pointer;font-size:24px;display:flex;align-items:center;justify-content:center;transition:var(--transition)}.lightbox-btn:hover:not(:disabled){background:var(--color-primary-hover);transform:scale(1.1)}.lightbox-btn:disabled{opacity:.3;cursor:not-allowed}.lightbox-counter{color:var(--color-text);font-size:18px;font-weight:600;min-width:80px;text-align:center}.loading{display:flex;flex-direction:column;align-items:center;gap:24px}.spinner{width:60px;height:60px;border:4px solid var(--color-bg-light);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-size:20px;color:var(--color-text-muted)}.message{padding:20px 32px;border-radius:var(--radius);font-size:18px;font-weight:500;margin:20px 0}.message-success{background:#27ae6033;color:var(--color-success);border:2px solid var(--color-success)}.message-error{background:#e74c3c33;color:var(--color-danger);border:2px solid var(--color-danger)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-bg-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#3d3d3d}@media (max-width: 1024px){.room-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.screen{padding:20px}.camera-container{flex-direction:column;height:auto}.camera-sidebar{width:100%;height:auto;max-height:200px}.photos-list{flex-direction:row;overflow-x:auto;overflow-y:visible}}