/* Tool67 unified AI suite — final refined shell (2026-09-21)
   Visual layer only. Existing image/video route logic remains unchanged. */
:root{
  --t67-ai-bg:#ffffff;
  --t67-ai-soft:#f7f9fc;
  --t67-ai-soft-2:#f1f5f9;
  --t67-ai-line:#d8e0ea;
  --t67-ai-line-strong:#c5cfdb;
  --t67-ai-text:#111827;
  --t67-ai-muted:#64748b;
  --t67-ai-dark:#202b3c;
  --t67-ai-dark-2:#111827;
  --t67-ai-radius:26px;
}
.t67-ai-suite{max-width:1080px;margin:0 auto;padding:12px 0 60px}
.t67-ai-suite .fr-hero{text-align:center;padding:10px 22px 20px}
.t67-ai-suite .fr-kicker{display:inline-flex;align-items:center;gap:7px;margin:0 0 10px;padding:6px 11px;border:1px solid var(--t67-ai-line);border-radius:999px;background:linear-gradient(180deg,#fff,#f4f7fa);color:#475569;font-size:12px;font-weight:800;letter-spacing:.075em;text-transform:uppercase;box-shadow:0 5px 18px rgba(15,23,42,.035)}
.t67-ai-suite .fr-hero h1{margin:0 0 9px;font-size:clamp(42px,5.4vw,64px);line-height:.98;letter-spacing:-.045em;color:var(--t67-ai-text)}
.t67-ai-suite .fr-subtitle{max-width:770px;margin:0 auto;color:var(--t67-ai-muted);font-size:17px;line-height:1.55}

/* Foundational 4-mode tabs */
.t67-ai-suite .core-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0;border:0;background:transparent}
.t67-ai-suite .core-tabs a{display:flex;align-items:center;justify-content:center;min-height:57px;padding:12px 14px;border:1px solid var(--t67-ai-line);border-bottom-color:var(--t67-ai-line-strong);border-radius:18px 18px 0 0;background:linear-gradient(180deg,#fff,#f2f5f8);color:#526174;font-size:15px;font-weight:800;text-decoration:none;text-transform:lowercase;letter-spacing:.005em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,color .16s ease}
.t67-ai-suite .core-tabs a:hover{transform:translateY(-1px);background:#fff;color:#0f172a;box-shadow:0 8px 18px rgba(15,23,42,.05)}
.t67-ai-suite .core-tabs a.active{position:relative;z-index:2;color:#fff;border-color:#566171;background:linear-gradient(180deg,#6b7280,#4b5563);box-shadow:0 12px 24px rgba(15,23,42,.15)}

/* Secondary video-mode nav used on all video creation pages */
.t67-video-subnav{display:flex;align-items:center;justify-content:center;gap:6px;margin:0 0 16px;padding:8px;border:1px solid var(--t67-ai-line);border-radius:16px;background:#f8fafc}
.t67-video-subnav a{flex:0 1 170px;display:flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid transparent;border-radius:11px;color:#64748b;font-size:13px;font-weight:800;text-decoration:none;transition:.16s ease}
.t67-video-subnav a:hover{background:#fff;color:#0f172a;border-color:#e2e8f0}
.t67-video-subnav a.active{background:#fff;color:#111827;border-color:#d1d9e3;box-shadow:0 6px 16px rgba(15,23,42,.07)}

/* Main shell */
.t67-ai-shell{position:relative;border:1px solid var(--t67-ai-line);border-top:0;border-radius:0 0 28px 28px;background:linear-gradient(180deg,#fff 0%,#fbfcfe 100%);padding:26px 26px 28px;box-shadow:0 26px 60px rgba(15,23,42,.065)}
.t67-ai-shell::before{content:"";position:absolute;left:22px;right:22px;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(148,163,184,.34),transparent)}
.t67-ai-composer{display:grid;grid-template-columns:184px minmax(0,1fr);gap:20px;align-items:start;margin-bottom:20px}
.t67-ai-composer.is-text{grid-template-columns:minmax(0,1fr)}

/* Upload surface + thumbnails */
.t67-ai-upload{display:flex;flex-direction:column;gap:10px;min-width:0}
.t67-ai-upload .core-upload-tile,.t67-ai-upload .t67-vref-drop{position:relative;width:100%;min-width:0;height:130px;min-height:130px;margin:0;padding:14px 12px;border:0!important;outline:0!important;border-radius:22px!important;background:radial-gradient(circle at 25% 15%,rgba(99,102,241,.14),transparent 42%),linear-gradient(145deg,#fbfdff,#eff3f8)!important;box-shadow:0 11px 25px rgba(15,23,42,.07),inset 0 0 0 1px rgba(148,163,184,.18)!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:8px;overflow:hidden;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}
.t67-ai-upload .core-upload-tile:hover,.t67-ai-upload .t67-vref-drop:hover{transform:translateY(-2px);box-shadow:0 15px 32px rgba(15,23,42,.105),inset 0 0 0 1px rgba(99,102,241,.20)!important}
.t67-ai-upload .core-upload-tile::after,.t67-ai-upload .t67-vref-drop::after{content:"";position:absolute;width:90px;height:90px;right:-42px;bottom:-44px;border-radius:50%;background:rgba(99,102,241,.075);filter:blur(1px);pointer-events:none}
.t67-ai-upload .core-upload-label,.t67-ai-upload .t67-vscene-empty b{display:block;text-align:center;font-size:17px;line-height:1.15;font-weight:850;color:#111827}
.t67-ai-upload .ico,.t67-ai-upload .t67-vscene-plus{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:rgba(255,255,255,.78);box-shadow:0 5px 16px rgba(15,23,42,.05),inset 0 0 0 1px rgba(148,163,184,.18);color:#536174;font-size:27px}
.t67-ai-upload .ico svg{width:23px;height:23px;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.t67-ai-upload .t67-vscene-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;text-align:center}
.t67-ai-upload .t67-vscene-empty span{display:none}
.t67-ai-upload .core-hidden-input,.t67-ai-upload input[type=file]{display:none}
.t67-ai-reference-list,.t67-vref-images{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.t67-ai-reference-list:empty,.t67-vref-images:empty{display:none!important}
.t67-ai-reference-list .core-reference-item,.t67-vref-images .t67-vref-image{position:relative;min-width:0;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#edf2f7;box-shadow:0 8px 19px rgba(15,23,42,.09),inset 0 0 0 1px rgba(148,163,184,.16);transition:transform .16s ease,box-shadow .16s ease}
.t67-ai-reference-list .core-reference-item:hover,.t67-vref-images .t67-vref-image:hover{transform:translateY(-1px);box-shadow:0 11px 22px rgba(15,23,42,.13)}
.t67-ai-reference-list .core-reference-item img,.t67-vref-images .t67-vref-image img{display:block;width:100%;height:100%;object-fit:cover}
.t67-ai-reference-list .core-reference-number{position:absolute;left:7px;bottom:7px;min-width:24px;height:24px;padding:0 7px;border-radius:999px;display:grid;place-items:center;background:rgba(17,24,39,.76);color:#fff;font-size:11px;font-weight:800;backdrop-filter:blur(4px)}
.t67-vref-images .t67-vref-tools{position:absolute;right:6px;top:6px;display:flex;gap:5px;opacity:.92;transition:opacity .15s ease}
.t67-vref-images .t67-vref-image:hover .t67-vref-tools{opacity:1}
.t67-vref-images .t67-vref-tools button,.t67-vref-images .t67-vref-tools span{width:27px;height:27px;padding:0;border:0;border-radius:999px;background:rgba(17,24,39,.76);color:#fff;display:grid;place-items:center;backdrop-filter:blur(5px)}
.t67-vref-images .t67-vref-tools svg{width:13px;height:13px}
.t67-vref-images .t67-vref-role{position:absolute;left:6px;bottom:6px;max-width:calc(100% - 12px);padding:4px 7px;border-radius:999px;background:rgba(17,24,39,.73);color:#fff;font-size:10px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(4px)}
.t67-vref-upload-state,.t67-vref-unsupported{position:absolute;left:6px;top:6px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.9);color:#334155;font-size:10px;font-weight:800;z-index:2}
.t67-vref-upload-state.is-error,.t67-vref-unsupported{color:#b42318;background:#fff1f1}
.t67-ai-upload-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:2px 2px 0;color:#7b8796;font-size:11px;line-height:1.3}
.t67-ai-upload .fr-create-clear,.t67-ai-upload .t67-vscene-clear{border:0;background:transparent;color:#526174;font-size:11px;font-weight:800;cursor:pointer}
.t67-ai-upload .fr-create-clear:hover,.t67-ai-upload .t67-vscene-clear:hover{color:#111827}

/* Prompt */
.t67-ai-prompt-wrap{min-width:0}
.t67-ai-prompt-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}
.t67-ai-prompt-head label{font-size:13px;font-weight:800;color:#334155}
.t67-ai-sample{border:1px solid var(--t67-ai-line);background:#fff;color:#475569;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;cursor:pointer;transition:.15s ease}
.t67-ai-sample:hover{border-color:#b9c4d1;color:#0f172a;box-shadow:0 5px 13px rgba(15,23,42,.05)}
.t67-ai-prompt,.t67-vscene-prompt,#genPrompt{box-sizing:border-box;width:100%;min-height:250px!important;border:1px solid #ccd6e1!important;border-radius:22px!important;background:linear-gradient(180deg,#f8fafc,#f4f7fa)!important;color:#111827!important;padding:19px 20px!important;font:inherit;font-size:16px!important;line-height:1.58!important;resize:vertical;box-shadow:inset 0 1px 0 rgba(255,255,255,.82)!important;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}
.t67-ai-prompt::placeholder,.t67-vscene-prompt::placeholder,#genPrompt::placeholder{color:#7a8695}
.t67-ai-prompt:focus,.t67-vscene-prompt:focus,#genPrompt:focus{outline:none!important;border-color:#99a7b7!important;background:#fff!important;box-shadow:0 0 0 4px rgba(100,116,139,.11),inset 0 1px 0 rgba(255,255,255,.9)!important}

/* Settings */
.t67-ai-settings{margin-top:1px!important;border-radius:18px!important;border-color:var(--t67-ai-line)!important;background:rgba(255,255,255,.9)!important;box-shadow:0 8px 24px rgba(15,23,42,.035)!important}
.t67-ai-settings .core-compact-toolbar,.t67-ai-settings>.t67-vscene-row{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px!important}
.t67-ai-settings .core-compact-field,.t67-ai-settings .t67-vscene-field{display:flex!important;flex-direction:column;gap:6px;min-width:0}
.t67-ai-settings .core-compact-field>span,.t67-ai-settings .t67-vscene-field>span{font-size:12px;font-weight:800;color:#475569}
.t67-ai-settings select,.t67-ai-settings input,.t67-ai-settings textarea{box-sizing:border-box;width:100%;min-width:0}
.t67-ai-settings select{height:42px;border:1px solid #d5dde7;border-radius:12px;background:#fff;color:#111827;padding:0 32px 0 11px;font-weight:700;box-shadow:0 2px 7px rgba(15,23,42,.025)}
.t67-ai-settings select:focus{outline:none;border-color:#a3afbd;box-shadow:0 0 0 3px rgba(100,116,139,.09)}
.t67-ai-settings .fr-create-reference-note,.t67-ai-settings .t67-vscene-model-info{display:none!important}
.t67-ai-settings #t67SceneSpecific:not([hidden]){display:block;margin-top:14px}
.t67-ai-settings #t67SceneSpecific .t67-vscene-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.t67-ai-settings #t67SceneSpecific label{display:flex;flex-direction:column;gap:6px;color:#475569;font-size:12px;font-weight:700}
.t67-ai-settings #t67SceneSpecific select,.t67-ai-settings #t67SceneSpecific input,.t67-ai-settings #t67SceneSpecific textarea{border:1px solid #d5dde7;border-radius:12px;background:#fff;padding:10px 11px}

/* Optional video/audio guidance */
.t67-ai-extra-toggle{width:100%;border:1px dashed #cbd5e1;background:linear-gradient(180deg,#fbfdff,#f7f9fc);color:#475569;border-radius:13px;padding:10px 11px;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;transition:.15s ease}
.t67-ai-extra-toggle:hover{border-color:#aeb9c7;color:#111827;background:#fff}
.t67-ai-extra-toggle svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.t67-ai-extras{margin:14px 0 18px;border:1px solid var(--t67-ai-line);border-radius:18px;background:#f8fafc;padding:15px}
.t67-ai-extras .t67-vref-extra-group + .t67-vref-extra-group{margin-top:13px;padding-top:13px;border-top:1px solid #e4e9ef}
.t67-ai-extras .t67-vref-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:9px;color:#111827;font-size:13px;font-weight:800}
.t67-ai-extras .t67-vref-head small{color:#7a8795;font-size:11px;font-weight:500}
.t67-ai-extras .t67-vref-add{display:inline-flex;align-items:center;gap:7px;border:1px solid #d4dce5;background:#fff;border-radius:11px;padding:9px 11px;font-size:12px;font-weight:800;color:#475569;cursor:pointer}
.t67-ai-extras .t67-vref-add input{display:none}
.t67-ai-extras .t67-vref-add svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8}
.t67-ai-extras .t67-vref-videos,.t67-ai-extras .t67-vref-audios{display:grid;gap:9px;margin-top:9px}
.t67-ai-extras .t67-vref-video,.t67-ai-extras .t67-vref-audio{display:flex;align-items:center;gap:10px;border:1px solid #e1e7ee;border-radius:13px;background:#fff;padding:9px 10px;box-shadow:0 4px 12px rgba(15,23,42,.025)}
.t67-ai-extras .t67-vref-video video{width:84px;height:58px;object-fit:cover;border-radius:9px;background:#111827}
.t67-ai-extras .t67-vref-video span,.t67-ai-extras .t67-vref-audio b{flex:1;min-width:0;font-size:12px}
.t67-ai-extras .t67-vref-video button,.t67-ai-extras .t67-vref-audio button{border:0;background:#eff3f7;width:27px;height:27px;border-radius:999px;color:#526174;cursor:pointer}
.t67-ai-extras .t67-vref-total{margin-top:9px;color:#7a8795;font-size:11px}
.t67-ai-extras .t67-vref-total.is-error{color:#b42318}

/* Generate button + loading polish */
.t67-ai-run.fr-run.primary,.t67-ai-shell .fr-run.primary{position:relative;isolation:isolate;overflow:hidden;width:100%;min-height:68px;margin-top:18px!important;border-radius:17px!important;background:linear-gradient(180deg,#263244,#1e293b)!important;color:#fff!important;font-size:19px!important;font-weight:850!important;letter-spacing:-.012em;box-shadow:0 13px 28px rgba(15,23,42,.16)!important;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease!important}
.t67-ai-run.fr-run.primary:hover:not(:disabled),.t67-ai-shell .fr-run.primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 17px 34px rgba(15,23,42,.20)!important}
.t67-ai-run.is-loading,.t67-ai-shell .fr-run.is-loading{cursor:wait!important}
.t67-ai-run.is-loading::after,.t67-ai-shell .fr-run.is-loading::after{content:"";position:absolute;z-index:-1;inset:0;transform:translateX(-110%);background:linear-gradient(105deg,transparent 18%,rgba(255,255,255,.15) 42%,rgba(255,255,255,.24) 50%,rgba(255,255,255,.13) 58%,transparent 82%);animation:t67-ai-shimmer 1.35s ease-in-out infinite}
.t67-ai-run.is-loading span::before,.t67-ai-shell .fr-run.is-loading span::before{content:"";display:inline-block;width:15px;height:15px;margin:0 10px -2px 0;border:2px solid rgba(255,255,255,.38);border-top-color:#fff;border-radius:50%;animation:t67-ai-spin .75s linear infinite}
@keyframes t67-ai-spin{to{transform:rotate(360deg)}}
@keyframes t67-ai-shimmer{to{transform:translateX(110%)}}

/* Credits + status */
.t67-ai-credit{position:relative;display:flex!important;align-items:center;min-height:45px;margin-top:13px!important;padding:10px 14px 10px 45px!important;border:1px solid var(--t67-ai-line)!important;border-radius:14px!important;background:linear-gradient(180deg,#fff,#f8fafc)!important;color:#526174!important;font-size:12px!important;line-height:1.45;box-shadow:0 5px 16px rgba(15,23,42,.028)!important}
.t67-ai-credit::before{content:"C";position:absolute;left:13px;top:50%;transform:translateY(-50%);width:23px;height:23px;border-radius:999px;display:grid;place-items:center;background:#202b3c;color:#fff;font-size:10px;font-weight:900;box-shadow:0 4px 9px rgba(15,23,42,.14)}
.t67-ai-credit[data-credit-state="loading"]::before{content:"";box-sizing:border-box;border:2px solid #cbd5e1;border-top-color:#334155;background:transparent;animation:t67-ai-spin .8s linear infinite}
.t67-ai-status{min-height:24px;margin-top:9px!important;padding:0 4px;color:#64748b;font-size:12px;line-height:1.5}
.t67-ai-status.error{color:#b42318}.t67-ai-status.success{color:#087443}.t67-ai-status.working{color:#475569}
.t67-ai-status a{color:inherit;font-weight:800}

/* Image results */
.t67-ai-result{margin-top:15px!important;padding:0!important;border:1px solid var(--t67-ai-line)!important;border-radius:22px!important;overflow:hidden;background:#fff!important;box-shadow:0 16px 36px rgba(15,23,42,.075)!important}
.t67-ai-result .fr-api-result-stage{min-height:270px;background:linear-gradient(180deg,#f8fafc,#eef2f6);padding:16px}
.t67-ai-result .result-box{box-sizing:border-box;width:100%;color:#64748b;font-size:13px;text-align:center}
.t67-ai-result .result-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;padding:0!important}
.t67-ai-result .result-item{overflow:hidden;border:1px solid #dce3eb;border-radius:17px;background:#fff;box-shadow:0 9px 20px rgba(15,23,42,.055);transition:transform .16s ease,box-shadow .16s ease}
.t67-ai-result .result-item:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(15,23,42,.09)}
.t67-ai-result .result-img{position:relative;overflow:hidden;min-height:250px;background:linear-gradient(145deg,#f1f5f9,#e8edf3)}
.t67-ai-result .result-img>img{display:block;width:100%;height:auto;min-height:250px;object-fit:cover}
.t67-ai-result .slot-state{display:grid;place-items:center}
.t67-ai-result .slot-copy{display:flex;flex-direction:column;align-items:center;gap:8px;color:#64748b}
.t67-ai-result .slot-copy b{color:#334155;font-size:13px}
.t67-ai-result .slot-copy .spinner{width:28px;height:28px;border:3px solid #dbe2ea;border-top-color:#475569;border-radius:50%;animation:t67-ai-spin .75s linear infinite}
.t67-ai-result .result-actions{padding:10px 12px;border-top:1px solid #edf1f5;background:#fff}
.t67-ai-result .result-actions a,.t67-ai-result .result-action-btn{border-radius:10px!important;font-size:12px!important;font-weight:800!important}
.t67-ai-result .result-hover-actions{backdrop-filter:blur(4px)}

/* Video result */
.t67-ai-result-stage{position:relative;min-height:380px;background:radial-gradient(circle at 50% 0%,#273447,#111827 62%);display:grid;place-items:center;border-radius:21px;overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)}
.t67-ai-result-stage::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 18%,transparent 82%,rgba(0,0,0,.12))}
.t67-ai-result-stage video{position:relative;z-index:1;display:block;width:100%;height:auto;max-height:74vh;background:#000}
.t67-vscene-busy{position:absolute;z-index:3;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,rgba(51,65,85,.66),rgba(15,23,42,.82));backdrop-filter:blur(4px)}
.t67-vscene-busy-card{position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:210px;padding:24px 28px;border:1px solid rgba(255,255,255,.58);border-radius:20px;background:rgba(255,255,255,.92);color:#111827;box-shadow:0 22px 55px rgba(0,0,0,.22);backdrop-filter:blur(10px)}
.t67-vscene-busy-card::after{content:"";position:absolute;left:-55%;top:0;width:40%;height:100%;transform:skewX(-18deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.76),transparent);animation:t67-busy-sweep 2.1s ease-in-out infinite}
@keyframes t67-busy-sweep{0%{left:-55%}65%,100%{left:120%}}
.t67-vscene-spinner{width:34px;height:34px;border-radius:50%;border:3px solid rgba(15,23,42,.14);border-top-color:#1f2937;animation:t67-ai-spin .75s linear infinite}
.t67-vscene-busy-card strong{font-size:14px}.t67-vscene-busy-card span:last-child{font-size:12px;color:#64748b;font-variant-numeric:tabular-nums}
.t67-vscene-download{position:absolute;z-index:4;right:15px;top:15px;width:45px;height:45px;border-radius:999px;background:rgba(255,255,255,.94);color:#111827;display:grid;place-items:center;text-decoration:none;font-size:20px;box-shadow:0 10px 24px rgba(0,0,0,.18);backdrop-filter:blur(8px)}
.t67-vscene-download:hover{transform:translateY(-1px);background:#fff}

.t67-ai-hidden{display:none!important}

/* Dark mode harmonization */
html[data-theme="dark"] .t67-ai-suite .fr-hero h1{color:#f8fafc}
html[data-theme="dark"] .t67-ai-suite .fr-subtitle{color:#94a3b8}
html[data-theme="dark"] .t67-ai-suite .core-tabs a{background:#18202d;color:#aeb9c7;border-color:#334155}
html[data-theme="dark"] .t67-ai-suite .core-tabs a.active{background:linear-gradient(180deg,#5d6673,#404957);color:#fff}
html[data-theme="dark"] .t67-ai-shell{background:linear-gradient(180deg,#131b27,#111827);border-color:#334155}
html[data-theme="dark"] .t67-ai-prompt,html[data-theme="dark"] .t67-vscene-prompt,html[data-theme="dark"] #genPrompt{background:#18212e!important;border-color:#3b4758!important;color:#f8fafc!important}
html[data-theme="dark"] .t67-ai-settings{background:#151d29!important;border-color:#334155!important}
html[data-theme="dark"] .t67-ai-settings select{background:#111827;color:#e5e7eb;border-color:#3b4758}
html[data-theme="dark"] .t67-ai-settings .core-compact-field>span,html[data-theme="dark"] .t67-ai-settings .t67-vscene-field>span{color:#cbd5e1}
html[data-theme="dark"] .t67-ai-credit{background:#151d29!important;border-color:#334155!important;color:#aeb9c7!important}
html[data-theme="dark"] .t67-video-subnav{background:#131b27;border-color:#334155}
html[data-theme="dark"] .t67-video-subnav a.active{background:#202a38;color:#fff;border-color:#3b4758}

@media (max-width:980px){
  .t67-ai-settings .core-compact-toolbar,.t67-ai-settings>.t67-vscene-row,.t67-ai-settings #t67SceneSpecific .t67-vscene-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .t67-ai-composer{grid-template-columns:168px minmax(0,1fr)}
}
@media (max-width:760px){
  .t67-ai-suite{padding-bottom:42px}
  .t67-ai-suite .fr-hero{padding-left:15px;padding-right:15px}
  .t67-ai-suite .fr-hero h1{font-size:44px}
  .t67-ai-suite .fr-subtitle{font-size:15px}
  .t67-ai-suite .core-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}
  .t67-ai-suite .core-tabs a{min-height:48px;border-radius:14px;font-size:13px;border-bottom:1px solid var(--t67-ai-line)}
  .t67-ai-shell{padding:17px 13px 20px;border-top:1px solid var(--t67-ai-line);border-radius:20px}
  .t67-ai-composer{grid-template-columns:1fr;gap:14px}
  .t67-ai-upload .core-upload-tile,.t67-ai-upload .t67-vref-drop{height:116px;min-height:116px}
  .t67-ai-reference-list,.t67-vref-images{grid-template-columns:repeat(3,minmax(0,1fr))}
  .t67-ai-prompt,.t67-vscene-prompt,#genPrompt{min-height:210px!important;border-radius:17px!important}
  .t67-ai-settings .core-compact-toolbar,.t67-ai-settings>.t67-vscene-row,.t67-ai-settings #t67SceneSpecific .t67-vscene-row{grid-template-columns:1fr!important}
  .t67-video-subnav{overflow-x:auto;justify-content:flex-start;padding:6px}
  .t67-video-subnav a{flex:0 0 auto;min-width:120px}
  .t67-ai-result-stage{min-height:245px}
  .t67-ai-run.fr-run.primary,.t67-ai-shell .fr-run.primary{min-height:60px!important;font-size:17px!important}
}
@media (max-width:430px){
  .t67-ai-reference-list,.t67-vref-images{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t67-ai-suite .fr-hero h1{font-size:38px}
}