:root { --ahv-ink: #282431; --ahv-muted: #716d7b; --ahv-line: #e8e4ed; --ahv-purple: #6f41a7; --ahv-purple-dark: #4f2b7d; --ahv-bg: #f7f5f9; --ahv-card: #fff; --ahv-warn: #815e19; }
.aoAutoHitVideoEntry[hidden] { display: none !important; }
section.aoAutoHitVideoEntry { display:block; grid-template-columns:none; min-width:0; margin-block:24px; padding:0; border:0; background:transparent; box-shadow:none; }
.aoAutoHitVideoEntryCard { display:grid; grid-template-columns:minmax(240px,.85fr) minmax(0,1.8fr); align-items:center; gap:clamp(28px,4vw,58px); width:100%; min-height:420px; box-sizing:border-box; padding:clamp(28px,4vw,52px); border:1px solid #e8e5f0; border-radius:26px; background:radial-gradient(ellipse at 100% 0,#e8e7ff 0,transparent 57%),linear-gradient(130deg,#fff 20%,#f6f4ff 100%); box-shadow:0 14px 40px #211a4210; }
.aoAutoHitVideoEntryCopy { min-width:0; max-width:340px; }
.aoAutoHitVideoEntryBadge { display:inline-flex; align-items:center; gap:6px; padding:6px 10px; border:1px solid #e3d9ff; border-radius:999px; color:#6948d6; background:#f4f0ff; font-size:11px; line-height:1; font-weight:700; }
.aoAutoHitVideoEntryBadge svg { width:13px; height:13px; }
.aoAutoHitVideoEntryCopy h2 { margin:22px 0 15px; color:#15151a; font-size:clamp(32px,3.7vw,50px); line-height:1.08; letter-spacing:-.045em; font-weight:800; }
.aoAutoHitVideoEntryHighlight { position:relative; display:inline-block; padding:1px 5px 4px; margin-inline:2px; border-radius:8px; color:#7143d4; background:#ede4ff; box-shadow:inset 0 -4px 0 #d8c4ff; }
.aoAutoHitVideoEntryCopy p { margin:0; max-width:315px; color:#797888; font-size:13px; line-height:1.8; }
.aoAutoHitVideoEntryBenefits { display:grid; gap:9px; margin:18px 0 23px; padding:0; list-style:none; }
.aoAutoHitVideoEntryBenefits li { display:flex; align-items:center; gap:7px; color:#49435e; font-size:11px; line-height:1.4; }
.aoAutoHitVideoEntryBenefits svg { width:13px; height:13px; flex-shrink:0; padding:1px; border:1px solid #8b67f0; border-radius:50%; color:#7755d8; }
.aoAutoHitVideoEntryAction a { display:inline-flex; align-items:center; gap:18px; min-height:44px; padding:0 17px; border-radius:12px; background:#17171c; color:#fff; font-size:13px; font-weight:650; text-decoration:none; box-shadow:0 10px 24px #26203f20; transition:background .15s,transform .15s; }
.aoAutoHitVideoEntryAction a svg { width:17px; height:17px; }
.aoAutoHitVideoEntryAction a:hover { background:#4f2b7d; transform:translateY(-1px); }
.aoAutoHitVideoEntryAction a:focus-visible { outline:3px solid #b69aff; outline-offset:4px; }
.aoAutoHitVideoEntryFlow { display:grid; grid-template-columns:minmax(0,1fr) 12px minmax(0,1fr) 12px minmax(0,1fr); gap:4px; align-items:center; min-width:0; }
.aoAutoHitVideoEntryStep { min-width:0; margin:0; overflow:hidden; border:1px solid #e4def5; border-radius:19px; background:#fff; box-shadow:0 16px 30px #33226414; }
.aoAutoHitVideoEntryMedia { position:relative; height:clamp(164px,18vw,218px); overflow:hidden; background:#eeece7; }
.aoAutoHitVideoEntryMedia > img { display:block; width:100%; height:100%; object-fit:cover; }
.aoAutoHitVideoEntryStepBadge { position:absolute; top:10px; left:10px; padding:4px 7px; border-radius:5px; background:#fffe; color:#45404e; font-size:9px; font-weight:650; }
.aoAutoHitVideoEntryPlay { position:absolute; bottom:10px; right:10px; display:grid; place-items:center; width:25px; height:25px; border:1px solid #fff7; border-radius:50%; background:#fff9; color:#6b4ac9; font-size:10px; }
.aoAutoHitVideoEntryStep figcaption { position:relative; min-height:80px; padding:13px 11px 15px; box-sizing:border-box; }
.aoAutoHitVideoEntryStep figcaption strong { display:block; margin-bottom:5px; color:#27232f; font-size:13px; font-weight:700; }
.aoAutoHitVideoEntryStep figcaption small { display:block; color:#8b8497; font-size:10px; line-height:1.5; }
.aoAutoHitVideoEntryStepNumber { display:block; margin-bottom:5px; color:#9274d5; font-size:9px; font-weight:700; letter-spacing:.08em; }
.aoAutoHitVideoEntryConnector { position:relative; z-index:1; display:grid; place-items:center; width:28px; height:28px; margin-left:-8px; border:1px solid #e0d5ff; border-radius:50%; background:#f9f6ff; color:#8260e4; }
.aoAutoHitVideoEntryConnector svg { width:15px; height:15px; }
.aoAutoHitVideoEntryPlanner { height:clamp(164px,18vw,218px); padding:16px 11px 10px; box-sizing:border-box; background:linear-gradient(155deg,#f2ebff,#faf8ff); }
.aoAutoHitVideoEntryPlannerHeading { display:block; margin-bottom:12px; color:#5b438f; font-size:11px; font-weight:700; }
.aoAutoHitVideoEntryCalendar { display:grid; grid-template-columns:repeat(7,1fr); gap:3px; margin-bottom:14px; text-align:center; font-size:10px; color:#656075; }
.aoAutoHitVideoEntryCalendar span { display:grid; place-items:center; height:20px; border-radius:6px; }
.aoAutoHitVideoEntryCalendar .is-weekday { height:14px; color:#a398b6; font-size:8px; }
.aoAutoHitVideoEntryCalendar .is-today { background:#7c4bdd; color:white; box-shadow:0 4px 8px #7b51c72b; }
.aoAutoHitVideoEntryScheduledVideo { display:flex; align-items:center; gap:7px; padding:8px 6px; border:1px solid #e7ddf8; border-radius:10px; background:#fff; }
.aoAutoHitVideoEntryScheduledVideo img { width:28px; height:37px; flex-shrink:0; object-fit:cover; border-radius:5px; }
.aoAutoHitVideoEntryScheduledVideo strong { display:block; color:#50485e; font-size:9px; }
.aoAutoHitVideoEntryScheduledVideo small { display:block; margin-top:5px; color:#9b90ad; font-size:8px; white-space:nowrap; }
.aoAutoHitVideoEntryPlannerStatus { display:block; margin-top:11px; color:#8166ac; font-size:8px; }
@media (max-width:1060px) { .aoAutoHitVideoEntryCard { grid-template-columns:minmax(200px,.8fr) minmax(0,1.8fr); gap:24px; padding:30px; } .aoAutoHitVideoEntryCopy h2 { font-size:36px; } }
@media (max-width:820px) { .aoAutoHitVideoEntryCard { grid-template-columns:1fr; gap:28px; padding:28px; } .aoAutoHitVideoEntryCopy { max-width:none; } .aoAutoHitVideoEntryCopy p { max-width:460px; } .aoAutoHitVideoEntryFlow { max-width:620px; width:100%; } }

body:has([data-auto-hit-video-workspace]) { margin: 0; min-height: 100vh; color-scheme: light; background: var(--ahv-bg); color: var(--ahv-ink); font-family: Inter, "PingFang SC", "Microsoft YaHei", sans-serif; }
[data-auto-hit-video-workspace] { min-height: 100vh; }
.ahv-shell { width: min(1200px,100%); margin: 0 auto; padding: 30px 28px 72px; box-sizing: border-box; }
.ahv-beta-notice { margin: 0 0 14px; padding: 7px 11px; border: 1px solid #e5dcee; border-radius: 9px; background: #fbf9fd; color: #766986; font-size: 11px; line-height: 1.45; }
.ahv-local-synthetic-notice { border-color: #e4bd61; background: #fff8e5; color: #674a0b; font-weight: 700; }
.ahv-header { display: flex; justify-content: space-between; align-items: flex-start; gap: 24px; margin-bottom: 25px; }
.ahv-header h1,.ahv-gate-card h1 { margin: 8px 0 7px; font-size: clamp(28px,4vw,38px); letter-spacing: -.04em; }
.ahv-header p { max-width: 780px; margin: 0; color: var(--ahv-muted); line-height: 1.7; }
.ahv-eyebrow { color: var(--ahv-purple); font-size: 12px; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; }
.ahv-credit-note { display: inline-block; margin-top: 14px; color: var(--ahv-warn); font-size: 13px; }
.ahv-back-link { flex: 0 0 auto; padding: 10px 13px; border: 1px solid var(--ahv-line); border-radius: 11px; background: var(--ahv-card); color: var(--ahv-ink); font-size: 13px; text-decoration: none; }
.ahv-layout { display: grid; grid-template-columns: 270px minmax(0,1fr); align-items: start; gap: 20px; }
.ahv-editor { display: grid; gap: 16px; min-width: 0; }
.ahv-panel,.ahv-gate-card { min-width: 0; padding: 20px; border: 1px solid var(--ahv-line); border-radius: 18px; background: var(--ahv-card); box-shadow: 0 4px 20px #2d1c3a08; }
.ahv-panel-heading { margin-bottom: 16px; }
.ahv-panel-heading h2 { margin: 0 0 5px; font-size: 17px; letter-spacing: -.02em; }
.ahv-panel-heading p { margin: 0; color: var(--ahv-muted); font-size: 13px; line-height: 1.6; }
.ahv-inline-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 14px; }
.ahv-button { display: inline-flex; align-items: center; justify-content: center; min-height: 40px; border: 1px solid transparent; border-radius: 11px; padding: 0 14px; font: inherit; font-size: 13px; font-weight: 700; cursor: pointer; text-decoration: none; }
.ahv-button:focus-visible,.ahv-back-link:focus-visible,.ahv-product-row:focus-visible { outline: 3px solid #bba1d8; outline-offset: 2px; }
.ahv-button-primary { background: var(--ahv-purple); color: #fff; }
.ahv-button-primary:hover { background: var(--ahv-purple-dark); }
.ahv-button-secondary { border-color: #ddd4e8; background: #f8f5fb; color: #563476; }
.ahv-button-quiet { border-color: var(--ahv-line); background: #fff; color: #615b68; }
.ahv-button:disabled { cursor: progress; opacity: .55; }
.ahv-product-list { display: grid; gap: 8px; margin-top: 15px; }
.ahv-product-row { display: grid; gap: 5px; width: 100%; padding: 12px; border: 1px solid var(--ahv-line); border-radius: 12px; background: #fff; color: var(--ahv-ink); text-align: left; cursor: pointer; }
.ahv-product-row.is-active { border-color: #a78ac8; background: #f8f4fc; box-shadow: inset 3px 0 #7a4eaa; }
.ahv-product-row strong { font-size: 13px; overflow-wrap: anywhere; }
.ahv-product-row small { color: var(--ahv-muted); font-size: 11px; }
.ahv-empty { margin: 0; color: #827b89; font-size: 13px; line-height: 1.65; }
.ahv-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.ahv-field { display: grid; gap: 7px; min-width: 0; color: #56515e; font-size: 12px; font-weight: 700; }
.ahv-field input,.ahv-field textarea,.ahv-field select,.ahv-plan-editor { width: 100%; box-sizing: border-box; border: 1px solid #ded9e4; border-radius: 10px; padding: 11px 12px; background: #fff; color: #282431; font: inherit; font-size: 14px; outline: none; }
.ahv-field input:focus,.ahv-field textarea:focus,.ahv-field select:focus,.ahv-plan-editor:focus { border-color: #9d80bd; box-shadow: 0 0 0 3px #9d80bd22; }
.ahv-field textarea { resize: vertical; line-height: 1.55; }
.ahv-file-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.ahv-file-pick { position: relative; cursor: pointer; }
.ahv-image-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(132px,1fr)); gap: 11px; margin-top: 15px; }
.ahv-image-item { min-width: 0; overflow: hidden; margin: 0; border: 1px solid var(--ahv-line); border-radius: 12px; background: #fff; }
.ahv-image-item img { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; background: #f2eff5; }
.ahv-image-item figcaption { overflow: hidden; padding: 9px 9px 0; color: #625b69; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.ahv-image-item .ahv-button { min-height: 30px; margin: 6px 7px 8px; padding: 0 9px; font-size: 11px; }
.ahv-avatar-list { display: grid; grid-template-columns: repeat(auto-fill,minmax(180px,1fr)); gap: 8px; }
.ahv-avatar-row { display: flex; align-items: center; gap: 9px; min-width: 0; padding: 9px; border: 1px solid var(--ahv-line); border-radius: 11px; font-size: 12px; }
.ahv-avatar-row img { width: 38px; height: 38px; border-radius: 8px; object-fit: cover; background: #f1eef4; }
.ahv-avatar-row input { accent-color: var(--ahv-purple); }
.ahv-avatar-row span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ahv-avatar-row small { margin-left: auto; color: #64836b; font-size: 10px; }
.ahv-plan-editor { min-height: 190px; margin-top: 14px; resize: vertical; font-family: ui-monospace,SFMono-Regular,Consolas,monospace; font-size: 12px; line-height: 1.55; }
.ahv-json-details { margin-top: 14px; color: #544766; font-size: 13px; }
.ahv-json-details summary { cursor: pointer; }
.ahv-json-view { overflow: auto; max-height: 300px; padding: 12px; border-radius: 10px; background: #f7f5f9; font-size: 11px; white-space: pre-wrap; overflow-wrap: anywhere; }
.ahv-subheading { margin: 20px 0 10px; font-size: 14px; }
.ahv-demo-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,290px),1fr)); gap: 12px; }
.ahv-demo-card { min-width: 0; padding: 12px; border: 1px solid var(--ahv-line); border-radius: 14px; background: #fff; }
.ahv-demo-card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 8px; }
.ahv-demo-card-header h3 { margin: 0; font-size: 13px; }
.ahv-demo-pill { flex: 0 0 auto; border-radius: 999px; padding: 4px 8px; background: #f5edf9; color: #68458b; font-size: 10px; font-weight: 700; }
.ahv-video-pair { display: grid; grid-template-columns: repeat(auto-fit,minmax(min(100%,180px),1fr)); gap: 9px; margin-top: 10px; }
.ahv-video-figure { min-width: 0; margin: 0; }
.ahv-video-media { overflow: hidden; aspect-ratio: 9/16; border: 1px solid #e9e5ed; border-radius: 11px; background: #f1eef4; }
.ahv-video-media video { display: block; width: 100%; height: 100%; object-fit: contain; background: #17151a; }
.ahv-video-placeholder { display: grid; place-items: center; width: 100%; height: 100%; padding: 12px; box-sizing: border-box; color: #827b89; font-size: 12px; text-align: center; background: radial-gradient(circle,#fff 0%,#f0ecf4 78%); }
.ahv-video-figure figcaption { margin-top: 6px; color: var(--ahv-muted); font-size: 11px; }
.ahv-demo-note { margin: 8px 0 0; color: #776d80; font-size: 11px; line-height: 1.5; }
.ahv-notice { margin: 0 0 16px; padding: 11px 13px; border: 1px solid #d7e8d9; border-radius: 10px; background: #f3faf3; color: #416748; font-size: 13px; }
.ahv-notice.is-error,.ahv-error { border-color: #f0d2d2; background: #fff7f7; color: #993e3e; }
.ahv-gate { display: grid; min-height: 100vh; place-items: center; }
.ahv-gate-card { width: min(520px,100%); padding: clamp(24px,6vw,42px); }
.ahv-gate-card p { margin: 8px 0 20px; color: var(--ahv-muted); line-height: 1.6; }
.ahv-gate-card .ahv-button { width: fit-content; }

@media (max-width: 820px) {
  .ahv-shell { padding: 22px 18px 48px; }
  .ahv-layout { grid-template-columns: 1fr; }
  .ahv-product-list { grid-template-columns: repeat(auto-fill,minmax(165px,1fr)); }
}
@media (max-width: 600px) {
  .aoAutoHitVideoEntryCard { gap:24px; padding:22px; border-radius:22px; }
  .aoAutoHitVideoEntryCopy h2 { font-size:36px; }
  .aoAutoHitVideoEntryFlow { grid-template-columns:minmax(0,1fr) 6px minmax(0,1fr) 6px minmax(0,1fr); gap:2px; }
  .aoAutoHitVideoEntryMedia,.aoAutoHitVideoEntryPlanner { height:160px; }
  .aoAutoHitVideoEntryPlanner { padding:12px 6px 8px; }
  .aoAutoHitVideoEntryStep figcaption { padding:10px 7px; }
  .aoAutoHitVideoEntryStep figcaption strong { font-size:11px; }
  .aoAutoHitVideoEntryStep figcaption small { font-size:9px; }
  .aoAutoHitVideoEntryConnector { width:24px; height:24px; margin-left:-9px; }
  .aoAutoHitVideoEntryCalendar { font-size:8px; gap:1px; }
  .aoAutoHitVideoEntryScheduledVideo { gap:4px; padding:6px 3px; }
  .aoAutoHitVideoEntryScheduledVideo img { width:19px; height:30px; }
  .aoAutoHitVideoEntryScheduledVideo strong { font-size:8px; }
  .aoAutoHitVideoEntryScheduledVideo small { font-size:6px; }
  .aoAutoHitVideoEntryPlannerStatus { font-size:6px; }
  .aoAutoHitVideoEntryAction { width: 100%; }
  .aoAutoHitVideoEntryAction a { width: 100%; box-sizing: border-box; }
  .ahv-shell { padding: 16px 12px 36px; }
  .ahv-header { flex-direction: column; gap: 13px; }
  .ahv-back-link { align-self: flex-start; }
  .ahv-panel { padding: 15px; border-radius: 15px; }
  .ahv-fields { grid-template-columns: 1fr; }
  .ahv-product-list { grid-template-columns: 1fr 1fr; }
  .ahv-demo-grid { grid-template-columns: 1fr; }
  .ahv-video-pair { grid-template-columns: repeat(auto-fit,minmax(min(100%,135px),1fr)); }
  .ahv-inline-actions .ahv-button { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) { .aoAutoHitVideoEntryAction a { transition: none; } }

.ahv-tabs { display:flex; gap:8px; padding:6px; margin:0 0 18px; border:1px solid var(--ahv-line); border-radius:15px; background:#efecf3; }
.ahv-tab { flex:1; min-height:43px; border:0; border-radius:10px; background:transparent; color:#686271; font:inherit; font-size:14px; font-weight:700; cursor:pointer; }
.ahv-tab.is-active { background:#fff; color:var(--ahv-purple-dark); box-shadow:0 2px 8px #30243b13; }
.ahv-archive-layout { display:grid; grid-template-columns:310px minmax(0,1fr); align-items:start; gap:18px; }
.ahv-archive-layout > .ahv-panel { position:sticky; top:15px; }
.ahv-product-workflow { min-width:0; }
.ahv-full-button { width:100%; }
.ahv-product-card-list { display:grid; gap:9px; margin-top:15px; }
.ahv-product-card { display:grid; grid-template-columns:54px minmax(0,1fr) 16px; align-items:center; gap:11px; width:100%; padding:9px; border:1px solid var(--ahv-line); border-radius:13px; background:#fff; color:var(--ahv-ink); text-align:left; cursor:pointer; }
.ahv-product-card:hover { border-color:#c5afd9; background:#fcfaff; }
.ahv-product-card.is-active { border-color:#9878b9; background:#f8f4fc; box-shadow:inset 3px 0 #7a4eaa; }
.ahv-product-card-cover { display:grid; place-items:center; overflow:hidden; width:54px; height:54px; border-radius:9px; background:#f1edf5; color:#887c95; font-size:11px; }
.ahv-product-card-cover img { width:100%; height:100%; object-fit:cover; }
.ahv-product-card-copy { display:grid; gap:5px; min-width:0; }
.ahv-product-card-copy strong { overflow:hidden; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
.ahv-product-card-copy small { overflow:hidden; color:var(--ahv-muted); font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
.ahv-product-card-copy .ahv-plan-status { color:#7a7182; }
.ahv-plan-status.is-running { color:#36764b; }
.ahv-plan-status.is-paused { color:#8a6718; }
.ahv-plan-status.is-unset { color:#827b89; }
.ahv-product-card-arrow { color:#9b91a4; font-size:22px; }
.ahv-empty-card { padding:11px; border:1px dashed #ddd6e4; border-radius:12px; }
.ahv-stepper { display:flex; gap:10px; margin:0 0 18px; }
.ahv-stepper-item { display:flex; align-items:center; gap:8px; flex:1; min-width:0; color:#9b95a1; font-size:12px; }
.ahv-stepper-item span { display:grid; place-items:center; flex:0 0 26px; width:26px; height:26px; border-radius:50%; background:#f0edf3; font-weight:800; }
.ahv-stepper-item.is-active { color:#604283; }
.ahv-stepper-item.is-active span { background:#eee4f7; color:#674198; }
.ahv-upload-drop { display:grid; justify-items:center; gap:8px; padding:25px 16px; border:1.5px dashed #b8a5ca; border-radius:14px; background:#fbf9fd; color:#503875; text-align:center; cursor:pointer; }
.ahv-upload-drop strong { font-size:15px; }
.ahv-upload-drop span { color:#81798a; font-size:12px; }
.ahv-product-basics { margin-top:16px; }
.ahv-image-grid-compact { grid-template-columns:repeat(auto-fill,minmax(100px,1fr)); }
.ahv-add-image { display:grid; place-items:center; min-height:122px; border:1px dashed #cfc7d8; border-radius:12px; background:#fbfafc; color:#766c80; font-size:12px; cursor:pointer; }
.ahv-product-fields { display:grid; gap:16px; margin-top:18px; }
.ahv-tag-editor,.ahv-point-editor { display:grid; gap:9px; min-width:0; }
.ahv-tag-heading { display:flex; align-items:baseline; justify-content:space-between; gap:10px; color:#544d5d; font-size:12px; font-weight:800; }
.ahv-tag-heading small { color:#928b98; font-size:10px; font-weight:500; }
.ahv-tag-list { display:flex; flex-wrap:wrap; gap:7px; min-height:22px; }
.ahv-tag-chip { display:inline-flex; align-items:center; gap:7px; max-width:100%; padding:5px 7px 5px 10px; border:1px solid #e5dcee; border-radius:999px; background:#f8f4fb; color:#60477b; font-size:11px; overflow-wrap:anywhere; }
.ahv-tag-remove { display:grid; place-items:center; width:18px; height:18px; border:0; border-radius:50%; background:#e9e0f0; color:#60477b; line-height:1; cursor:pointer; }
.ahv-tag-add-row { display:flex; gap:8px; }
.ahv-tag-add-row input,.ahv-point-row input { flex:1; min-width:0; border:1px solid #ded9e4; border-radius:10px; padding:10px 12px; font:inherit; font-size:13px; }
.ahv-point-row { display:flex; gap:8px; align-items:center; }
.ahv-product-save-actions { justify-content:flex-end; padding-top:12px; border-top:1px solid #f0edf2; }
.ahv-help { margin:9px 0 0; color:#827b89; font-size:12px; line-height:1.55; }
.ahv-plan-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.ahv-plan-product-picker { max-width:480px; margin:0 0 18px; }
.ahv-plan-empty { margin:0 0 14px; }
.ahv-toggle-card { display:grid; grid-template-columns:20px minmax(0,1fr); align-items:center; gap:4px 10px; min-height:56px; padding:12px; border:1px solid var(--ahv-line); border-radius:12px; background:#fbfafc; color:#50495a; font-size:13px; font-weight:700; }
.ahv-toggle-card input { grid-row:span 2; width:18px; height:18px; accent-color:var(--ahv-purple); }
.ahv-toggle-card small { color:#8a8490; font-size:11px; font-weight:400; }
.ahv-auto-video-switch { grid-template-columns:44px minmax(0,1fr); cursor:pointer; transition:border-color .18s ease,background .18s ease; }
.ahv-auto-video-switch:hover { border-color:#cbb9dc; background:#f8f4fc; }
.ahv-auto-video-switch input[type="checkbox"] { appearance:none; -webkit-appearance:none; position:relative; box-sizing:border-box; grid-row:span 2; width:44px; height:24px; margin:0; border:1px solid #bdb6c5; border-radius:999px; background:#d8d4dd; cursor:pointer; transition:background .18s ease,border-color .18s ease; }
.ahv-auto-video-switch input[type="checkbox"]::before { content:""; position:absolute; top:2px; left:2px; width:18px; height:18px; border-radius:50%; background:#fff; box-shadow:0 1px 3px #20152b33; transition:transform .18s ease; }
.ahv-auto-video-switch input[type="checkbox"]:checked { border-color:var(--ahv-purple); background:var(--ahv-purple); }
.ahv-auto-video-switch input[type="checkbox"]:checked::before { transform:translateX(20px); }
.ahv-auto-video-switch input[type="checkbox"]:focus-visible { outline:3px solid #bba1d8; outline-offset:3px; }
.ahv-auto-video-switch input[type="checkbox"]:disabled { border-color:#d9d5de; background:#e9e6ec; cursor:not-allowed; }
.ahv-auto-video-switch input[type="checkbox"]:disabled:checked { border-color:#b7a4cb; background:#b7a4cb; }
.ahv-auto-video-switch input[type="checkbox"]:disabled::before { box-shadow:none; }
.ahv-auto-video-switch:has(input:disabled) { cursor:not-allowed; opacity:.72; }
.ahv-mode-ratio { grid-column:span 2; }
.ahv-mode-presets { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:7px; }
.ahv-mode-preset { min-height:42px; padding:6px 8px; border:1px solid #ded9e4; border-radius:10px; background:#fff; color:#655d6d; font:inherit; font-size:11px; font-weight:700; line-height:1.3; cursor:pointer; }
.ahv-mode-preset:hover { border-color:#bda9d0; background:#fbf8fd; }
.ahv-mode-preset.is-active { border-color:#8b68ad; background:#f2eaf8; color:#563476; box-shadow:inset 0 0 0 1px #8b68ad; }
.ahv-mode-preset:focus-visible { outline:3px solid #bba1d8; outline-offset:2px; }
.ahv-mode-ratio > small { color:#827b89; font-size:11px; font-weight:400; }
.ahv-mode-explanation { padding:11px 13px; border-radius:10px; background:#f8f5fb; }
.ahv-estimate-card { display:grid; gap:4px; align-content:center; padding:12px; border:1px solid #e5dcee; border-radius:12px; background:#faf7fd; }
.ahv-estimate-card span,.ahv-estimate-card small { color:#807489; font-size:11px; }
.ahv-estimate-card strong { color:#5c3c7b; font-size:18px; }
.ahv-estimate-card .ahv-estimate-allowance { color:#5c3c7b; font-size:12px; font-weight:700; }
.ahv-quota-warning { margin:4px 0; padding:7px 9px; border:1px solid #eed89e; border-radius:8px; background:#fff8e6; color:#805c13; font-size:11px; line-height:1.45; }
.ahv-quota-warning[hidden] { display:none; }
.ahv-plan-actions { justify-content:flex-end; }
.ahv-outbox-toolbar { display:flex; align-items:flex-end; gap:10px; flex-wrap:wrap; margin-bottom:15px; }
.ahv-outbox-filter { width:min(220px,100%); }
.ahv-selected-product { margin-right:auto; color:#625b69; font-size:13px; font-weight:700; }
.ahv-pool-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(min(100%,255px),1fr)); gap:12px; }
.ahv-pool-card { overflow:hidden; min-width:0; border:1px solid var(--ahv-line); border-radius:14px; background:#fff; }
.ahv-pool-cover { position:relative; display:grid; place-items:center; overflow:hidden; aspect-ratio:16/9; background:#f0ecf4; color:#827b89; font-size:12px; }
.ahv-pool-cover img { width:100%; height:100%; object-fit:cover; }
.ahv-pool-placeholder { position:absolute; inset:0; display:grid; justify-items:center; gap:7px; width:100%; height:100%; box-sizing:border-box; align-content:center; padding:18px 38px; background:linear-gradient(135deg,#f7f3fa,#eee8f4); color:#74677f; text-align:center; }
.ahv-pool-placeholder[hidden] { display:none; }
.ahv-pool-placeholder-icon { display:grid; place-items:center; width:34px; height:34px; border-radius:50%; background:#fff; color:#7551a0; font-size:13px; box-shadow:0 3px 12px #37224814; }
.ahv-pool-placeholder strong { display:-webkit-box; overflow:hidden; max-width:100%; color:#51445e; font-size:12px; line-height:1.45; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.ahv-pool-placeholder small { color:#8a7e94; font-size:10px; }
.ahv-pool-cover .ahv-demo-pill { position:absolute; top:9px; left:9px; }
.ahv-pool-status { position:absolute; top:9px; right:9px; padding:4px 8px; border-radius:999px; background:#fff; color:#5f5568; font-size:10px; font-weight:800; }
.ahv-pool-status.is-suspected-match { color:#496d50; }
.ahv-pool-status.is-mismatch { color:#9a514a; }
.ahv-pool-status.is-used { color:#746c7b; }
.ahv-pool-body { display:grid; gap:9px; padding:12px; }
.ahv-pool-body h3 { margin:0; font-size:13px; }
.ahv-pool-body p { margin:0; color:#77717d; font-size:11px; line-height:1.55; }
.ahv-pool-tags { min-height:16px; }
.ahv-pool-body .ahv-video-figure { width:100%; }
.ahv-pool-body .ahv-video-media { aspect-ratio:16/9; }
.ahv-task-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.ahv-outbox-summary { display:flex; align-items:center; gap:12px; margin:2px 0 17px; padding:11px 14px; border:1px solid var(--ahv-line); border-radius:11px; background:#fbfafc; color:#706978; font-size:12px; }
.ahv-outbox-summary strong { color:#443b50; font-size:13px; }
.ahv-task-card { min-width:0; padding:15px; border:1px solid var(--ahv-line); border-radius:15px; background:#fff; }
.ahv-task-header { display:flex; justify-content:space-between; align-items:flex-start; gap:12px; margin-bottom:12px; font-size:14px; font-weight:800; }
.ahv-status-badge { flex:0 0 auto; padding:5px 9px; border-radius:999px; background:#f0edf4; color:#6f6779; font-size:10px; }
.ahv-status-badge.is-queued { background:#f0edf4; color:#6b6274; }
.ahv-status-badge.is-generating { background:#fff5df; color:#8b6414; }
.ahv-status-badge.is-pending_publish { background:#eff7f1; color:#477254; }
.ahv-status-badge.is-published { background:#e9f4ee; color:#2d7049; }
.ahv-status-badge.is-failed { background:#fff0ef; color:#a34a42; }
.ahv-task-main { display:grid; grid-template-columns:110px minmax(0,1fr); gap:14px; }
.ahv-task-cover { display:grid; place-items:center; overflow:hidden; aspect-ratio:1; border-radius:11px; background:#f1eef4; color:#8a8390; font-size:11px; text-align:center; }
.ahv-task-cover img { width:100%; height:100%; object-fit:cover; }
.ahv-task-detail { align-content:center; display:grid; gap:7px; }
.ahv-task-detail p { margin:0; color:#716b78; font-size:12px; line-height:1.5; }
.ahv-task-detail .ahv-failure-reason { color:#9a403b; }
.ahv-task-detail .ahv-refund-note { color:#3d7650; font-weight:800; }
.ahv-task-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:17px 0; padding:0; list-style:none; }
.ahv-task-steps li { position:relative; display:grid; justify-items:center; gap:6px; color:#96909b; text-align:center; }
.ahv-task-steps li::before { position:absolute; z-index:0; top:13px; right:50%; width:100%; height:2px; background:#e8e4ec; content:''; }
.ahv-task-steps li:first-child::before { display:none; }
.ahv-task-steps li span { z-index:1; display:grid; place-items:center; width:26px; height:26px; border:2px solid #ded9e4; border-radius:50%; background:#fff; font-size:10px; font-weight:800; }
.ahv-task-steps li strong { font-size:10px; font-weight:600; }
.ahv-task-steps li.is-complete span,.ahv-task-steps li.is-done span { border-color:#6eaa7b; background:#edf8ef; color:#41734a; }
.ahv-task-steps li.is-running span,.ahv-task-steps li.is-current span { border-color:#a583c6; background:#f3ebfa; color:#5e3b7f; }
.ahv-task-steps li.is-failed span { border-color:#d2796f; background:#fff0ef; color:#9e4039; }
.ahv-task-videos { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ahv-task-videos .ahv-video-media { aspect-ratio:9/16; }
.ahv-task-actions { flex-wrap:wrap; }
.ahv-button-small { min-height:32px; padding:0 10px; font-size:11px; }
.ahv-button-disabled { border-color:#e8e4ec; background:#f4f2f6; color:#9c97a1; cursor:not-allowed; }
.ahv-modal-backdrop { position:fixed; z-index:10000; inset:0; display:grid; place-items:center; padding:22px; background:#17131c99; }
.ahv-comparison-dialog { width:min(940px,100%); box-sizing:border-box; min-width:0; max-height:min(92vh,900px); overflow:auto; padding:20px; border-radius:18px; background:#fff; box-shadow:0 25px 70px #170f2066; }
.ahv-real-note { padding:5px 8px; border-radius:7px; background:#eef8f1; color:#3e7650; font-size:11px; font-weight:700; }
.ahv-avatar-gate { display:grid; gap:8px; padding:11px 13px; border:1px solid #eed89e; border-radius:10px; background:#fffaf0; }
.ahv-avatar-gate p { margin:0; }
.ahv-trial-dialog { width:min(560px,100%); }
.ahv-trial-dialog > .ahv-field { margin:14px 0; }
.ahv-trial-dialog .ahv-estimate-card { margin-top:14px; }
.ahv-trial-dialog .ahv-plan-actions { justify-content:flex-end; }
.ahv-trial-dialog .ahv-plan-actions .ahv-button { min-width:150px; }
.ahv-button:disabled { cursor:not-allowed; }
.ahv-modal-header { display:flex; justify-content:space-between; align-items:center; gap:12px; margin-bottom:14px; font-size:17px; font-weight:800; }
.ahv-modal-video-pair { grid-template-columns:repeat(2,minmax(0,1fr)); }
.ahv-modal-video-pair .ahv-video-media { aspect-ratio:9/16; max-height:68vh; }
.ahv-task-card .ahv-demo-note { margin:0; }
@media (max-width:900px) { .ahv-archive-layout { grid-template-columns:260px minmax(0,1fr); } }
@media (max-width:700px) {
  .ahv-archive-layout { grid-template-columns:1fr; }
  .ahv-archive-layout > .ahv-panel { position:static; }
  .ahv-product-card-list { grid-template-columns:1fr 1fr; }
  .ahv-task-list { grid-template-columns:1fr; }
  .ahv-task-main { grid-template-columns:90px minmax(0,1fr); }
  .ahv-plan-grid { grid-template-columns:1fr; }
  .ahv-mode-ratio { grid-column:auto; }
  .ahv-mode-presets { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .ahv-mode-preset:last-child { grid-column:1 / -1; }
  .ahv-outbox-toolbar > * { flex:1 1 auto; }
  .ahv-selected-product { flex:1 0 100%; }
  .ahv-comparison-dialog { padding:14px; }
}
@media (max-width:480px) {
  .ahv-tabs { gap:2px; }
  .ahv-tab { padding:0 5px; font-size:12px; }
  .ahv-product-card-list { grid-template-columns:1fr; }
  .ahv-task-main { grid-template-columns:82px minmax(0,1fr); gap:10px; }
  .ahv-task-card { padding:11px; }
  .ahv-task-videos,.ahv-modal-video-pair { gap:7px; }
  .ahv-task-videos .ahv-video-media,.ahv-modal-video-pair .ahv-video-media { aspect-ratio:9/16; }
  .ahv-task-actions .ahv-button { flex:1 1 130px; }
  .ahv-stepper-item { gap:5px; font-size:10px; }
  .ahv-stepper-item span { width:23px; height:23px; flex-basis:23px; }
  .ahv-modal-backdrop { padding:8px; }
}