.video-panel{--video-accent:#b8a2ff}.video-panel .section-label{color:var(--video-accent)}.video-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line,#304549);padding-bottom:16px;margin-bottom:24px}.video-tabs .selected{background:var(--video-accent);color:#14121f}.video-board{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));gap:20px}.video-output{padding:24px;border:1px solid #75649f80;background:linear-gradient(140deg,#29223890,#162629);border-radius:20px}.video-output-head{display:flex;justify-content:space-between;align-items:center}.video-output-number{font-size:12px;letter-spacing:2px;color:var(--video-accent)}.video-state{border:1px solid #b8a2ff66;border-radius:30px;padding:5px 12px;font-size:12px}.video-time{font-variant-numeric:tabular-nums;font-size:20px;color:#ddd2ff}.video-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.video-actions button{padding:10px 14px}.video-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px;border:1px solid #3a424c;border-radius:12px;margin:10px 0}.video-row>div:first-child{min-width:0}.video-row strong,.video-row small{display:block;overflow-wrap:anywhere}.video-row small{margin-top:7px;color:#9ab1bb}.video-row[draggable=true]{cursor:grab}.video-drop{display:block;border:2px dashed #b8a2ff88;border-radius:18px;padding:28px;text-align:center;background:#b8a2ff08;margin:20px 0}.video-drop.drop-hover{background:#b8a2ff25}.video-drop input{display:block;margin:16px auto;max-width:100%}.video-drop progress{width:100%;max-width:500px;accent-color:var(--video-accent)}.video-empty{padding:30px;text-align:center;border:1px dashed #69577e;border-radius:15px;color:#bac5cf}.video-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;align-items:end}.video-form label{display:flex;flex-direction:column;gap:8px}.video-panel select,.video-panel input{max-width:100%;width:100%}.video-panel input[type=checkbox]{width:auto}.video-days{display:flex;flex-wrap:wrap;gap:14px;padding:20px 0}.video-days label{display:flex;gap:6px;align-items:center}.video-error{color:#ffb2b2}.video-pro{padding:24px;border-radius:16px;border:1px solid #b8a2ff44;background:#b8a2ff08}.video-draft{min-height:80px;padding:12px;border:1px dashed #69577e;border-radius:12px;margin:16px 0}@media(max-width:760px){.video-row{align-items:stretch;flex-direction:column}.video-output{padding:16px}.video-actions button{flex:1}.video-form{grid-template-columns:1fr}}

.video-preview{max-width:240px;width:100%;border-radius:10px;aspect-ratio:16/9;object-fit:contain;background:#000}
.mapping-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,1fr);gap:22px;margin:20px 0}.mapping-layout canvas{width:100%;height:auto;background:#070b10;border:1px solid #68567f;border-radius:12px;touch-action:none}.mapping-corners{display:grid;gap:8px;margin-bottom:16px}.mapping-point{display:grid;grid-template-columns:1fr 90px 90px;gap:8px;align-items:center}.mapping-point input{width:100%;padding:8px}.mapping-point label{font-size:12px}@media(max-width:950px){.mapping-layout{grid-template-columns:1fr}}