:root { --ink:#171713; --paper:#f4f0e8; --cream:#fffdf8; --red:#f05a3c; --blue:#6258ff; --line:#d9d1c5; --muted:#6d6a63 }
* { box-sizing:border-box }
html { scroll-behavior:smooth }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif }
img { display:block; max-width:100% }
button,select,textarea { font:inherit }
a { text-decoration:none; color:inherit }
.shell { width:min(1180px,calc(100% - 40px)); margin:auto }
.header { background:rgba(255,253,248,.92); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:50; backdrop-filter:blur(14px) }
.wrap { width:min(1180px,calc(100% - 40px)); margin:auto }
.nav { min-height:66px; display:flex; align-items:center; justify-content:space-between }
.logo { font-size:26px; font-weight:900; letter-spacing:-1px }
.logo span { color:var(--red) }
.t67-menu { display:flex; gap:22px; align-items:center }
.t67-nav-link { font-size:14px; font-weight:700 }
.t67-mega,.t67-panel { display:none }
.t67-mobile-toggle { display:none }
.hero { padding:78px 0 54px; overflow:hidden }
.hero-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:64px; align-items:center }
.eyebrow,.section-title>span,.strip-copy>span,.lens-grid>div:first-child>span,.panel-label,.desk-head span {
    font-size:12px;
    letter-spacing:.18em;
    font-weight:900;
    color:var(--red)
}
h1,h2,h3,p { margin-top:0 }
.hero h1 { font-family:Georgia,serif; font-size:clamp(52px,6.2vw,92px); line-height:.94; letter-spacing:-.055em; margin:20px 0 26px }
.hero h1 em { font-weight:400; color:var(--red) }
.hero-copy>p { font-size:19px; line-height:1.65; color:var(--muted); max-width:590px }
.hero-actions { display:flex; gap:12px; margin:34px 0 }
.btn,.generate { border:1px solid var(--ink); padding:14px 20px; border-radius:999px; font-weight:800 }
.btn.primary,.generate { background:var(--ink); color:#fff }
.btn.ghost { background:transparent }
.hero-note { display:flex; gap:8px; font-size:13px; border-top:1px solid var(--line); padding-top:18px }
.hero-note span { color:var(--muted) }
.idea-stage { background:#11110f; color:#fff; border-radius:6px; padding:22px; box-shadow:20px 28px 0 rgba(240,90,60,.13); transform:rotate(1deg) }
.stage-top,.brief-head,.stage-toolbar { display:flex; justify-content:space-between; align-items:center; font-size:11px; letter-spacing:.14em }
.live { color:#99ffb4 }
.idea-line { font-family:Georgia,serif; font-size:25px; line-height:1.25; margin:28px 0 18px }
.director-tags { display:flex; flex-wrap:wrap; gap:8px; margin-bottom:18px }
.director-tags span { font-size:10px; padding:7px 9px; border:1px solid #3f3f38 }
.frame-board { position:relative; aspect-ratio:16/10; overflow:hidden; background:#222 }
.frame-board img { width:100%; height:100%; object-fit:cover }
.frame-lines {
    position:absolute;
    inset:0;
    background:linear-gradient(90deg,transparent 33%,rgba(255,255,255,.22) 33.2%,transparent 33.5%,transparent 66%,rgba(255,255,255,.22) 66.2%,transparent 66.5%),linear-gradient(transparent 50%,rgba(255,255,255,.18) 50.2%,transparent 50.5%)
}
.frame-caption { position:absolute; left:16px; right:16px; bottom:14px; display:flex; justify-content:space-between; align-items:end }
.frame-caption strong { font-size:18px }
.frame-caption small { text-transform:uppercase; letter-spacing:.12em }
.palette { display:flex; gap:8px; margin-top:18px }
.palette i { height:7px; flex:1; background:#d4814b }
.palette i:nth-child(2) { background:#75604c }
.palette i:nth-child(3) { background:#b8a88a }
.palette i:nth-child(4) { background:#ebe1ca }
.director { padding:80px 0 }
.section-title { text-align:center; margin-bottom:36px }
.section-title.compact { text-align:left }
.section-title h2,.strip-copy h2,.lens-grid h2 { font-family:Georgia,serif; font-size:clamp(38px,5vw,64px); letter-spacing:-.04em; margin:10px 0 12px }
.section-title p { color:var(--muted) }
.mode-rail { display:grid; grid-template-columns:repeat(6,1fr); border:1px solid var(--line); background:var(--cream) }
.mode-rail button { background:transparent; border:0; border-right:1px solid var(--line); padding:18px 12px; text-align:left; font-weight:900; cursor:pointer }
.mode-rail button:last-child { border-right:0 }
.mode-rail button small { display:block; color:var(--muted); font-weight:500; margin-top:5px }
.mode-rail button.active { background:var(--red); color:#fff }
.mode-rail button.active small { color:#fff }
.brief-desk { display:grid; grid-template-columns:1.25fr .75fr; gap:26px; margin-top:26px }
.idea-form,.brief-card { background:var(--cream); border:1px solid var(--line); padding:28px }
.idea-form label,.director-panel label,.visual-brief label { display:block; font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase }
.idea-form textarea,.idea-form select,.director-panel select,.visual-brief textarea,.visual-brief select {
    width:100%;
    margin-top:9px;
    border:1px solid var(--line);
    background:#fff;
    padding:13px;
    color:var(--ink)
}
.idea-form textarea { font-family:Georgia,serif; font-size:22px; line-height:1.4; resize:vertical }
.idea-parts,.more-panel,.desk-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:18px }
.more-toggle { margin-top:18px; background:none; border:0; padding:0; font-weight:900; cursor:pointer }
.more-panel { display:none }
.more-panel.open { display:grid }
.brief-card { background:#171713; color:#fff; display:flex; flex-direction:column }
.brief-head button,.brief-actions button { border:1px solid #4c4a43; color:#fff; background:none; padding:8px 10px }
.brief-card>p { font-family:Georgia,serif; font-size:21px; line-height:1.55; margin:30px 0; flex:1 }
.brief-actions { display:flex; gap:8px }
.brief-card .generate { display:block; text-align:center; margin-top:20px; background:var(--red); border-color:var(--red) }
.story-strip { background:var(--blue); color:#fff; padding:58px 0 }
.story-strip .shell { display:grid; grid-template-columns:.7fr 1.3fr; gap:50px; align-items:center }
.beats { display:grid; grid-template-columns:repeat(6,1fr); gap:8px }
.beats div { border-top:1px solid rgba(255,255,255,.5); padding-top:12px }
.beats b { font-family:Georgia,serif; font-size:34px }
.beats span { display:block; font-size:10px; letter-spacing:.12em; margin-top:12px }
.examples { padding:90px 0 }
.editorial-grid { display:grid; grid-template-columns:repeat(12,1fr); gap:18px }
.feature { grid-column:span 4; background:#fff; border:1px solid var(--line); overflow:hidden }
.feature.wide { grid-column:span 8; display:grid; grid-template-columns:1.25fr .75fr }
.feature.tall { grid-row:span 2 }
.feature img { width:100%; height:300px; object-fit:cover }
.feature.tall img { height:500px }
.feature.wide img { height:100%; min-height:360px }
.feature>div { padding:22px }
.feature span { font-size:10px; letter-spacing:.12em; color:var(--red); font-weight:900 }
.feature h3 { font-family:Georgia,serif; font-size:28px; margin:10px 0 }
.feature p { color:var(--muted); line-height:1.6 }
.feature button { border:0; background:none; padding:0; border-bottom:1px solid var(--ink); font-weight:800; cursor:pointer }
.prompt-lens { background:#e9e1d3; padding:72px 0 }
.lens-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:50px; align-items:center }
.lens-flow { display:grid; grid-template-columns:1.25fr auto repeat(4,1fr); gap:10px; align-items:stretch }
.lens-flow>b,.lens-flow>span { background:#fff; border:1px solid var(--line); padding:16px }
.lens-flow>i { align-self:center }
.lens-flow span { font-size:10px; letter-spacing:.1em }
.lens-flow strong { display:block; font-size:13px; letter-spacing:0; margin-top:8px }
.faq-section { padding:80px 0 }
.faq { max-width:860px }
.faq details { border-top:1px solid var(--line); padding:18px 0 }
.faq summary { font-weight:900; cursor:pointer }
.faq p { color:var(--muted); line-height:1.6 }
.footer { border-top:1px solid var(--line); padding:34px 20px; text-align:center; background:#fff }
.footer-links { display:flex; justify-content:center; flex-wrap:wrap; gap:15px; font-size:13px }
.footer-desc { max-width:850px; margin:18px auto 0; color:var(--muted); font-size:12px; line-height:1.6 }
.desk-page { padding:38px }
.desk-head { display:flex; justify-content:space-between; align-items:end; margin:0 auto 24px; max-width:1500px }
.desk-head h1 { font-family:Georgia,serif; font-size:52px; margin:8px 0 0 }
.desk-status { text-align:right }
.desk-status b { display:block; color:#23a65a; font-size:12px; letter-spacing:.14em }
.desk-status small { color:var(--muted) }
.direction-desk { max-width:1500px; margin:auto; display:grid; grid-template-columns:360px minmax(500px,1fr) 300px; gap:18px }
.visual-brief,.frame-stage,.director-panel { background:#fff; border:1px solid var(--line); padding:22px }
.visual-brief textarea { resize:vertical }
.visual-brief textarea:first-of-type { font-family:Georgia,serif; font-size:18px }
.desk-row { grid-template-columns:1fr 1fr }
.secondary { width:100%; padding:12px; background:#fff; border:1px solid var(--ink); font-weight:800 }
.stage-toolbar button { border:0; background:none; font-size:10px; font-weight:900 }
.stage-toolbar button.active { color:var(--red) }
.empty-frame { margin-top:18px; min-height:520px; background:#171713; position:relative; color:#fff; display:flex; align-items:center; justify-content:center; overflow:hidden }
.guide-v,.guide-h { position:absolute; background:rgba(255,255,255,.15) }
.guide-v { width:1px; top:0; bottom:0; left:50% }
.guide-h { height:1px; left:0; right:0; top:50% }
.focus-box { position:absolute; width:36%; height:50%; border:1px solid rgba(255,255,255,.45); left:32%; top:25% }
.focus-box span { font-size:9px; position:absolute; top:-18px }
.frame-meta { position:absolute; left:18px; right:18px; bottom:16px; display:flex; justify-content:space-between }
.empty-frame>p { color:#aaa }
.filmstrip { display:flex; gap:8px; margin-top:12px }
.filmstrip span { width:46px; height:32px; display:grid; place-items:center; border:1px solid var(--line); font-size:11px }
.filmstrip span.active { background:var(--red); color:#fff }
.director-panel label { margin-top:15px }
.director-panel .big { width:100%; margin-top:22px; border-radius:0 }
.fine { font-size:11px; color:var(--muted); line-height:1.5 }
.variation-bar { max-width:1500px; margin:18px auto 0; border:1px solid var(--line); background:#fff; padding:14px; display:flex; gap:8px; align-items:center; flex-wrap:wrap }
.variation-bar>span { font-size:10px; font-weight:900; letter-spacing:.12em; margin-right:auto }
.variation-bar button { border:1px solid var(--line); background:#fff; padding:8px 11px }
@media(max-width:900px) {
    .t67-menu { display:none }
    .hero-grid,.brief-desk,.story-strip .shell,.lens-grid,.direction-desk { grid-template-columns:1fr }
    .hero { padding-top:48px }
    .hero h1 { font-size:58px }
    .mode-rail { grid-template-columns:repeat(2,1fr) }
    .mode-rail button { border-bottom:1px solid var(--line) }
    .idea-parts,.more-panel { grid-template-columns:1fr }
    .beats { grid-template-columns:repeat(3,1fr) }
    .feature,.feature.wide,.feature.tall { grid-column:span 12; display:block }
    .feature.tall img,.feature.wide img { height:320px; min-height:0 }
    .lens-flow { grid-template-columns:1fr 1fr }
    .lens-flow>b { grid-column:1/-1 }
    .lens-flow>i { display:none }
    .desk-page { padding:20px }
    .direction-desk { display:flex; flex-direction:column }
    .frame-stage { order:-1 }
    .empty-frame { min-height:420px }
    .desk-head h1 { font-size:38px }
}
@media(max-width:600px) {
    .shell,.wrap { width:min(100% - 24px,1180px) }
    .hero h1 { font-size:46px }
    .hero-copy>p { font-size:16px }
    .hero-actions { flex-direction:column }
    .idea-stage { padding:15px }
    .idea-line { font-size:20px }
    .mode-rail { grid-template-columns:1fr 1fr }
    .brief-desk { gap:12px }
    .idea-form,.brief-card { padding:18px }
    .story-strip { padding:42px 0 }
    .beats b { font-size:26px }
    .editorial-grid { gap:12px }
    .feature img,.feature.tall img,.feature.wide img { height:260px }
    .lens-flow { grid-template-columns:1fr }
    .desk-head { align-items:flex-start; gap:14px }
    .desk-status { display:none }
    .desk-row { grid-template-columns:1fr }
    .variation-bar button { width:100% }
}


/* --- On-page generation workbench --- */
.brief-render-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:18px 0 18px}
.brief-render-toolbar label,.more-panel label{display:flex;flex-direction:column;gap:8px}
.brief-render-toolbar span{font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;color:#cfc8bb}
.brief-render-toolbar select,.more-panel select{min-height:44px;border:1px solid #4c4a43;background:#11110f;color:#fff;padding:10px 12px}
.brief-card p#briefText{margin:20px 0 18px}
.brief-footer{margin-top:18px}
.brief-footer .generate{display:block;width:100%;text-align:center;margin-top:0;border:0;padding:16px 18px;background:var(--red);color:#fff;cursor:pointer;font-weight:900}
.brief-credit{margin-top:12px;color:#d5cfc4;font-size:12px;line-height:1.6}
.brief-credit a{color:#fff}
.brief-status,.brief-model-info{min-height:18px;margin-top:10px;font-size:12px;line-height:1.6;color:#c5bfb4}
.brief-status .status-link{color:#fff}
.brief-model-info{color:#958f84;font-size:11px}
.live-results{padding:0 0 88px}
.result-stage{border:1px solid var(--line);background:#11110f;padding:24px}
.result-box{min-height:340px}
.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.result-item{display:flex;flex-direction:column;gap:12px}
.result-img{position:relative;display:flex;align-items:center;justify-content:center;min-height:320px;max-height:500px;overflow:hidden;background:linear-gradient(180deg,#171713,#23231f);border:1px solid #3f3f38}
.result-img img{display:block;width:100%;height:100%;max-height:500px;object-fit:contain;background:#0f0f0e}
.slot-state{padding:20px}
.slot-copy{display:flex;flex-direction:column;align-items:center;gap:10px;color:#f3eee5;text-align:center}
.slot-copy b{font-size:16px}
.slot-copy span{color:#c8c0b4;font-size:13px;line-height:1.6}
.slot-error{background:linear-gradient(180deg,#2a171c,#1f1216)}
.spinner{width:34px;height:34px;border:3px solid rgba(255,255,255,.18);border-top-color:#fff;border-radius:50%;animation:t2iSpin 1s linear infinite}
@keyframes t2iSpin{to{transform:rotate(360deg)}}
.result-actions{display:flex;justify-content:flex-end}
.result-actions a,.result-action-btn{border:1px solid var(--line);background:#fff;color:var(--ink);padding:9px 12px;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}
.result-actions a.blue{background:#fff}
.result-hover-actions{position:absolute;inset:auto 12px 12px 12px;display:flex;justify-content:flex-end;opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}
.result-main-actions{display:flex;gap:8px;flex-wrap:wrap}
.result-has-tools:hover .result-hover-actions{opacity:1;transform:translateY(0)}
.result-action-btn.primary{background:var(--red);border-color:var(--red);color:#fff}

@media(max-width:900px){
  .brief-render-toolbar{grid-template-columns:1fr}
  .result-stage{padding:16px}
}
@media(max-width:600px){
  .live-results{padding-bottom:64px}
  .result-img{min-height:260px}
}


/* === v3 compact director layout === */
.director .section-title{margin-bottom:20px}
.remix-workbench{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:22px;background:#070707;border-radius:34px;padding:20px;color:#fff}
.remix-left{display:flex;flex-direction:column;gap:16px}
.mode-rail.compact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.mode-rail.compact button{appearance:none;border:1px solid #2b2d36;background:#12131a;color:#fff;border-radius:18px;padding:14px 14px 12px;text-align:left;font:800 17px/1.1 system-ui;cursor:pointer;transition:.2s ease}
.mode-rail.compact button small{display:block;margin-top:8px;font:500 12px/1.4 system-ui;color:#a8acbd}
.mode-rail.compact button.active{background:#d8fb54;color:#0f1116;border-color:#d8fb54}
.mode-rail.compact button.active small{color:#21252f}
.builder-stage{flex:1;display:flex;flex-direction:column;border:1px dashed #353848;border-radius:28px;padding:18px;background:linear-gradient(180deg,#11131b 0%,#0d0e13 100%)}
.builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.builder-head span{font-size:12px;font-weight:900;letter-spacing:.16em;color:#afb6cd}
.builder-head button,.builder-actions button,.prompt-head button{appearance:none;border:1px solid #ccd0dd;background:transparent;color:inherit;border-radius:999px;padding:9px 14px;font:700 13px/1 system-ui;cursor:pointer}
.builder-input{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:900;letter-spacing:.14em;color:#afb6cd;text-transform:uppercase}
.builder-input textarea{min-height:110px;border:1px solid #313443;background:#171924;color:#fff;border-radius:20px;padding:15px 16px;font:500 16px/1.6 system-ui;resize:vertical}
.builder-preview-wrap{display:flex;flex-direction:column;gap:10px;margin-top:14px;flex:1}
.builder-preview-label{font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:#afb6cd}
.builder-preview{min-height:170px;border-radius:24px;background:linear-gradient(180deg,#191c28 0%,#11131b 100%);border:1px solid #323545;padding:18px 18px;font:500 17px/1.72 system-ui;color:#eff3ff;white-space:pre-wrap}
.builder-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.remix-right{background:#fbfbfc;color:#14171f;border-radius:28px;padding:18px 20px;display:flex;flex-direction:column;gap:14px}
.prompt-top{display:flex;flex-direction:column;gap:10px}
.prompt-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.prompt-head span,.compact-select-grid label span{font-size:12px;font-weight:900;letter-spacing:.15em;text-transform:uppercase;color:#707788}
#genPrompt{min-height:132px;border:1px solid #ccd0d8;background:#d9ead7;color:#142016;border-radius:20px;padding:16px 16px;font:500 15px/1.62 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;resize:vertical}
.compact-select-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px 10px}
.compact-select-grid label{display:flex;flex-direction:column;gap:6px}
.compact-select-grid select{min-height:42px;border:1px solid #d3d7df;background:#fff;color:#12161d;border-radius:12px;padding:8px 12px;font:700 14px/1.2 system-ui}
.remix-right .generate{display:block;width:100%;margin-top:2px;border:0;background:#9c87f3;color:#fff;border-radius:16px;padding:15px 16px;font:900 17px/1.1 system-ui;cursor:pointer}
.compact-credit-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;font-size:12px;line-height:1.55;color:#656e80;min-height:36px}
.brief-credit{color:#14171f;font-weight:800}
.brief-credit a{color:#4f46e5}
.brief-status{text-align:right;min-height:auto;margin-top:0}
.brief-model-info{margin-top:-6px;font-size:11px;line-height:1.5;color:#8d95a6;min-height:auto}

@media (max-width:1100px){
  .remix-workbench{grid-template-columns:1fr;gap:18px;padding:18px}
}
@media (max-width:760px){
  .mode-rail.compact{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-select-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-credit-row{flex-direction:column;align-items:flex-start}
}
@media (max-width:520px){
  .remix-workbench{padding:14px;border-radius:24px}
  .mode-rail.compact{grid-template-columns:1fr}
  .builder-preview{min-height:150px;font-size:15px}
  .compact-select-grid{grid-template-columns:1fr 1fr}
}

/* === v4 minimalist workbench refinement === */
.remix-workbench.minimalist{
  display:grid;
  grid-template-columns:minmax(0,.96fr) minmax(360px,.84fr);
  gap:20px;
  background:#080808;
  border-radius:30px;
  padding:18px;
  color:#fff;
  align-items:stretch;
}
.remix-left,.remix-right{min-width:0}
.mode-rail.compact.minimal{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.mode-rail.compact.minimal button{
  appearance:none;
  border:1px solid #2a2d36;
  background:#12141b;
  color:#fff;
  border-radius:14px;
  padding:12px 12px;
  text-align:center;
  font:800 14px/1.15 system-ui;
  cursor:pointer;
  transition:all .18s ease;
}
.mode-rail.compact.minimal button.active{background:#d8fb54;border-color:#d8fb54;color:#111319}
.builder-stage.simple{
  display:flex;
  flex-direction:column;
  min-height:100%;
  border:1px dashed #353848;
  border-radius:24px;
  padding:18px;
  background:linear-gradient(180deg,#10121a 0%,#0d0f15 100%);
}
.builder-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}
.builder-head span{font-size:12px;font-weight:900;letter-spacing:.16em;color:#afb6cd}
.builder-head button,.prompt-head button{
  appearance:none;border:1px solid rgba(255,255,255,.22);background:transparent;color:#fff;border-radius:999px;padding:8px 13px;font:700 12px/1 system-ui;cursor:pointer
}
.mode-helper{margin:0 0 14px;color:#97a0b6;font-size:13px;line-height:1.6}
.builder-input{display:flex;flex-direction:column;gap:8px;color:#afb6cd;font-size:12px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}
.builder-input span{display:block}
.builder-input textarea{
  min-height:230px;
  border:1px solid #2e3240;
  background:#171924;
  color:#fff;
  border-radius:18px;
  padding:16px;
  font:500 16px/1.65 system-ui;
  resize:vertical;
}
.remix-right.compact-panel{
  background:#fbfbfc;
  color:#14171f;
  border-radius:24px;
  padding:16px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.prompt-top.compact{display:flex;flex-direction:column;gap:8px}
.prompt-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.prompt-head span,.compact-select-grid label span{
  font-size:11px;
  font-weight:900;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:#687082;
}
#genPrompt{
  min-height:118px;
  border:1px solid #cad0d9;
  background:#d9ead7;
  color:#142016;
  border-radius:16px;
  padding:14px 15px;
  font:500 15px/1.58 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  resize:vertical;
}
.compact-select-grid.refined{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px 10px}
.compact-select-grid.refined label{display:flex;flex-direction:column;gap:5px}
.compact-select-grid.refined select{
  min-height:38px;
  border:1px solid #d3d8e0;
  background:#fff;
  color:#131720;
  border-radius:10px;
  padding:7px 11px;
  font:700 14px/1.2 system-ui;
}
.remix-right .generate{
  display:block;
  width:100%;
  border:0;
  background:#9c87f3;
  color:#fff;
  border-radius:14px;
  padding:14px 16px;
  font:900 18px/1.05 system-ui;
  cursor:pointer;
  margin-top:2px;
}
.compact-credit-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
  font-size:12px;
  line-height:1.55;
  color:#677183;
  min-height:28px;
}
.brief-credit{color:#14171f;font-weight:800;margin-top:0}
.brief-credit a{color:#4f46e5}
.brief-status{margin-top:0;min-height:auto;text-align:right}
.brief-model-info{margin-top:-4px;font-size:11px;line-height:1.45;color:#8b92a2;min-height:auto}

@media(max-width:1100px){
  .remix-workbench.minimalist{grid-template-columns:1fr;gap:16px;padding:16px}
}
@media(max-width:760px){
  .mode-rail.compact.minimal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-select-grid.refined{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compact-credit-row{flex-direction:column;align-items:flex-start}
  .builder-input textarea{min-height:190px}
}
@media(max-width:520px){
  .remix-workbench.minimalist{padding:14px;border-radius:24px}
  .mode-rail.compact.minimal{grid-template-columns:1fr 1fr}
  .compact-select-grid.refined{grid-template-columns:1fr 1fr}
  .builder-stage.simple,.remix-right.compact-panel{padding:14px}
  #genPrompt{min-height:104px}
}

/* Tool67 image-page dark compatibility patch — visual only */
html[data-theme="dark"],body.dark{--ink:#f4f6f8;--paper:#0b0e13;--cream:#151a22;--line:#303846;--muted:#a3acb8;}
body.dark .idea-form textarea,body.dark .idea-form select,body.dark .director-panel select,body.dark .visual-brief textarea,body.dark .visual-brief select,body.dark .feature,body.dark .lens-flow>b,body.dark .lens-flow>span,body.dark .footer,body.dark .visual-brief,body.dark .frame-stage,body.dark .director-panel,body.dark .secondary,body.dark .variation-bar,body.dark .variation-bar button,body.dark .result-actions a,body.dark .result-action-btn,body.dark .result-actions a.blue,body.dark .compact-select-grid select,body.dark .compact-select-grid.refined select{background:#151a22!important;border-color:#303846!important;color:#e5e7eb;}
body.dark input,body.dark select,body.dark textarea{background-color:#111722;color:#e5e7eb;border-color:#303846;}
body.dark input::placeholder,body.dark textarea::placeholder{color:#7f8a99;}