.project-details-dialog,.project-introduction-dialog{
 width:min(720px,calc(100vw - 32px));max-width:720px;max-height:90dvh;padding:0;border:1px solid var(--shell-border);border-radius:8px;background:#fff;color:var(--shell-text);overflow:hidden
}
.project-details-dialog::backdrop,.project-introduction-dialog::backdrop{background:rgb(20 24 32 / 38%)}
.project-details-dialog form{display:flex;flex-direction:column;max-height:90dvh}
.project-introduction-dialog[open]{display:flex;flex-direction:column}
.project-details-header,.project-introduction-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 28px 18px;border-bottom:1px solid var(--shell-border);background:#fff}
.project-details-header .eyebrow,.project-introduction-header .eyebrow{margin:0 0 6px;color:var(--shell-muted);font-size:11px;letter-spacing:.08em}
.project-details-header h2,.project-introduction-header h2{margin:0;font-size:25px;font-weight:600;line-height:1.25}
.project-details-header p:last-child{margin:7px 0 0;color:var(--shell-muted);line-height:1.5}
.project-details-close{flex:0 0 40px;width:40px;height:40px;border:1px solid var(--shell-border);border-radius:4px;background:#fff;color:inherit;font-size:26px;line-height:1;cursor:pointer}
.project-details-content,.project-introduction-content{min-height:0;padding:20px 28px 28px;overflow:auto;overscroll-behavior:contain}
.project-details-label,.project-cover-field legend,.project-tags-field legend{display:block;margin:0 0 7px;font-size:13px;font-weight:600}
.project-details-label:not(:first-child),.project-cover-field,.project-tags-field{margin-top:20px}
.project-details-label span,.project-cover-field legend span,.project-tags-field legend span{color:var(--shell-muted);font-weight:400}
.project-details-dialog input:not([type=file]):not([type=checkbox]),.project-details-dialog textarea{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--shell-border);border-radius:4px;background:#fff;color:inherit;font:inherit}
.project-details-dialog textarea{min-height:104px;resize:vertical;line-height:1.5}
.project-details-dialog input[readonly]{background:#f6f7f8;color:var(--shell-muted)}
.project-details-dialog :focus-visible,.project-introduction-dialog :focus-visible{outline:3px solid #6ba7f8;outline-offset:2px}
.project-cover-field,.project-tags-field{min-width:0;padding:0;border:0}
.project-cover-preview{display:grid;place-items:center;min-height:150px;max-height:260px;padding:12px;border:1px dashed var(--shell-border);border-radius:5px;background:#f8f9fa;text-align:center}
.project-cover-preview img{display:block;max-width:100%;max-height:230px;object-fit:contain;object-position:top}
.project-cover-preview p{max-width:420px;margin:0;color:var(--shell-muted);font-size:13px;line-height:1.5}
.project-cover-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:10px}
.project-cover-upload,.project-details-secondary{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 12px;border:1px solid var(--shell-border);border-radius:4px;background:#fff;color:inherit;font:inherit;font-size:13px;text-decoration:none;cursor:pointer}
.project-cover-actions p{flex-basis:100%;margin:0;color:var(--shell-muted);font-size:12px}
.project-details-hint{display:block;margin-top:5px;color:var(--shell-muted);font-size:12px;text-align:right}
.project-tag-options{display:flex;flex-wrap:wrap;gap:8px}
.project-tag-option{display:inline-flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid var(--shell-border);border-radius:99px;font-size:12px}
.project-tag-option input{width:auto!important;min-height:0!important}
.project-tag-add{display:flex;gap:8px;margin-top:10px}
.project-tag-add input{flex:1}
.project-custom-tags,.project-introduction-tags{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 0;padding:0;list-style:none}
.project-custom-tags li,.project-introduction-tags li{display:flex;align-items:center;gap:8px;padding:6px 9px;border-radius:99px;background:#eef4fb;font-size:12px}
.project-custom-tags button{border:0;background:transparent;font-size:16px;cursor:pointer}
.project-details-message{margin:14px 0 0;color:#a32929;font-size:13px;line-height:1.5}
.project-details-message[role=status]{color:#236b40}
.project-details-discard{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:16px;padding:12px;border:1px solid #d9b65b;border-radius:4px;background:#fff9e8}
.project-details-discard p{flex-basis:100%;margin:0;font-size:13px}
.project-details-footer,.project-introduction-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 28px;border-top:1px solid var(--shell-border);background:#fff}
.project-details-footer .creation-primary,.project-introduction-footer .creation-primary{min-height:42px;padding:10px 16px}
.project-details-edit{width:100%;margin:0 0 18px;padding:9px 11px;border:1px solid var(--shell-border);border-radius:4px;background:#fff;color:var(--shell-text);text-align:left;cursor:pointer}
.project-details-edit[hidden]{display:none}
#sidebar-project-name{min-width:0;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;font:inherit;font-weight:500;line-height:inherit;text-align:left;overflow-wrap:anywhere;cursor:pointer}
#sidebar-project-name:hover{color:var(--atlas-blue)}
#sidebar-project-name:focus-visible{outline:3px solid var(--atlas-blue);outline-offset:2px}
.project-details-feedback:not(:empty){position:fixed;z-index:100;right:20px;bottom:20px;max-width:min(420px,calc(100vw - 40px));margin:0;padding:12px 16px;border:1px solid var(--atlas-line);border-left:4px solid var(--atlas-blue);border-radius:5px;background:#fff;color:var(--atlas-text);box-shadow:0 6px 24px rgb(20 24 32 / 14%)}
.project-details-feedback[data-error=true]{border-left-color:#a32929}
.project-introduction-header{align-items:center}
.project-introduction-content{flex:1 1 auto;min-height:0;max-height:none;line-height:1.6}
.project-introduction-content>img{display:block;width:100%;max-height:300px;margin:0 0 18px;border-radius:5px;object-fit:cover;object-position:top}
.project-introduction-content>p,.project-introduction-content section p{white-space:pre-wrap;overflow-wrap:anywhere}
.project-introduction-short{font-size:17px;font-weight:500}
.project-introduction-content section{margin-top:20px}
.project-introduction-content section h3{margin:0 0 6px;font-size:15px}
.project-introduction-content section p{margin:0;color:var(--shell-muted)}
.project-introduction-footer{justify-content:space-between;flex-wrap:wrap}
@media(max-width:600px){
 .project-details-dialog,.project-introduction-dialog{width:100vw;max-width:100vw;max-height:100dvh;margin:auto;border-radius:0}
 .project-details-dialog form{max-height:100dvh}
 .project-details-header,.project-introduction-header{padding:18px 18px 14px}
 .project-details-content{padding:18px;max-height:calc(100dvh - 145px)}
 .project-introduction-content{padding:18px}
 .project-details-footer,.project-introduction-footer{padding:12px 18px calc(12px + env(safe-area-inset-bottom))}
 .project-introduction-footer{flex-direction:column;align-items:stretch;flex-wrap:nowrap}
 .project-introduction-footer>a,.project-introduction-footer>button{width:100%;text-align:center;justify-content:center}
 .project-details-footer{justify-content:space-between}
 .project-details-footer button{padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.project-details-dialog,.project-introduction-dialog{scroll-behavior:auto}}