#projectHome{max-width:980px;width:100%;margin:0 auto;padding:64px 32px;overflow-y:auto;min-height:0;box-sizing:border-box;color:#ddd}
#projectHome[hidden]{display:none}
.project-home .workspace,.project-home .studio-toolbar,.project-home #studioDrawer,.project-home .site-footer{display:none!important}
.project-home #saveProject,.project-home #exportBtn,.project-home #autosaveStatus{display:none}
.project-home-heading small{color:#888;letter-spacing:2px;font-size:11px}
.project-home-heading h1{font-size:30px;font-weight:500;letter-spacing:-1px;margin:16px 0}
.project-home-heading p,.project-storage-note,#projectHubDialog>p{color:#929292;font-size:12px;line-height:1.8}
.project-hub-actions{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}
.project-hub-actions button{padding:11px 15px;border:1px solid #414141;border-radius:7px;background:#242424;color:#ddd;font:inherit;cursor:pointer}
.project-hub-actions .primary{background:#e5e5e5;color:#171717}
#projectHome h2,#projectHubDialog h3{font-size:14px;font-weight:500;margin:24px 0 14px}
#projectHubDialog{width:min(680px,calc(100vw - 32px));max-height:85dvh;overflow:auto;padding:24px;box-sizing:border-box;border:1px solid #444;border-radius:12px;background:#191919;color:#ddd}
.recent-projects{display:grid;gap:8px}
.recent-project{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:5px 12px;text-align:left;align-items:center;width:100%;padding:15px;border:1px solid #383838;border-radius:8px;background:#202020;color:#ddd;cursor:pointer}
.recent-project:hover{background:#292929;border-color:#666}
.recent-project strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500}
.recent-project small{grid-column:2;color:#888;font-size:11px}
.recent-project>span:last-child{grid-column:3;grid-row:1/3;color:#aaa;font-size:12px}
.project-file-icon{grid-row:1/3;font-size:26px;color:#777}
.project-empty{padding:24px;border:1px dashed #444;border-radius:8px;color:#999;font-size:13px}
.project-storage-note{margin-top:24px}
.project-switching [data-project-action],.project-switching .recent-project,.project-switching #newProject,.project-switching #closeCurrentProject{pointer-events:none;opacity:.55}
@media(max-width:700px){#projectHome{padding:32px 18px}.project-home-heading h1{font-size:24px}.top-actions{gap:5px}.top-actions button{font-size:11px;padding:7px}.project-hub-actions{gap:8px}.project-hub-actions button{font-size:12px}.recent-project{padding:12px}}