/* Shared monochrome template surface; Generate keeps the brand accent. */
#view-generate.quick-format-mode .generate-hero{display:none}
#view-generate.quick-format-mode #templateBrief{max-width:500px;margin:12px auto 20px;padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary,#111817)}
.quick-format-intro h2{font-family:var(--font-display);font-size:clamp(25px,4vw,36px);margin:12px 0}
.quick-format-intro p,#quickInputHint,.quick-format-scope,.quick-format-footer p{color:var(--text-secondary);font-size:12px;line-height:1.6}
.quick-format-upload{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:112px;margin:12px 0 6px;padding:12px;background:var(--bg,#090e0d);border:1px dashed var(--border-strong,#38564c);border-radius:12px;overflow:hidden}
.quick-format-upload img{max-width:100%;max-height:170px;object-fit:contain;border-radius:8px}
.quick-format-upload input[type=file]{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}
.quick-format-upload:focus-within{outline:2px solid var(--teal);outline-offset:3px}
.quick-format-upload span{font-size:12px;color:var(--text-secondary)}
.quick-format-options{margin:12px 0;color:var(--text-secondary);font-size:13px}
.quick-format-options summary{cursor:pointer;padding:8px 0}
.quick-format-options label{display:block;margin:12px 0 8px}
.quick-format-options [hidden]{display:none!important}
.quick-format-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-format-pair .quick-format-upload{min-width:0}
.quick-format-upload h3{font-size:15px;color:var(--text-primary)}
.quick-format-settings{margin:12px 0;color:var(--text-primary);font-size:13px}
.quick-format-settings label{display:block;margin-bottom:8px}
.quick-format-settings select{background:var(--bg,#090e0d);color:var(--text-primary);border:1px solid var(--border);border-radius:10px;padding:12px;min-width:140px}
.quick-format-settings p{color:var(--text-secondary);font-size:12px;margin-top:8px;line-height:1.5}
@media(max-width:600px){.quick-format-pair{grid-template-columns:1fr;gap:0}.quick-format-settings select{width:100%}}
.quick-format-options textarea,.quick-format-options select{width:100%;background:var(--bg,#090e0d);color:var(--text-primary);border:1px solid var(--border-strong);border-radius:10px;padding:12px;font:inherit}
.quick-format-options textarea{resize:vertical;line-height:1.5}
.quick-format-footer{padding-top:4px}.quick-format-footer button{min-height:46px;width:100%}
.quick-format-footer button:disabled{opacity:.45;cursor:not-allowed}
.quick-format-upload :focus-visible,.quick-format-options :focus-visible{outline:2px solid var(--teal);outline-offset:4px}
@media(max-width:700px){#view-generate.quick-format-mode #templateBrief{padding:14px;margin:0 auto 16px}.quick-format-upload{min-height:112px;padding:12px}.quick-format-intro h2{font-size:25px}}

#view-generate.quick-format-mode #templateBrief{
  --template-white:#fff;--template-muted:#fff;--template-edge:#454545;
  background:linear-gradient(155deg,#202020 0%,#171717 48%,#101010 100%);
  border-color:#363636;color:var(--template-white);
}
.quick-format-intro{text-align:center}
.quick-format-intro h2{
  text-transform:uppercase;letter-spacing:.1em;word-spacing:.12em;line-height:1.2;
  font-size:clamp(18px,2vw,22px);margin:10px 0;font-weight:700;color:#fff;text-wrap:balance;
}
@supports (-webkit-background-clip:text) or (background-clip:text){
  .quick-format-intro h2{
    background:linear-gradient(to bottom,#fff 0%,#fff 50%,#d8d8d8 65%,#858585 80%,#090909 100%);
    background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  }
}
#templateBrief .quick-format-intro>span{color:#fff}
#templateBrief .quick-format-upload{
  background:#080808;
  border-color:var(--template-edge);color:#fff;
}
#templateBrief .quick-format-upload h3{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#fff}
#templateBrief .quick-format-upload .btn-primary,#templateBrief .quick-format-upload button{
  background:#444;
  color:#fff;border:1px solid #666;border-radius:12px;box-shadow:none;
}
#templateBrief .quick-format-upload .btn-primary:hover,#templateBrief .quick-format-upload button:hover{
  background:#555;border-color:#888;color:#fff;
}
#templateBrief .quick-format-options textarea,#templateBrief .quick-format-options select,
#templateBrief .quick-format-settings select{
  background:#080808;border-color:#555;color:#fff;
}
#templateBrief select option{background:#101010;color:#fff}
#templateBrief .quick-format-intro p,#templateBrief #quickInputHint,
#templateBrief .quick-format-scope,#templateBrief .quick-format-footer p,
#templateBrief .quick-format-upload span,#templateBrief .quick-format-options,
#templateBrief .quick-format-settings p{color:var(--template-muted)}
#templateBrief .quick-format-settings{color:#fff}
#templateBrief .quick-format-settings #quickModelStatus{margin-top:4px;margin-bottom:0;line-height:1.5}
#templateBrief .quick-format-footer{padding-top:10px}
#templateBrief :focus-visible,#templateBrief .quick-format-upload:focus-within{outline-color:#fff}
@media(forced-colors:active){.quick-format-intro h2{background:none;color:CanvasText;-webkit-text-fill-color:CanvasText}}