*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;font-family:PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#0d0d0d;color:#e8e8e8;overflow:hidden}.app-layout{display:flex;height:100vh;width:100vw;overflow:hidden}.mirror-section{flex:0 0 40%;display:flex;align-items:center;justify-content:center;background:#111;border-right:1px solid #1e1e1e;padding:20px}.workflow-section{flex:1 1;overflow-y:auto;background:#111;padding:24px;scrollbar-width:thin;scrollbar-color:#333 #111}.workflow-section::-webkit-scrollbar{width:6px}.workflow-section::-webkit-scrollbar-track{background:#111}.workflow-section::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.mirror-wrapper{width:100%;display:flex;justify-content:center}.mirror-container{position:relative;width:100%;max-width:360px;aspect-ratio:3/4;background:#000;border-radius:16px;overflow:hidden;box-shadow:0 0 40px rgba(0,229,255,.08),0 0 80px rgba(0,0,0,.8);border:1px solid #1a1a1a}.mirror-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.result-video{transform:none}.mirror-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10}.generating-overlay{background:rgba(0,0,0,.75);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.generating-spinner{width:48px;height:48px;border:3px solid rgba(0,229,255,.2);border-top-color:#00e5ff;border-radius:50%;animation:spin .8s linear infinite}.generating-text{font-size:16px;color:#00e5ff;letter-spacing:1px;font-weight:500}.error-overlay{background:rgba(20,0,0,.85)}.error-icon{font-size:40px;color:#ff4444}.error-text{font-size:16px;color:#ff6666}.countdown-overlay{background:rgba(0,0,0,.5)}.countdown-number{font-size:120px;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 40px rgba(0,229,255,.6);animation:pulse-count .9s ease-in-out}@keyframes pulse-count{0%{transform:scale(1.4);opacity:.6}to{transform:scale(1);opacity:1}}.gesture-ring-wrapper{position:absolute;transform:translate(-50%,-80%);z-index:20;pointer-events:none}.gesture-ring-wrapper svg{display:block}.gesture-ring-icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:22px}.mirror-hint{bottom:24px;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);font-size:12px;padding:6px 14px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;z-index:10}.mirror-hint,.mirror-reset-btn{position:absolute;left:50%;transform:translateX(-50%)}.mirror-reset-btn{bottom:20px;background:rgba(0,229,255,.15);border:1px solid #00e5ff;color:#00e5ff;border-radius:20px;padding:8px 20px;font-size:13px;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s}.mirror-reset-btn:hover{background:rgba(0,229,255,.3)}.workflow-panel{max-width:760px}.workflow-title{font-size:18px;font-weight:600;color:#ccc;margin-bottom:20px;letter-spacing:2px;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.workflow-title-actions{display:flex;align-items:center;gap:16px}.uploads-info{display:flex;align-items:center;gap:8px}.uploads-size{color:#666}.btn-clear-uploads,.uploads-size{font-size:11px;font-weight:400;letter-spacing:0;text-transform:none}.btn-clear-uploads{padding:3px 10px;background:rgba(255,80,80,.12);border:1px solid rgba(255,80,80,.4);color:#ff6b6b;border-radius:4px;cursor:pointer;transition:background .15s}.btn-clear-uploads:hover:not(:disabled){background:rgba(255,80,80,.25)}.btn-clear-uploads:disabled{opacity:.4;cursor:not-allowed}.auto-mode-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;text-transform:none;letter-spacing:0}.auto-mode-label{font-size:12px;color:#888;font-weight:400}.toggle-switch{width:40px;height:22px;background:#333;border-radius:11px;position:relative;cursor:pointer;transition:background .2s}.toggle-switch.on{background:#4caf50}.toggle-thumb{width:16px;height:16px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;transition:left .2s}.toggle-switch.on .toggle-thumb{left:21px}.workflow-step{background:#161616;border:1px solid #222;border-radius:12px;overflow:hidden}.step-header{gap:10px;padding:12px 16px;background:#1a1a1a;border-bottom:1px solid #222}.step-header,.step-number{display:flex;align-items:center}.step-number{width:24px;height:24px;background:#00e5ff;color:#000;border-radius:50%;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.step-title{font-size:14px;font-weight:600;color:#ccc;flex:1 1}.step-badge{font-size:11px;padding:2px 8px;border-radius:10px;font-weight:500}.step-badge.generating{background:rgba(0,229,255,.1);color:#00e5ff;border:1px solid rgba(0,229,255,.3)}.step-badge.done{background:rgba(0,200,100,.1);color:#00c864;border:1px solid rgba(0,200,100,.3)}.step-body{padding:16px}.workflow-connector{text-align:center;color:#333;font-size:20px;padding:4px 0}.image-pair{gap:12px}.image-item,.image-pair{display:flex;align-items:center}.image-item{flex-direction:column;gap:6px;flex:1 1}.image-label{font-size:11px;color:#888;text-align:center}.image-box{width:100%;aspect-ratio:3/4;max-width:120px;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center}.thumb-img{width:100%;height:100%;object-fit:cover}.photo-filename-link{display:block;font-size:10px;color:#00e5ff;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:110px;margin-top:2px}.photo-filename-link:hover{text-decoration:underline}.image-placeholder{font-size:11px;color:#555;text-align:center;padding:8px}.image-arrow{font-size:20px;color:#333;flex-shrink:0}.result-image-box,.result-video-box{background:#1a1a1a;border:1px solid #222;border-radius:8px;overflow:hidden;min-height:180px;display:flex;align-items:center;justify-content:center}.result-img{object-fit:contain}.result-img,.result-video-preview{width:100%;max-height:400px;display:block}.result-placeholder{color:#555;font-size:13px;padding:40px;text-align:center}.result-placeholder.loading{display:flex;flex-direction:column;align-items:center;gap:12px;color:#00e5ff}.prompt-editor{display:flex;flex-direction:column;gap:10px}.prompt-editor-header{display:flex;align-items:center;justify-content:space-between}.prompt-label{font-size:13px;color:#999;font-weight:500}.preset-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.preset-bar-label{font-size:11px;color:#666;flex-shrink:0}.preset-chips{display:flex;flex-wrap:wrap;gap:6px;flex:1 1}.preset-chip-wrap{position:relative;display:flex;align-items:center}.preset-chip{background:#1e1e1e;border:1px solid #333;color:#aaa;border-radius:12px;padding:3px 10px;font-size:11px;cursor:pointer;transition:all .15s}.preset-chip:hover{border-color:#555;color:#ccc}.preset-chip.active{background:rgba(0,229,255,.08);border-color:#00e5ff;color:#00e5ff}.preset-delete{position:absolute;right:-6px;top:-6px;width:14px;height:14px;background:#333;border:none;border-radius:50%;color:#888;font-size:10px;cursor:pointer;display:none;align-items:center;justify-content:center;line-height:1;z-index:2}.preset-chip-wrap:hover .preset-delete{display:flex}.preset-delete:hover{background:#ff4444;color:#fff}.save-dialog{display:flex;align-items:center;gap:8px;padding:8px;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:8px}.prompt-field{display:flex;flex-direction:column;gap:4px}.prompt-field-label{display:flex;align-items:center;gap:6px}.tag{font-size:10px;padding:2px 6px;border-radius:4px;font-weight:600;letter-spacing:.5px}.tag-positive{background:rgba(0,200,100,.15);color:#00c864;border:1px solid rgba(0,200,100,.3)}.tag-negative{background:rgba(255,80,80,.1);color:#ff6060;border:1px solid rgba(255,80,80,.25)}.prompt-textarea{width:100%;background:#1a1a1a;border:1px solid #2a2a2a;border-radius:6px;color:#ccc;font-size:12px;line-height:1.5;padding:8px 10px;resize:vertical;font-family:inherit;transition:border-color .15s}.prompt-textarea:focus{outline:none;border-color:#00e5ff}.prompt-textarea.negative{border-color:rgba(255,80,80,.2)}.prompt-textarea.negative:focus{border-color:#ff6060}.preset-update-row{display:flex;justify-content:flex-end}.btn{background:#1e1e1e;border:1px solid #333;color:#aaa;border-radius:6px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .15s;font-family:inherit;white-space:nowrap}.btn:hover:not(:disabled){border-color:#555;color:#ccc}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-sm{padding:4px 10px;font-size:11px}.btn-primary{background:rgba(0,229,255,.1);border-color:#00e5ff;color:#00e5ff}.btn-primary:hover:not(:disabled){background:rgba(0,229,255,.2)}.btn-regen{background:rgba(0,229,255,.08);border-color:rgba(0,229,255,.4);color:#00e5ff;font-size:12px;padding:5px 14px}.btn-regen:hover:not(:disabled){background:rgba(0,229,255,.18)}.input-text{background:#222;border:1px solid #333;color:#ccc;border-radius:6px;padding:5px 10px;font-size:12px;font-family:inherit;flex:1 1}.input-text:focus{outline:none;border-color:#00e5ff}.confirm-video-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:12px 14px;background:rgba(0,229,255,.04);border:1px solid rgba(0,229,255,.2);border-radius:8px}.confirm-hint{font-size:12px;color:#aaa;flex:1 1}.btn-confirm-video{background:rgba(0,229,255,.12);border:1px solid #00e5ff;color:#00e5ff;border-radius:8px;padding:8px 20px;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .2s;font-family:inherit}.btn-confirm-video:hover{background:rgba(0,229,255,.25)}.mini-spinner{width:24px;height:24px;border:2px solid rgba(0,229,255,.2);border-top-color:#00e5ff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.login-page{height:100vh;display:flex;align-items:center;justify-content:center;background:#0d0d0d}.login-card{background:#161616;border:1px solid #222;border-radius:16px;padding:40px 36px;width:100%;max-width:360px}.login-title{font-size:22px;font-weight:700;color:#e8e8e8;text-align:center;margin-bottom:6px;letter-spacing:2px}.login-subtitle{font-size:13px;color:#666;text-align:center;margin-bottom:28px}.login-form{gap:16px}.login-field,.login-form{display:flex;flex-direction:column}.login-field{gap:6px}.login-label{font-size:12px;color:#888;font-weight:500}.login-input{background:#1e1e1e;border:1px solid #333;border-radius:8px;color:#ccc;font-size:14px;padding:10px 14px;font-family:inherit;width:100%;transition:border-color .15s}.login-input:focus{outline:none;border-color:#00e5ff}.login-error{font-size:12px;color:#ff6b6b;background:rgba(255,80,80,.08);border:1px solid rgba(255,80,80,.25);border-radius:6px;padding:8px 12px}.login-btn{margin-top:4px;width:100%;padding:11px;font-size:14px;border-radius:8px}.login-hint{margin-top:24px;padding-top:20px;border-top:1px solid #1e1e1e;font-size:11px;color:#555;text-align:center;line-height:1.8}.login-hint code{background:#1e1e1e;border-radius:4px;padding:1px 6px;color:#00e5ff;font-size:11px}.admin-layout{display:flex;flex-direction:column;height:100vh;background:#0d0d0d;overflow:hidden}.admin-nav{display:flex;align-items:center;gap:0;padding:0 24px;height:52px;background:#111;border-bottom:1px solid #1a1a1a;flex-shrink:0}.admin-nav-brand{font-size:15px;font-weight:700;color:#00e5ff;letter-spacing:2px;margin-right:32px;flex-shrink:0}.admin-nav-links{display:flex;align-items:center;gap:4px;flex:1 1}.nav-link{font-size:13px;color:#666;text-decoration:none;padding:6px 14px;border-radius:6px;transition:all .15s;letter-spacing:1px}.nav-link:hover{color:#ccc;background:#1a1a1a}.nav-link.active{color:#00e5ff;background:rgba(0,229,255,.08)}.admin-nav-user{display:flex;align-items:center;gap:10px;font-size:12px;color:#666}.admin-main{flex:1 1;overflow-y:auto;padding:24px;scrollbar-width:thin;scrollbar-color:#333 #0d0d0d}.admin-main::-webkit-scrollbar{width:6px}.admin-main::-webkit-scrollbar-track{background:#0d0d0d}.admin-main::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.mirror-only-root{height:100vh;display:flex;align-items:center;justify-content:center;background:#000}.mirror-only-container{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.mirror-with-nav-root{flex:1 1;background:#000;overflow:hidden;min-height:0}.mirror-with-nav-container,.mirror-with-nav-root{display:flex;align-items:stretch;justify-content:center}.mirror-with-nav-container{width:100%;height:100%;padding:20px;gap:20px}.mirror-with-nav-video-wrap{position:relative;width:100%;height:100%;background:#000;overflow:hidden}.mirror-with-nav-video{object-fit:contain}.mirror-only-video,.mirror-with-nav-video{width:100%;height:100%;transform:scaleX(-1)}.mirror-only-video{object-fit:cover}.mirror-only-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;z-index:10}.mirror-only-generating{background:rgba(0,0,0,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.mirror-only-countdown{background:rgba(0,0,0,.5)}.mirror-only-countdown-num{font-size:120px;font-weight:900;color:#fff;line-height:1;text-shadow:0 0 40px rgba(0,229,255,.6);animation:pulse-count .9s ease-in-out}.mirror-only-error{background:rgba(20,0,0,.85)}.mirror-only-ring{position:absolute;transform:translate(-50%,-80%);z-index:20;pointer-events:none}.mirror-only-ring svg{display:block}.mirror-only-hint{bottom:24px;background:rgba(0,0,0,.6);color:rgba(255,255,255,.7);font-size:12px;padding:6px 14px;border-radius:20px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;z-index:10}.mirror-only-hint,.mirror-only-reset{position:absolute;left:50%;transform:translateX(-50%)}.mirror-only-reset{bottom:20px;background:rgba(0,229,255,.15);border:1px solid #00e5ff;color:#00e5ff;border-radius:20px;padding:8px 20px;font-size:13px;cursor:pointer;z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .2s;font-family:inherit}.mirror-only-reset:hover{background:rgba(0,229,255,.3)}.settings-main{max-width:640px;display:flex;flex-direction:column;gap:20px}.settings-card{background:#161616;border:1px solid #222;border-radius:12px;padding:24px}.settings-title{font-size:16px;font-weight:600;color:#ccc;margin-bottom:6px;letter-spacing:1px}.settings-desc{font-size:12px;color:#666;margin-bottom:20px}.settings-field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.settings-label{font-size:12px;color:#999;font-weight:500}.settings-input{font-size:13px;padding:8px 12px}.settings-actions{display:flex;align-items:center;gap:12px;margin-top:8px}.settings-msg{font-size:12px;color:#00c864}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.stat-item{background:#1a1a1a;border:1px solid #222;border-radius:10px;padding:16px;text-align:center}.stat-value{font-size:28px;font-weight:700;color:#00e5ff;margin-bottom:4px;letter-spacing:1px}.stat-label{font-size:11px;color:#666;letter-spacing:.5px}