body[data-video-studio="hypnosis"] { --hypnosis-accent: #fff; }
body[data-video-studio="hypnosis"] .video-sidebar { background: #111; border-color: #202020; border-radius: 21px; }
body[data-video-studio="hypnosis"] .video-mode-tabs { height: 48px; padding: 0 16px; gap: 13px; }
body[data-video-studio="hypnosis"] .video-mode-tabs button { font-size: 14px; font-weight: 550; letter-spacing: -.4px; }
body[data-video-studio="hypnosis"] .video-controls { display: flex; flex: 1; padding: 8px; gap: 8px; overflow-y: auto; }
body[data-video-studio="hypnosis"] .hypnosis-style-card { height: 130px; min-height: 130px; border-radius: 13px; margin-bottom: 8px; }
body[data-video-studio="hypnosis"] .hypnosis-style-card > video { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; background: #000; filter: grayscale(1); pointer-events: none; }
body[data-video-studio="hypnosis"] .video-style-change { top: 6px; right: 6px; padding: 6px 8px; font-size: 12px; background: #a1a1a178; }
body[data-video-studio="hypnosis"] .video-style-text { left: 12px; bottom: 13px; gap: 5px; }
body[data-video-studio="hypnosis"] .video-style-text strong { font-size: 19px; letter-spacing: -.7px; color: var(--hypnosis-accent); }
body[data-video-studio="hypnosis"] .video-style-text > span { color: #e0e0e0; font-size: 12px; }
.hypnosis-transfer-tabs { display: grid; grid-template-columns: 1fr 1fr; height: 40px; padding: 3px; border: 1px solid #393939; border-radius: 12px; background: #202020; gap: 3px; }
.hypnosis-transfer-tabs button { display: flex; align-items: center; justify-content: center; gap: 6px; padding: 0 4px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: #959595; font-size: 12px; font-weight: 600; white-space: nowrap; }
.hypnosis-transfer-tabs button[aria-pressed="true"] { color: #f5f5f5; border-color: #3c3c3c; background: linear-gradient(#2c2c2c,#252525); box-shadow: 0 0 0 2px #ffffff04; }
.hypnosis-transfer-tabs .v-icon { width: 15px; height: 15px; }
body[data-video-studio="hypnosis"] .hypnosis-upload-zone { position: relative; padding: 4px; border: 0; background: #202020; border-radius: 13px; }
body[data-video-studio="hypnosis"] .hypnosis-upload-zone.is-dragging { background: #353535; outline: 1px solid var(--hypnosis-accent); }
body[data-video-studio="hypnosis"] .hypnosis-upload-zone .video-dropzone { min-height: 160px; padding: 22px 12px; gap: 7px; border: 1px dashed #2e2e2e; border-radius: 10px; color: #888; }
body[data-video-studio="hypnosis"] .hypnosis-upload-zone .video-dropzone:hover { background: #ffffff03; border-color: #555; }
body[data-video-studio="hypnosis"] .video-dropzone > strong { color: #f5f5f5; font-size: 14px; line-height: 16px; font-weight: 600; letter-spacing: -.25px; }
body[data-video-studio="hypnosis"] .video-dropzone > span:last-child { font-size: 12px; line-height: 16px; }
.hypnosis-media-icons { display: flex; justify-content: center; margin-bottom: 7px; }
.hypnosis-media-icon { display: grid; place-items: center; width: 36px; height: 36px; border-radius: 50%; border: 1px solid #555; color: #c6c6c6; background: radial-gradient(circle at 40% 25%,#555,#2a2a2a 65%); box-shadow: inset 0 1px 2px #ffffff20, 0 2px 5px #0004; }
.hypnosis-media-icon + .hypnosis-media-icon { margin-left: -7px; }
.hypnosis-media-icon > svg { width: 17px; height: 17px; }
body[data-video-studio="hypnosis"] .hypnosis-upload-zone.has-references { padding: 0; background: transparent; }
body[data-video-studio="hypnosis"] .hypnosis-prompt-card { flex: 0 0 auto; height: auto; padding: 0; max-height: none; background: #202020; border: 0; }
.hypnosis-prompt-header { display: flex; align-items: center; justify-content: space-between; min-height: 44px; padding: 0 12px; }
.hypnosis-prompt-header label { color: #f5f5f5; font-size: 14px; font-weight: 550; }
#hypnosis-prompt-toggle { width: 28px; height: 16px; border: 0; border-radius: 20px; padding: 2px; background: #606060; }
#hypnosis-prompt-toggle > span { display: block; height: 12px; width: 12px; border-radius: 50%; background: #fff; transition: transform 150ms ease; }
#hypnosis-prompt-toggle[aria-checked="true"] { background: #fff; }
#hypnosis-prompt-toggle[aria-checked="true"] > span { transform: translateX(12px); background: #111; }
body[data-video-studio="hypnosis"] #video-prompt { flex: none; min-height: 110px; padding: 0 12px 12px; font-size: 13px; }
body[data-video-studio="hypnosis"] .video-model-button { min-height: 54px; border-radius: 12px; padding: 9px 12px; background: #202020; }
body[data-video-studio="hypnosis"] #video-model-trigger { margin-top: 8px; }
body[data-video-studio="hypnosis"] .video-field-label { display: block; font-size: 12px; color: #a4a4a4; }
body[data-video-studio="hypnosis"] #video-model-trigger > span { display: block; }
body[data-video-studio="hypnosis"] #video-model-label { display: inline-flex; font-size: 14px; margin-top: 2px; }
.hypnosis-new-badge { display: inline-block; margin-left: 6px; padding: 1px 4px; border: 1px solid #555; border-radius: 3px; color: var(--hypnosis-accent); background: #2b2b2b; font-size: 11px; line-height: 14px; }
.hypnosis-quality #video-resolution-label { font-size: 14px; line-height: 18px; font-weight: 550; }
.hypnosis-quality > .v-icon { width: 14px; height: 14px; color: #888; }
body[data-video-studio="hypnosis"] .video-generate { flex-shrink: 0; width: 100%; min-height: 48px; margin: 0; padding: 12px; border-radius: 13px; font-size: 14px; font-weight: 600; }
@media (max-width: 900px) { body[data-video-studio="hypnosis"] .video-sidebar { width: 320px; max-width: 100%; align-self: center; } body[data-video-studio="hypnosis"] .video-controls { overflow: visible; } }