.project-bar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid #d4d8cb}.project-file{display:flex;flex-direction:column;gap:4px;min-width:200px}.project-file label{font-size:10px;letter-spacing:.1em;color:#747d68}.project-file input{border:0;border-bottom:1px solid #ccd2c2;background:transparent;color:#22291a;font:inherit;font-size:16px;padding:4px 0;width:240px;max-width:100%}#project-save-status{display:inline-flex;align-items:center;gap:10px;font-size:15px;line-height:1.4;color:#28331f;max-width:360px;min-height:40px;padding:9px 14px;background:#e9eee1;border:1px solid #c8d1bc}#project-save-status[data-state=saving]{background:#f0f3db;border-color:#a4b56e}#project-save-status[data-state=saving]::before{content:"";flex:none;width:16px;height:16px;border:2px solid #c5cea9;border-top-color:#3c5122;border-radius:50%;animation:project-saving .8s linear infinite}#project-save-status[data-state=saved]::before{content:"✓";font-size:18px;color:#385b21}#project-save-status[data-state=error]{background:#fff1eb;border-color:#ba6a43;color:#803f26}@keyframes project-saving{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){#project-save-status[data-state=saving]::before{animation:none}}.project-actions{display:flex;align-items:center;gap:12px;margin-left:auto;flex-wrap:wrap}.project-actions button,.project-tools button,.dialog-actions button{border:1px solid #c8d1bc;background:#e9eee1;color:#27311e;padding:9px 12px;font:inherit;font-size:13px;cursor:pointer}.project-actions button:first-child{background:#d2f47b;border-color:#d2f47b}.project-actions a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.projects-main{padding:0 40px 60px}.projects-intro{padding:52px 0 38px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.projects-intro h1{font-size:64px}.projects-intro p:not(.eyebrow){margin-top:17px;color:#6b745f}.device-label{font-size:12px;padding:8px 12px;background:#e5ebdc;white-space:nowrap}.new-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:36px}.new-projects a{padding:22px;background:#e8ecdf;display:grid;grid-template-columns:1fr auto;gap:14px}.new-projects a:hover{background:#dde5cf}.new-projects span:first-child{font-size:10px;letter-spacing:.08em;grid-column:1}.new-projects strong{font-size:18px;font-weight:400;grid-column:1}.new-projects span:last-child{font-size:28px;grid-column:2;grid-row:1/3;align-self:center}.project-tools{display:flex;align-items:flex-end;gap:16px;flex-wrap:wrap;border-top:1px solid #cfd6c4;padding-top:24px}.project-tools label{display:flex;flex-direction:column;gap:6px;font-size:12px}.project-tools input[type=search],.project-tools select,#rename-name{height:39px;border:1px solid #cbd3c0;background:#fff;padding:8px 12px;border-radius:0;font:inherit;font-size:14px;min-width:120px}.project-search{flex:1;min-width:180px}.project-tools .import-projects{position:relative;display:block;padding:9px 12px;border:1px solid #c8d1bc;background:#e9eee1;cursor:pointer;font-size:13px}.import-projects input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.import-projects:focus-within{outline:2px solid #527532;outline-offset:4px}.storage-note{font-size:12px;max-width:790px;color:#6a745e;margin:17px 0}.dashboard-status{min-height:22px;font-size:13px;color:#5e6b50;margin:12px 0 22px}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 20px}.saved-project{border:1px solid #d2d8c8;background:#fff;min-width:0}.project-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#e8ecdf;overflow:hidden}.project-cover img{width:100%;height:100%;object-fit:contain}.project-cover span{font-size:40px;color:#7a8968}.project-details{padding:18px}.project-kind{font-size:10px;letter-spacing:.1em;color:#71815e}.project-details h2{font-size:21px;line-height:1.25;overflow-wrap:anywhere;margin:9px 0}.project-details time{font-size:11px;color:#76816a}.project-card-actions{display:flex;flex-wrap:wrap;gap:8px 13px;margin-top:18px}.project-card-actions button,.project-card-actions a{background:none;border:0;color:#3d502b;font:inherit;font-size:12px;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.project-empty{padding:60px 24px;text-align:center;border:1px dashed #c8d2bc}.project-empty h2{font-size:30px}.project-empty p{font-size:15px;color:#6d785f;margin:15px auto;max-width:520px}dialog{border:1px solid #b6c6a1;padding:28px;max-width:calc(100% - 36px);width:430px;background:#f5f5f2}dialog::backdrop{background:#18200d66}dialog h2{font-size:28px;margin:0 0 22px}dialog label{display:flex;flex-direction:column;gap:9px;font-size:13px}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:22px}[hidden]{display:none!important}button:disabled{opacity:.5;cursor:default}@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-actions{margin-left:0}}@media(max-width:700px){.projects-main{padding:0 20px 40px}.projects-intro{align-items:flex-start;flex-direction:column;padding-top:36px}.projects-intro h1{font-size:48px}.new-projects{grid-template-columns:1fr;gap:10px}.new-projects a{padding:16px}.project-grid{grid-template-columns:1fr}.project-bar{gap:12px}.project-file{flex:1;min-width:180px}.project-file input{width:100%}.project-actions{width:100%}.project-tools{gap:12px}.project-search{flex-basis:100%}}

.browser-import{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #c8d2bc;padding:20px;margin-top:22px}.browser-import p{font-size:14px;margin:8px 0 0}.browser-import button{font:inherit;padding:12px;background:#171817;color:white;border:0;cursor:pointer}@media(max-width:700px){.browser-import{flex-direction:column;align-items:flex-start}}

#project-save-notice{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:60;display:flex;align-items:center;gap:12px;max-width:calc(100vw - 32px);padding:15px 22px;background:#20241d;color:#fff;border:1px solid #444b3d;box-shadow:0 5px 24px #0003;font-size:16px;line-height:1.4;pointer-events:none}#project-save-notice[data-state=saving]::before{content:"";flex:none;width:18px;height:18px;border:2px solid #69725d;border-top-color:#d2f47b;border-radius:50%;animation:project-saving .8s linear infinite}#project-save-notice[data-state=saved]::before{content:"✓";color:#d2f47b;font-size:20px}#project-save-notice[data-state=error]{background:#803f26}@media(prefers-reduced-motion:reduce){#project-save-notice[data-state=saving]::before{animation:none}}

.studio-action-dock .project-actions.has-save-error{flex-wrap:wrap}

/* Project deletion reuses native project dialogs and shared surface tokens. */
#delete-project-dialog{width:430px;max-height:calc(100dvh - 32px);overflow:auto}
#delete-project-dialog .new-project-heading{align-items:center;gap:16px;margin-bottom:18px}
#delete-project-title{margin:0;font-size:28px;line-height:1.15}
#delete-project-close{flex:none;min-width:44px;min-height:44px;color:var(--ui-text);font:inherit;font-size:26px}
#delete-project-description{font-size:16px;line-height:1.5;overflow-wrap:anywhere}
#delete-project-name{font-weight:400}
#delete-project-error{font-size:14px;line-height:1.5;margin-top:16px;color:var(--ui-text)}
#delete-project-dialog .dialog-actions{flex-wrap:wrap}
#delete-project-dialog .dialog-actions button{min-height:44px;padding:10px 18px}
#delete-project-confirm{background:#b42318;color:#fff;border-color:transparent}
#delete-project-confirm:hover:not(:disabled){background:#912018}