/* ════════════════════════════════════════════
   Plus upgrade prompt (shown when free user hits limit)
   ════════════════════════════════════════════ */
.plus-prompt{background:linear-gradient(135deg,rgba(245,166,35,.08),rgba(245,166,35,.02));border:0.0625rem solid rgba(245,166,35,.25);border-radius:var(--r);padding:1rem 1.125rem;margin:1rem 0}
.plus-prompt-title{font-family:var(--fd);font-size:0.9375rem;font-weight:700;color:var(--snow);margin-bottom:0.25rem;display:flex;align-items:center;gap:0.5rem}
.plus-prompt-title .plus-mark{display:inline-flex;align-items:center;justify-content:center;padding:0.125rem 0.375rem;border-radius:0.1875rem;background:var(--gold);color:#000;font-family:var(--fm);font-size:0.5625rem;font-weight:700;letter-spacing:.04em}
.plus-prompt-body{font-size:0.78125rem;color:var(--cloud);line-height:1.55;margin-bottom:0.625rem}
.plus-prompt-btn{display:inline-flex;align-items:center;gap:0.3125rem;padding:0.4375rem 0.75rem;background:var(--gold);color:#000;border-radius:0.375rem;font-family:var(--fm);font-size:0.6875rem;font-weight:700}
.plus-prompt-btn svg{width:0.625rem;height:0.625rem}

/* ════════════════════════════════════════════
   Footer
   ════════════════════════════════════════════ */
.footer{padding:2rem 1.75rem;border-top:0.0625rem solid var(--rim);margin-top:3rem;text-align:center}
.footer-disc{font-family:var(--fm);font-size:0.6875rem;color:var(--fog);line-height:1.7;max-width:38.75rem;margin:0 auto 0.625rem}
.footer-disc b{color:var(--cloud)}
.footer-nav{display:flex;justify-content:center;gap:1.375rem;font-family:var(--fm);font-size:0.6875rem;color:var(--fog)}
.footer-nav a{color:var(--fog)}
.footer-nav a:hover{color:var(--cloud)}

/* ════════════════════════════════════════════
   v6 RESPONSIVE: tablet tabs + mobile improvements
   ════════════════════════════════════════════ */
@media(max-width:1200px){
  .workspace{grid-template-columns:var(--left-w,15rem) 0.375rem 1fr 0.375rem var(--right-w,30rem);gap:0.375rem}
  .stats-row,.perf-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:960px){
  .workspace{grid-template-columns:1fr;grid-template-rows:auto 1fr;position:relative;gap:0.625rem}
  .workspace .panel:not(.panel-middle){display:none}
  .workspace .resize-handle{display:none}
  .workspace-tabs{display:flex;gap:0.125rem;padding:0.5rem 0.75rem;background:var(--bg1);border:0.0625rem solid var(--rim);border-radius:var(--r-lg);flex-shrink:0;grid-column:1/-1}
  .workspace-tab{flex:1;padding:0.5rem 0.625rem;border-radius:var(--r-sm);font-size:0.71875rem;font-weight:600;color:var(--fog);text-align:center;transition:all .15s}
  .workspace-tab.active{background:var(--bg3);color:var(--snow)}
  .workspace.view-creators .panel-left{display:flex}
  .workspace.view-canvas .panel-right{display:flex}
  .workspace.view-chat .panel-middle{display:flex}
  .brief-title{font-size:1.9rem}
  .brief-section-title{font-size:1.35rem}
  .search-panel{width:calc(100vw - 3rem);right:1.5rem}
  .perf-grid{grid-template-columns:1fr}
  .stats-row{grid-template-columns:repeat(2,1fr)}
  /* v6: studio button grid becomes horizontal scroll on tablet */
  .studio-grid{grid-template-columns:repeat(7,minmax(8.75rem,1fr));overflow-x:auto;padding-bottom:0.25rem;-webkit-overflow-scrolling:touch}
  .studio-btn{min-width:8.75rem}
}
@media(max-width:640px){
  .brief-page{padding:2rem 1.25rem 6.25rem}
  .rank-page{padding:1.75rem 1.25rem 5rem}
  .nav{padding:0.75rem 1rem}
  .search-input{display:none}
  .identity-name{display:none}
  .stats-row{grid-template-columns:1fr 1fr}
  .workspace{padding:0;height:calc(100vh - 3.25rem)}
  /* v6: tighter paddings + legible fonts on phone */
  .panel{border-radius:var(--r)}
  .panel-header{padding:0.625rem 0.75rem}
  .panel-title h2{font-size:0.8125rem}
  .studio-scroll{padding:0.25rem 0.75rem 0.875rem}
  .studio-btn{padding:0.625rem;min-height:4rem}
  .studio-btn-title{font-size:0.71875rem}
  .studio-btn-sub{font-size:0.5625rem}
  .chat-body{padding:0.75rem}
  .msg-ai-content p{font-size:0.8125rem}
  .chat-input-wrap textarea{font-size:1rem !important;/* prevent iOS zoom */}
  .mm-branches{grid-template-columns:1fr;gap:0.5rem}
  .mm-hub{width:8.75rem;height:3.25rem}
  .canvas-view-body{padding:0.75rem 0.875rem 1.25rem}
  .canvas-view-header{padding:0.625rem 0.75rem 0.5rem}
  .canvas-view-title{font-size:0.8125rem}
  .c-verdict-hero{flex-wrap:wrap;gap:0.625rem}
  .c-verdict-conf{width:100%;text-align:center}
}
.workspace-tabs{display:none}