.projects-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.projects-heading h1{margin:0}
#keyboard-shortcuts-open{display:flex;align-items:center;gap:7px;padding:9px 13px;border:1px solid var(--studio-rim,#b4c7d4);border-radius:10px;background:var(--studio-silver,#edf2f5);color:var(--project-dark,#234e68);box-shadow:var(--studio-edge);font-size:13px;white-space:nowrap}
#keyboard-shortcuts-open span{font-size:20px;line-height:1}
#keyboard-shortcuts-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-width:640px;max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:22px;border:1px solid var(--studio-rim,#b4c7d4);border-radius:18px;background:linear-gradient(135deg,#fff,#edf2f5);color:#203341;box-shadow:0 16px 60px #10203055;overflow:auto;text-align:left}
#keyboard-shortcuts-dialog::backdrop{background:#14222b88;backdrop-filter:blur(3px)}
.shortcuts-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.shortcuts-heading h2{margin:0;font-size:23px;color:var(--project-dark,#234e68)}
#keyboard-shortcuts-close{flex:none;width:34px;height:34px;padding:0;border:1px solid var(--studio-rim,#b4c7d4);border-radius:9px;background:var(--studio-silver,#edf2f5);color:var(--project-dark,#234e68);font-size:24px;line-height:1}
#keyboard-shortcuts-intro{margin:12px 0 20px;font-size:14px;line-height:1.5;color:#526678}
#keyboard-shortcuts-dialog section+section{margin-top:22px}
#keyboard-shortcuts-dialog h3{margin:0 0 5px;color:var(--project-dark,#234e68);font-size:16px}
.shortcuts-context,.shortcuts-note{margin:6px 0 12px;font-size:12px;line-height:1.5;color:#526678}
.shortcuts-list{margin:10px 0;border:1px solid var(--studio-rim,#b4c7d4);border-radius:10px;overflow:hidden;background:#ffffffa8}
.shortcuts-list>div{display:grid;grid-template-columns:minmax(0,42%) minmax(0,58%);align-items:center;padding:9px 12px;gap:0;font-size:13px;line-height:1.5}
.shortcuts-list>div+div{border-top:1px solid #dce5eb}
.shortcuts-list dt{padding-right:12px;font-weight:550}
.shortcuts-list dd{margin:0}
#keyboard-shortcuts-dialog kbd{display:inline-block;padding:1px 5px;margin:1px 0;border:1px solid #bdcdd8;border-bottom-width:2px;border-radius:5px;background:#f5f8fa;color:#203341;font:600 12px/1.5 system-ui;white-space:nowrap}
@media(max-width:480px){#keyboard-shortcuts-dialog{padding:16px}.shortcuts-heading h2{font-size:20px}.shortcuts-list>div{grid-template-columns:minmax(0,43%) minmax(0,57%);padding:8px}.shortcuts-list dt{padding-right:8px}}

.project-card:focus-visible{outline:3px solid var(--project-color,#168eea);outline-offset:4px;filter:brightness(1.06)}
body[data-view="script"] #reading-rows .reading-row:focus{outline:none}
body[data-view="script"] #reading-rows .reading-row.story-keyboard-selected{outline:3px solid #f3c52b;outline-offset:-3px;z-index:1}
body[data-view="script"] #reading-rows .reading-row.story-last-edited{animation:story-last-edited-pulse 6s ease-in-out 5;animation-delay:var(--story-edit-age,0s)}
@keyframes story-last-edited-pulse{0%,100%{box-shadow:inset 0 0 0 3px color-mix(in srgb,var(--project-color,#168eea) 35%,transparent)}50%{box-shadow:inset 0 0 0 3px var(--project-color,#168eea)}}
@media(prefers-reduced-motion:reduce){body[data-view="script"] #reading-rows .reading-row.story-last-edited{animation:none;box-shadow:inset 0 0 0 3px var(--project-color,#168eea)}}