/* Tela inicial: novo diagrama, continuar e modelos. */
.start-screen{position:fixed;inset:0;z-index:300;display:grid;place-items:center;padding:20px;overflow-y:auto;background:radial-gradient(1100px 600px at 50% -10%,#F0F3F7 0%,#E5E9EF 55%,#D8DEE7 100%)}
.start-screen.hidden{display:none}
.start-card{width:min(860px,96vw);background:rgba(240,243,247,.96);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg);padding:34px 38px;text-align:center}
.start-lang{display:flex;justify-content:flex-end;margin:-8px -8px 0}
.start-lang .lang-select{max-width:170px}
.start-logo{font-size:44px;line-height:1}
.start-card h1{font-size:26px;margin:10px 0 4px}
.start-card>p{font-size:14px;color:var(--muted);margin-bottom:20px}
.start-primary{display:inline-block;font-size:15px;font-weight:700;color:#fff;background:#0f172a;border:0;border-radius:12px;padding:13px 34px;box-shadow:var(--shadow)}
.start-primary:hover{background:#1e293b}
.start-continue{display:inline-block;margin-left:10px;font-size:14px;font-weight:600;color:var(--muted);background:var(--panel-2);border:1px solid var(--line-strong);border-radius:12px;padding:12px 22px}
.start-continue:hover{border-color:var(--accent);color:var(--accent-ink)}
.start-continue.hidden{display:none}
.start-card h2{font-size:11.5px;text-transform:uppercase;letter-spacing:.09em;color:var(--muted);margin:26px 0 12px}
.start-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;text-align:left}
.start-tpl{display:flex;flex-direction:column;gap:4px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 15px;cursor:pointer;transition:border-color .12s,transform .12s,box-shadow .12s}
.start-tpl:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-1px)}
.start-tpl strong{font-size:14px}
.start-tpl span{font-size:12.5px;color:var(--muted);line-height:1.45;flex:1}
.start-tpl em{font-style:normal;font-size:11.5px;font-weight:700;color:var(--accent-ink)}
.start-note{font-size:11.5px;color:var(--faint);margin-top:18px}
@media (max-width:700px){
  .start-card{padding:24px 20px}
  .start-grid{grid-template-columns:1fr}
  .start-continue{margin:10px 0 0}
}