.sidebar{width:250px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;padding:20px 0;transition:width .3s ease;position:relative}.sidebar.collapsed{width:70px}.sidebar-header{padding:0 20px 20px;border-bottom:1px solid #e0e0e0;margin-bottom:20px;position:relative}.sidebar.collapsed .sidebar-header{padding:0 10px 20px}.sidebar-toggle{position:absolute;top:0;right:-15px;width:30px;height:30px;border-radius:50%;background:#fff;border:2px solid #e0e0e0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:#667eea;transition:all .2s;box-shadow:0 2px 5px #0000001a;z-index:10}.sidebar-toggle:hover{background:#667eea;color:#fff;border-color:#667eea;transform:scale(1.1)}.sidebar-header h1{font-size:1.5em;color:#667eea;margin-bottom:5px}.sidebar-header p{font-size:.9em;color:#666}.sidebar-nav{flex:1;display:flex;flex-direction:column;gap:5px;padding:0 10px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:8px;text-decoration:none;color:#333;transition:all .2s;font-weight:500;white-space:nowrap;overflow:hidden}.sidebar.collapsed .sidebar-item{justify-content:center;padding:12px}.sidebar-item:hover{background:#667eea1a;color:#667eea}.sidebar-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sidebar-icon{font-size:1.2em}.sidebar-label{font-size:.95em}.sidebar-footer{margin-top:auto;padding:10px;border-top:1px solid #e0e0e0}.sidebar-user{padding:10px 15px;margin-bottom:10px;border-radius:8px;background:#667eea0d}.sidebar-user-name{display:block;font-weight:600;color:#333;font-size:.9em}.sidebar-user-role{display:block;font-size:.75em;color:#667eea;margin-top:4px}.sidebar-logout{display:flex;align-items:center;gap:12px;padding:12px 15px;border-radius:8px;text-decoration:none;color:#f44336;transition:all .2s;font-weight:500;white-space:nowrap;overflow:hidden;width:100%;background:none;border:none;cursor:pointer;font-size:inherit}.sidebar.collapsed .sidebar-logout{justify-content:center;padding:12px}.sidebar-logout:hover{background:#f443361a;color:#d32f2f}@media (max-width: 768px){.sidebar{width:100%;flex-direction:row;padding:10px}.sidebar-header{display:none}.sidebar-nav{flex-direction:row;overflow-x:auto}.sidebar-item{white-space:nowrap;min-width:fit-content}}.layout{display:flex;min-height:100vh;width:100%}.main-content{flex:1;padding:0;overflow-y:auto;width:100%;display:flex;flex-direction:column;align-items:flex-start}@media (max-width: 768px){.main-content{align-items:center}}@media (max-width: 768px){.layout{flex-direction:column}.main-content{padding:10px}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.login-box{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;padding:40px;width:100%;max-width:400px}.login-box h1{margin:0 0 10px;color:#333;font-size:28px;text-align:center}.login-box h2{margin:0 0 30px;color:#666;font-size:18px;font-weight:400;text-align:center}.form-group input{width:100%;padding:12px;border:1px solid #ddd;border-radius:6px;font-size:16px;box-sizing:border-box;transition:border-color .3s}.form-group input:focus{outline:none;border-color:#667eea}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.login-button{width:100%;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:16px;font-weight:600;cursor:pointer;transition:opacity .3s}.login-button:hover:not(:disabled){opacity:.9}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-hint{margin-top:20px;padding-top:20px;border-top:1px solid #eee;text-align:center}.login-hint p{margin:0;color:#999;font-size:14px}.admin-container{padding:20px;max-width:1200px;margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.admin-header h1{margin:0;color:#333}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600}.btn-primary:hover{opacity:.9}.btn-edit{background:#4caf50;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;margin-right:8px;font-size:12px}.btn-edit:hover{background:#45a049}.btn-delete{background:#f44336;color:#fff;border:none;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:12px}.btn-delete:hover:not(:disabled){background:#da190b}.btn-delete:disabled{background:#ccc;cursor:not-allowed}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;font-size:14px}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:6px;margin-bottom:20px;border:1px solid #fcc}.users-table{width:100%;border-collapse:collapse;background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.users-table th{padding:12px;text-align:left;font-weight:600}.users-table td{padding:12px;border-bottom:1px solid #eee}.users-table tbody tr:hover{background-color:#f5f5f5}.role-badge{display:inline-block;padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600}.role-badge.admin{background:#ff9800;color:#fff}.role-badge.user{background:#2196f3;color:#fff}.status-active{color:#4caf50;font-weight:600}.status-inactive{color:#f44336;font-weight:600}.form-group input,.form-group select{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:20px}.modal-actions button{min-width:80px}.video-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;transition:transform .2s,box-shadow .2s}.video-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.video-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.video-card-title{margin:0;font-size:16px;font-weight:600;color:#333}.video-card-actions{display:flex;gap:8px}.video-card-preview{margin-bottom:12px}.video-card-info{font-size:14px}.video-card-field{margin-bottom:12px}.video-card-field label{display:block;font-weight:600;color:#666;margin-bottom:4px}.video-card-prompt{margin:0;color:#333;line-height:1.5;word-break:break-word}.video-card-params{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.param-tag.status-completed{background:#d4edda;color:#155724}.param-tag.status-processing{background:#fff3cd;color:#856404}.video-card-date{font-size:12px;color:#999}.video-list{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 200px);overflow-y:auto;padding-right:8px}.video-list-empty{text-align:center;padding:60px 20px;color:#999}.video-list-empty .hint{font-size:14px;margin-top:8px;color:#bbb}.video-list::-webkit-scrollbar{width:8px}.video-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.video-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.video-list::-webkit-scrollbar-thumb:hover{background:#555}.basic-video-generator{width:100%;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.shot-context-banner{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:16px 24px;border-radius:12px;margin-bottom:24px;box-shadow:0 4px 12px #667eea33;max-width:1600px;margin-left:auto;margin-right:auto}.shot-context-info{display:flex;justify-content:space-between;align-items:center}.shot-context-info span{font-weight:600;font-size:15px}.btn-return{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.btn-return:hover{background:#ffffff4d;border-color:#ffffff80;transform:translate(-2px)}.btn-return:active{transform:translate(0)}.video-gen-container{display:grid;grid-template-columns:400px 1fr;gap:20px;max-width:1600px;margin:0 auto;height:calc(100vh - 40px)}.video-gen-left-panel,.video-gen-right-panel{display:flex;flex-direction:column}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.prompt-expansion-section{margin-bottom:20px;padding:16px;background:#f8f9fa;border-radius:8px}.btn-expand{width:100%;padding:10px;background:#667eea;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-expand:hover:not(:disabled){background:#5568d3}.btn-expand:disabled{opacity:.6;cursor:not-allowed}.expanded-prompt-content{display:flex;flex-direction:column;gap:12px}.expanded-prompt-header{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#333}.expanded-prompt-actions{display:flex;gap:8px}.expanded-prompt-confirm{display:flex;flex-direction:column;gap:10px}.btn-secondary{width:100%;background:#6c757d;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-secondary:hover:not(:disabled){background:#5a6268}@media (max-width: 1200px){.video-gen-container{grid-template-columns:1fr;height:auto}.video-gen-left-panel,.video-gen-right-panel{height:auto}.left-panel-card,.right-panel-card{height:auto;max-height:none}}@media (max-width: 768px){.form-row{grid-template-columns:1fr}.video-gen-container{padding:0}.basic-video-generator{padding:10px}}.image-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;transition:transform .2s,box-shadow .2s}.image-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.image-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.image-card-title{margin:0;font-size:16px;font-weight:600;color:#333}.image-card-actions{display:flex;gap:8px}.favorite-btn,.delete-btn{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.favorite-btn:hover{background-color:#f0f0f0}.favorite-btn.active{animation:pulse .3s}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.delete-btn:hover{background-color:#fee}.image-card-preview{margin-bottom:12px}.image-card-info{font-size:14px}.image-card-field{margin-bottom:12px}.image-card-field label{display:block;font-weight:600;color:#666;margin-bottom:4px}.image-card-prompt{margin:0;color:#333;line-height:1.5;word-break:break-word}.image-card-params{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.param-tag{display:inline-block;padding:4px 8px;background:#f0f0f0;border-radius:4px;font-size:12px;color:#666}.image-card-date{font-size:12px;color:#999}.image-list{display:flex;flex-direction:column;gap:16px;max-height:calc(100vh - 200px);overflow-y:auto;padding-right:8px}.image-list-empty .hint{font-size:14px;margin-top:8px;color:#bbb}.image-list::-webkit-scrollbar{width:8px}.image-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.image-list::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.image-list::-webkit-scrollbar-thumb:hover{background:#555}.image-generator{width:100%;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.image-gen-container{display:grid;grid-template-columns:400px 1fr;gap:20px;max-width:1600px;margin:0 auto;height:calc(100vh - 40px)}.image-gen-left-panel,.image-gen-right-panel{display:flex;flex-direction:column}.left-panel-card,.right-panel-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 30px #0003;height:100%;display:flex;flex-direction:column;overflow:hidden}.panel-title{margin:0 0 20px;font-size:20px;font-weight:600;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:12px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.form-group textarea,.form-group input,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .3s;box-sizing:border-box}.form-group textarea:focus,.form-group input:focus,.form-group select:focus{outline:none;border-color:#667eea}.error-message{margin-top:15px;padding:15px;background:#fee;border:2px solid #fcc;color:#c33;border-radius:8px;font-size:14px}.right-panel-card{overflow-y:auto}.right-panel-card .panel-title{position:sticky;top:0;background:#fff;z-index:10;margin-bottom:16px}.image-list-empty{text-align:center;padding:60px 20px;color:#999}@media (max-width: 1200px){.image-gen-container{grid-template-columns:1fr;height:auto}.image-gen-left-panel,.image-gen-right-panel{height:auto}.left-panel-card,.right-panel-card{height:auto;max-height:none}}@media (max-width: 768px){.image-gen-container{padding:0}.image-generator{padding:10px}}.asset-library{width:100%;min-height:100vh;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.asset-library-header{max-width:1600px;margin:0 auto 24px;color:#fff}.asset-library-header h1{margin:0 0 8px;font-size:32px;font-weight:700}.asset-library-header p{margin:0;font-size:16px;opacity:.9}.asset-library-tabs{display:flex;gap:12px;max-width:1600px;margin:0 auto 24px}.tab-button{padding:12px 24px;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s}.tab-button:hover{background:#ffffff4d;border-color:#ffffff80}.tab-button.active{background:#fff;color:#667eea;border-color:#fff}.asset-library-content{display:grid;grid-template-columns:250px 1fr;gap:24px;max-width:1600px;margin:0 auto}.filter-panel{background:#fff;border-radius:12px;padding:20px;box-shadow:0 10px 30px #0003;height:fit-content;position:sticky;top:20px}.filter-panel h3{margin:0 0 16px;font-size:18px;font-weight:600;color:#333;border-bottom:2px solid #f0f0f0;padding-bottom:12px}.filter-group{margin-bottom:20px}.filter-group label{display:block;margin-bottom:8px;color:#333;font-weight:600;font-size:14px}.filter-group select{width:100%;padding:8px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;font-family:inherit;transition:border-color .3s}.filter-group select:focus{outline:none;border-color:#667eea}.filter-group input[type=checkbox]{margin-right:8px}.asset-grid{background:#fff;border-radius:12px;padding:24px;box-shadow:0 10px 30px #0003;min-height:400px}.loading-message,.empty-message,.error-message{text-align:center;padding:60px 20px;color:#999;font-size:16px}.error-message{color:#c33;background:#fee;border:2px solid #fcc;border-radius:8px}.image-grid,.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.asset-item{position:relative}.asset-source-badge{position:absolute;top:8px;right:8px;background:#667eeae6;color:#fff;padding:4px 8px;border-radius:4px;font-size:11px;font-weight:600;z-index:10;pointer-events:none}@media (max-width: 1200px){.asset-library-content{grid-template-columns:1fr}.filter-panel{position:static}.image-grid,.video-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (max-width: 768px){.asset-library{padding:10px}.image-grid,.video-grid{grid-template-columns:1fr}}.movie-project-list{padding:24px;width:100%;margin:0;position:relative}@media (max-width: 768px){.movie-project-list{max-width:100%;margin:0 auto}}.step-indicator{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:20px;box-shadow:0 2px 10px #0000001a;width:100%;position:sticky;top:0;z-index:100;overflow-x:auto}.step-indicator-container{display:flex;align-items:center;flex:1}.step-item{display:flex;align-items:center;gap:12px;cursor:pointer;padding:10px;border-radius:8px;transition:all .2s;flex:1;min-width:150px}.step-item:hover{background:#667eea1a}.step-item.active{background:#667eea26}.step-number{width:36px;height:36px;border-radius:50%;background:#e0e0e0;color:#666;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.step-item.active .step-number{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.step-item.completed .step-number{background:#4caf50;color:#fff}.step-info{flex:1;min-width:0}.step-title{font-weight:600;color:#333;font-size:14px;margin-bottom:2px}.step-item.active .step-title{color:#667eea}.step-description{font-size:12px;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.step-connector{width:40px;height:2px;background:#e0e0e0;margin:0 10px;flex-shrink:0}.step-connector.completed{background:#4caf50}@media (max-width: 768px){.step-indicator{flex-direction:column;gap:10px}.step-indicator-container{width:100%}.step-connector{width:2px;height:20px;margin:5px 0}.step-item{width:100%}}.step-card{background:#fff;border-radius:12px;padding:30px;box-shadow:0 10px 30px #0003;width:100%;max-width:100%;margin:0 auto}.step-card h2{color:#667eea;margin-bottom:10px;font-size:1.8em;border-bottom:2px solid #667eea;padding-bottom:10px}.step-description{color:#666;margin-bottom:25px;font-size:.95em}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:600}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;border:2px solid #e0e0e0;border-radius:8px;font-size:14px;font-family:inherit;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-group textarea{min-height:120px;resize:vertical}.btn-primary{width:100%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.error-message{margin-top:15px;padding:15px;background:#fee;border:2px solid #fcc;color:#c33;border-radius:8px}.result-box{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px}.result-box h3{color:#667eea;margin-bottom:15px}.storyline-text{white-space:pre-wrap;line-height:1.6;color:#333;padding:15px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.shots-list{display:flex;flex-direction:column;gap:15px;margin-top:15px}.shot-item{padding:15px;background:#fff;border-radius:8px;border:1px solid #e0e0e0}.shot-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.shot-number{font-weight:600;color:#667eea}.shot-duration{font-size:.9em;color:#666}.shot-description{color:#333;line-height:1.6}.shot-prompt-label{font-size:.85em;color:#4caf50;font-weight:600}.shot-prompt{font-style:italic;color:#666;padding:10px;background:#f8f9fa;border-radius:6px;margin-top:8px}.shot-image-preview{margin-top:10px}.btn-secondary{background:#f0f0f0;color:#333;border:2px solid #e0e0e0;padding:8px 16px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e0e0e0;border-color:#ccc}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.shot-video-editor{margin-top:16px;padding:20px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0}.shot-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.shot-editor-header h3{margin:0;font-size:16px;color:#2d3748;font-weight:600}.btn-close{background:transparent;border:none;color:#718096;font-size:20px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.btn-close:hover{background:#edf2f7;color:#2d3748}.shot-editor-content{display:flex;gap:20px}.shot-editor-form{flex:1;min-width:0}.shot-video-list{flex:1;min-width:0;max-width:400px}.shot-video-list h4{margin:0 0 12px;font-size:14px;color:#4a5568;font-weight:600}.video-list{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.video-item{background:#fff;border-radius:8px;padding:12px;border:1px solid #e2e8f0}.video-placeholder{width:100%;height:150px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#718096;font-size:14px}.video-info{display:flex;justify-content:space-between;margin-top:8px;font-size:12px}.video-status{color:#667eea;font-weight:500}.video-duration{color:#718096}.video-list-empty{padding:40px 20px;text-align:center;color:#a0aec0;font-size:14px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;color:#4a5568;font-size:13px;font-weight:500}.form-group textarea,.form-group select{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:6px;font-size:14px;font-family:inherit;background:#fff}.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#667eea}.form-row{display:flex;gap:12px}.form-row .form-group{flex:1}.prompt-expansion-section{margin-bottom:16px}.btn-expand{background:#edf2f7;border:1px solid #e2e8f0;color:#4a5568;padding:8px 16px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-expand:hover:not(:disabled){background:#e2e8f0;border-color:#cbd5e0}.btn-expand:disabled{opacity:.5;cursor:not-allowed}.expanded-prompt-content{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.expanded-prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;color:#718096}.expanded-prompt-content textarea{width:100%;min-height:80px;padding:8px;border:1px solid #e2e8f0;border-radius:4px;font-size:13px;font-family:inherit;resize:vertical}.expanded-prompt-actions{display:flex;gap:8px;margin-top:8px}.btn-primary{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;width:100%}.btn-primary:hover:not(:disabled){background:#5a67d8}.btn-secondary{background:#edf2f7;color:#4a5568;border:1px solid #e2e8f0;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s}.btn-secondary:hover:not(:disabled){background:#e2e8f0}.btn-small{background:#edf2f7;color:#4a5568;border:1px solid #e2e8f0;padding:4px 10px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.btn-small:hover{background:#e2e8f0}.expanded-prompt-confirm{display:flex;flex-direction:column;gap:8px}.error-message{margin-top:12px;padding:10px;background:#fff5f5;border:1px solid #feb2b2;color:#c53030;border-radius:6px;font-size:13px}@media (max-width: 768px){.shot-editor-content{flex-direction:column}.shot-video-list{max-width:none}}.step2-timeline-mode{max-width:none!important;width:calc(100vw - 80px)!important;margin:0 auto;padding:24px!important;background:#fff;border-radius:16px;box-shadow:0 10px 25px #0000001a}.result-box{margin-top:24px;width:100%}.shots-list-enhanced{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:16px;padding:20px 4px 40px;width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.shots-list-enhanced::-webkit-scrollbar{height:8px}.shots-list-enhanced::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.shots-list-enhanced::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:4px}.shots-list-enhanced::-webkit-scrollbar-thumb:hover{background:#667eea}.shot-item-container{display:flex!important;flex-direction:row!important;align-items:flex-start;flex-shrink:0;cursor:grab;transition:transform .2s,opacity .2s}.shot-item-container:active{cursor:grabbing}.shot-item-container.dragging{opacity:.5;transform:scale(.95)}.shot-item-container.drag-over{transform:translate(10px);border-left:3px solid #667eea}.shot-item-container.drag-over:before{content:"";position:absolute;left:-20px;top:0;bottom:0;width:4px;background:#667eea;border-radius:2px;z-index:10}.shot-item-enhanced{width:300px!important;min-width:300px!important;min-height:440px!important;background:#fff;border-radius:12px;padding:20px;border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;box-sizing:border-box;position:relative;transition:transform .2s;overflow:visible}.shot-item-enhanced:hover{transform:translateY(-2px);border-color:#667eea}.shot-header-enhanced{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid #f1f5f9}.shot-number-controls{display:flex;align-items:center;gap:8px}.shot-number{font-weight:700;color:#2d3748;font-size:14px}.btn-icon{background:#f8fafc;border:1px solid #e2e8f0;padding:2px 6px;border-radius:4px;cursor:pointer;font-size:12px;color:#4a5568}.btn-icon:hover:not(:disabled){background:#edf2f7;color:#2d3748}.btn-icon.delete:hover{color:#e53e3e;border-color:#feb2b2}.shot-duration{font-size:11px;font-weight:600;color:#718096;background:#f1f5f9;padding:2px 6px;border-radius:4px}.shot-edit-form{margin-bottom:12px}.shot-edit-form textarea{width:100%;padding:10px;border:1px solid #edf2f7;border-radius:8px;background:#f8fafc;font-size:13px;line-height:1.5;resize:none}.shot-split-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;height:440px;width:40px;position:relative}.shot-split-divider:before{content:"";position:absolute;top:40px;bottom:40px;left:50%;width:2px;background:linear-gradient(to bottom,transparent,#e2e8f0,transparent);transform:translate(-50%)}.add-shot-btn-timeline{z-index:10;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #667eea;color:#667eea;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;box-shadow:0 2px 4px #0000001a}.keyframe-section{margin-top:auto;padding-top:12px;border-top:1px solid #f1f5f9}.image-preview{position:relative;width:100%;height:120px;border-radius:8px;overflow:hidden;background:#f1f5f9}.image-preview img{width:100%;height:100%;object-fit:cover}.btn-small{padding:4px 10px;background:#667eea;color:#fff;border:none;border-radius:4px;font-size:11px;cursor:pointer}.add-shot-form-inline{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:12px;box-shadow:0 10px 15px -3px #0000001a}.shot-preview-section{margin-top:12px;padding-top:12px;border-top:1px solid #e2e8f0;display:flex;gap:12px;align-items:flex-start;min-height:80px}.shot-keyframe-preview{flex-shrink:0;display:flex;flex-direction:column;gap:4px}.shot-videos-preview{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.preview-label{font-size:10px;color:#718096;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.keyframe-thumbnail{width:60px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0;cursor:pointer;transition:transform .2s}.keyframe-thumbnail:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.videos-list{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;-webkit-overflow-scrolling:touch}.videos-list::-webkit-scrollbar{height:4px}.videos-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:2px}.videos-list::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:2px}.videos-list::-webkit-scrollbar-thumb:hover{background:#667eea}.video-item{position:relative;flex-shrink:0;display:flex;flex-direction:column;gap:2px}.video-thumbnail{width:120px;height:60px;object-fit:cover;border-radius:6px;border:1px solid #e2e8f0;background:#000;cursor:pointer;transition:transform .2s}.video-thumbnail:hover{transform:scale(1.05);box-shadow:0 2px 8px #00000026}.video-duration{font-size:9px;color:#718096;text-align:center;padding:0 4px}.subtitle-editor{margin-top:16px;padding-top:16px;border-top:2px solid #e0e0e0}.subtitle-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.subtitle-editor-header h4{margin:0;font-size:16px;color:#333}.subtitle-empty{padding:20px;text-align:center;color:#999;background:#f8f9fa;border-radius:6px}.subtitle-list{display:flex;flex-direction:column;gap:12px}.subtitle-item{display:flex;gap:12px;background:#fff;border-radius:6px;padding:12px;border:1px solid #e0e0e0}.subtitle-number{flex-shrink:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#667eea;color:#fff;border-radius:50%;font-weight:600;font-size:14px}.subtitle-content{flex:1}.subtitle-display{display:flex;flex-direction:column;gap:8px}.subtitle-text{color:#333;font-size:14px;line-height:1.5}.subtitle-time{font-size:12px;color:#666}.subtitle-edit-form{display:flex;flex-direction:column;gap:12px}.subtitle-edit-form textarea{width:100%;padding:8px;border:1px solid #667eea;border-radius:4px;font-family:inherit;font-size:14px;resize:vertical}.subtitle-time-inputs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.time-input-group{display:flex;flex-direction:column;gap:4px}.time-input-group label{font-size:12px;color:#666;font-weight:500}.time-input-group input{padding:6px;border:1px solid #ddd;border-radius:4px;font-family:"monospace";font-size:12px}.time-input-group input:focus{outline:none;border-color:#667eea}.subtitle-edit-actions{display:flex;gap:8px}.subtitle-export{margin-top:16px;padding-top:16px;border-top:1px solid #e0e0e0}.btn-small.delete{background:#dc3545}.btn-small.delete:hover{background:#c82333}.add-shot-section{margin-top:20px;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:20px}.add-shot-section h3{margin:0 0 12px;font-size:16px;color:#333}.add-shot-form{display:flex;flex-direction:column;gap:10px}.add-shot-form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical}.shots-list-enhanced{display:flex;flex-direction:column;gap:20px;margin-top:20px}.shot-item-enhanced{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e0e0e0}.shot-header-enhanced{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.shot-number-controls{display:flex;align-items:center;gap:12px}.shot-number{font-weight:600;color:#667eea;font-size:18px}.shot-controls{display:flex;gap:4px}.btn-icon:hover:not(:disabled){background:#f0f0f0;border-color:#667eea}.shot-status{display:flex;gap:8px}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}.status-badge.completed{background:#d4edda;color:#155724}.status-badge.processing{background:#fff3cd;color:#856404}.shot-description{padding:12px;background:#fff;border-radius:6px;margin-bottom:16px;cursor:pointer;position:relative;transition:background-color .2s}.shot-description:hover{background:#f0f0f0}.shot-description:hover .edit-hint{opacity:1}.shot-edit-form{margin-bottom:16px}.shot-edit-form textarea{width:100%;padding:10px;border:1px solid #667eea;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical}.shot-edit-actions{display:flex;gap:8px;margin-top:8px}.keyframe-section{margin-top:16px;padding-top:16px;border-top:2px solid #e0e0e0}.keyframe-section h4{margin:0 0 12px;font-size:16px;color:#333}.keyframe-prompt-section,.keyframe-image-section{margin-bottom:16px}.prompt-display{display:flex;flex-direction:column;gap:8px;padding:12px;background:#fff;border-radius:6px}.prompt-display strong{color:#333;font-size:13px}.prompt-display span{color:#666;font-size:14px;line-height:1.5}.prompt-actions{display:flex;gap:8px;margin-top:8px}.prompt-edit-form{display:flex;flex-direction:column;gap:8px}.prompt-edit-form textarea{width:100%;padding:10px;border:1px solid #667eea;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical}.prompt-edit-actions{display:flex;gap:8px}.image-preview{display:flex;flex-direction:column;gap:8px}.image-preview img{max-width:100%;max-height:300px;border-radius:6px;object-fit:contain;background:#f0f0f0}.video-section{margin-top:16px;padding-top:16px;border-top:2px solid #e0e0e0}.video-section h4{margin:0 0 12px;font-size:16px;color:#333}.video-preview{display:flex;flex-direction:column;gap:12px}.video-preview video{max-width:100%;border-radius:8px}.error-message-small{padding:8px;background:#fee;border:1px solid #fcc;color:#c33;border-radius:4px;font-size:12px;margin-bottom:8px}.btn-small:hover:not(:disabled){background:#5a6268}.btn-small:disabled{opacity:.6;cursor:not-allowed}.add-shot-btn{background:#fff!important;border:1px dashed #667eea!important;color:#667eea!important;padding:10px 16px!important;font-size:14px!important;font-weight:500!important;transition:all .2s!important}.add-shot-btn:hover{background:#f0f4ff!important;border-color:#667eea!important;color:#667eea!important}.add-shot-form-inline{background:#f9f9f9;border:2px dashed #ddd;border-radius:8px;padding:15px}.add-shot-form-inline textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical}.video-timeline{display:flex;flex-direction:column;gap:20px;padding:20px;background:#f8f9fa;border-radius:8px}.timeline-header{display:flex;justify-content:space-between;align-items:center}.timeline-header h3{margin:0;color:#333}.timeline-controls{display:flex;gap:12px}.timeline-viewport{background:#fff;border-radius:8px;padding:20px;overflow-x:auto;min-height:300px;position:relative}.timeline-ruler{position:relative;height:30px;border-bottom:2px solid #333;margin-bottom:20px}.ruler-mark{position:absolute;height:100%;border-left:1px solid #999}.ruler-label{position:absolute;top:4px;left:4px;font-size:11px;color:#666}.track{margin-bottom:20px;min-height:60px}.track-label{display:flex;justify-content:space-between;align-items:center;padding:8px;background:#e9ecef;border-radius:4px;font-weight:600;font-size:14px;color:#333;margin-bottom:8px}.track-content{position:relative;height:50px;background:#f8f9fa;border-radius:4px;border:1px solid #dee2e6}.clip{position:absolute;height:40px;top:5px;border-radius:4px;cursor:move;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;transition:all .2s}.video-clip{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid transparent}.video-clip.selected{border-color:#ffc107;box-shadow:0 0 0 3px #ffc1074d}.audio-clip{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border:2px solid transparent}.audio-clip.selected{border-color:#ffc107;box-shadow:0 0 0 3px #ffc1074d}.clip-label{pointer-events:none;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:0 8px}.clip-trim-handle{position:absolute;top:0;bottom:0;width:8px;background:#ffffff80;cursor:ew-resize;z-index:10}.clip-trim-handle.left{left:0;border-radius:4px 0 0 4px}.clip-trim-handle.right{right:0;border-radius:0 4px 4px 0}.clip-trim-handle:hover{background:#fffc}.clip-details-panel{background:#fff;border-radius:8px;padding:20px;border:1px solid #dee2e6}.clip-details-panel h4{margin:0 0 16px;color:#333}.detail-item{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.detail-item label{font-weight:600;font-size:12px;color:#666}.detail-item span{color:#333;font-size:14px}.btn-icon-small{background:none;border:none;font-size:14px;cursor:pointer;padding:4px;border-radius:4px;transition:background-color .2s}.btn-primary{padding:10px 20px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #667eea66}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:10px 20px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.movie-project-detail{padding:12px 20px 20px}.project-header{display:flex;align-items:center;gap:12px;margin-bottom:8px}.mtv-project-list{padding:24px;width:100%;margin:0;position:relative}@media (max-width: 768px){.mtv-project-list{max-width:100%;margin:0 auto}}.projects-header{font-size:22px;font-weight:400;color:#202124;margin:0 0 24px;text-align:left}.project-buttons-flow{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;position:relative}@media (min-width: 1400px){.project-buttons-flow{grid-template-columns:repeat(4,1fr)}}.grid-add-button{position:absolute;top:0;right:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:300;color:#5f6368;background:transparent;border:none;cursor:pointer;border-radius:50%;transition:all .2s ease;z-index:10;padding:0;line-height:1}.grid-add-button:hover{background:#f1f3f4;color:#202124}.create-new-action-button{background:#fff;border:1px solid #dadce0;border-radius:8px;cursor:pointer;transition:all .2s ease;min-height:200px;display:flex;align-items:center;justify-content:center;position:relative}.create-new-action-button:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;border-color:#4285f4}.create-new-action-button-content{display:flex;flex-direction:column;align-items:center;gap:12px}.create-new-action-button-icon-container{width:48px;height:48px;border-radius:50%;background:#f1f3f4;display:flex;align-items:center;justify-content:center;transition:background-color .2s}.create-new-action-button:hover .create-new-action-button-icon-container{background:#e8f0fe}.create-new-action-button-icon{font-size:32px;font-weight:300;color:#5f6368;line-height:1}.create-new-action-button-label{font-size:16px;font-weight:500;color:#202124}.project-button{cursor:pointer}.project-button-card{background:#fff;border:1px solid #dadce0;border-radius:8px;padding:16px;min-height:200px;display:flex;flex-direction:column;transition:all .2s ease;position:relative}.project-button-card:hover{box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d}.project-button-box{position:relative;margin-bottom:12px}.project-button-box-icon{width:48px;height:48px;font-size:32px;display:flex;align-items:center;justify-content:center;background:#f1f3f4;border-radius:8px}.project-button-box-icon-image{width:48px;height:48px;object-fit:cover;border-radius:8px}.project-button-more{position:absolute;top:0;right:0;background:#ffffffe6;border:none;border-radius:4px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .2s,background-color .2s}.project-button-card:hover .project-button-more{opacity:1}.project-button-more:hover{background:#0000000d}.project-button-more-icon{font-size:20px;color:#5f6368;line-height:1;transform:rotate(90deg)}.project-button-title{font-size:16px;font-weight:500;color:#202124;margin-bottom:8px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-button-subtitle{font-size:12px;color:#5f6368;display:flex;align-items:center;gap:4px;margin-top:auto}.project-button-subtitle-part,.project-button-subtitle-middle-dot{color:#5f6368}.floating-add-button{position:fixed;bottom:24px;right:24px;width:56px;height:56px;border-radius:50%;background:#4285f4;color:#fff;border:none;font-size:32px;font-weight:300;cursor:pointer;box-shadow:0 2px 8px #00000026;display:flex;align-items:center;justify-content:center;transition:all .2s ease;z-index:100;line-height:1}.floating-add-button:hover{background:#1967d2;box-shadow:0 4px 12px #0003;transform:scale(1.05)}@media (min-width: 768px){.floating-add-button{display:none}}.empty-state{text-align:center;padding:100px 20px;color:#999}.empty-state .hint{font-size:14px;margin-top:8px;color:#bbb}.loading-state{text-align:center;padding:100px 20px;color:#999}.error-message{background:#fee;color:#c33;padding:12px;border-radius:4px;margin-bottom:20px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;border-radius:12px;padding:30px;width:90%;max-width:500px;box-shadow:0 10px 40px #0000004d}.modal-content h2{margin:0 0 20px;color:#333}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;color:#333;font-weight:500}.form-group input{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#4285f4}.modal-actions{display:flex;gap:10px;justify-content:flex-end}.btn-primary{background:#4285f4;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-primary:hover{background:#1967d2}.btn-secondary{background:#6c757d;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.add-segment-section{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:8px;margin-bottom:20px}.add-segment-section h3{margin:0 0 12px;font-size:16px;color:#333}.add-segment-form{display:flex;flex-direction:column;gap:10px}.add-segment-form textarea{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical}.segments-list-enhanced{display:flex;flex-direction:column;gap:16px;margin-top:16px}.segment-item-enhanced{background:#f8f9fa;border-radius:8px;padding:16px;border:1px solid #e0e0e0}.segment-header-enhanced{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.segment-number-controls{display:flex;align-items:center;gap:12px}.segment-number{font-weight:600;color:#f5576c;font-size:16px}.segment-controls{display:flex;gap:4px}.btn-icon{background:#fff;border:1px solid #ddd;padding:4px 8px;border-radius:4px;cursor:pointer;font-size:14px;transition:all .2s}.btn-icon:hover:not(:disabled){background:#f0f0f0;border-color:#f5576c}.btn-icon:disabled{opacity:.5;cursor:not-allowed}.btn-icon.delete:hover{background:#fee;border-color:#fcc}.segment-duration{font-size:12px;color:#666}.segment-text{padding:12px;background:#fff;border-radius:6px;margin-bottom:8px;cursor:pointer;position:relative;transition:background-color .2s}.segment-text:hover{background:#f0f0f0}.edit-hint{position:absolute;top:8px;right:8px;font-size:11px;color:#999;opacity:0;transition:opacity .2s}.segment-text:hover .edit-hint{opacity:1}.segment-edit-form{margin-bottom:8px}.segment-edit-form textarea{width:100%;padding:10px;border:1px solid #f5576c;border-radius:6px;font-family:inherit;font-size:14px;resize:vertical}.segment-edit-actions{display:flex;gap:8px;margin-top:8px}.segment-prompt{margin-top:8px;padding:8px;background:#fff;border-radius:4px;font-size:13px;color:#666}.segment-prompt strong{color:#333}.btn-small{padding:6px 12px;background:#6c757d;color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:background-color .2s}.btn-small:hover{background:#5a6268}.audio-tracks-section{margin-top:24px;padding:20px;background:#f8f9fa;border-radius:8px}.audio-tracks-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.audio-tracks-header h3{margin:0;font-size:18px;color:#333}.audio-empty{text-align:center;padding:40px 20px;color:#999}.audio-empty .hint{font-size:14px;margin-top:8px;color:#bbb}.audio-tracks-list{display:flex;flex-direction:column;gap:16px}.audio-track-item{background:#fff;border-radius:8px;padding:16px;border:1px solid #e0e0e0}.audio-track-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.audio-track-name{font-weight:600;color:#333;font-size:14px}.btn-icon-small{background:none;border:none;font-size:16px;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background-color .2s}.btn-icon-small:hover{background:#0000001a}.audio-track-controls{display:flex;flex-direction:column;gap:12px}.control-group{display:flex;flex-direction:column;gap:4px}.control-group label{font-size:12px;color:#666;font-weight:500}.control-group input[type=number]{padding:6px;border:1px solid #ddd;border-radius:4px;font-size:14px;width:120px}.control-group input[type=range]{width:100%}.audio-preview{margin-top:8px}.btn-secondary{padding:8px 16px;background:#6c757d;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s}.btn-secondary:hover{background:#5a6268}.mtv-project-detail{padding:12px 20px 20px}.project-header{display:flex;align-items:center;gap:12px;margin-bottom:8px;flex-wrap:wrap}.back-btn{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s;flex-shrink:0}.back-btn:hover{background:#5a6268}.project-title{color:#fff;font-size:14px;font-weight:600;margin:0}.project-subtitle{color:#999;font-size:13px;margin:0}.step-indicator{margin-top:0;margin-bottom:12px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh}