.creation-mode{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #879a9a;border-radius:12px;background:#ecf1ed;flex:none}.creation-mode a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:6px 13px;text-decoration:none;color:#163347;border-radius:9px;font:600 14px/1.2 system-ui,sans-serif;white-space:nowrap}.creation-mode [aria-current]{background:#163347;color:#fff}.creation-mode a:focus-visible{outline:3px solid #f08d73;outline-offset:2px}
#mode-notice{margin:12px auto;padding:14px 20px;max-width:940px;background:#edf6f1;border:1px solid #b7ccc3;border-radius:12px;color:#163347;font:16px/1.5 system-ui,sans-serif;overflow-wrap:anywhere}
.creation-mode-label{display:inline-flex;align-items:center;padding:8px 14px;border:1px solid #91aaa7;border-radius:24px;color:#163347;background:#ecf1ed;font:600 14px/1.3 system-ui,sans-serif;white-space:nowrap;flex:none}.mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mode-card{display:flex;flex-direction:column;padding:28px;border:1px solid #c3d4cc;border-radius:20px;background:#fff;color:#132a3e;text-decoration:none}.mode-card:hover{border-color:#276d69;box-shadow:0 6px 24px #132a3e12}.mode-card-action{margin-top:auto;padding-top:18px;color:#276d69;font-weight:700}@media(max-width:650px){.mode-choices{grid-template-columns:1fr}.mode-card{padding:24px}}
@media(max-width:800px){
  .welcome-nav,.topbar,.builder-topbar,.library-topbar,.quick-header{height:auto;flex-wrap:wrap}
  .creation-mode{order:5;flex:1 0 100%;grid-column:1 / -1;width:100%;max-width:100%;margin:0;justify-content:center}
  .creation-mode a{flex:1;padding:6px 10px;font-size:13px}
}