.project-tools {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.project-tools>button {min-height:44px;padding:10px 16px;border:1px solid #c8c8c2;border-radius:8px;background:#fff;color:#111;font-size:15px;font-weight:600;cursor:pointer}
.project-tools>button:hover:not(:disabled) {background:#f4f4f2}
.project-tools>button:disabled {opacity:.55;cursor:default}
.project-tools>p {flex-basis:100%;font-size:14px;line-height:1.5;color:#555;margin:0}
.project-tools>p:empty {display:none}
.project-tools [hidden] {display:none}
.project-dialog {padding:0;border:0;border-radius:12px;max-width:calc(100% - 24px);width:680px;max-height:calc(100dvh - 24px);overflow:auto;background:#fff;color:#111}
.project-dialog::backdrop {background:rgb(0 0 0 / .65)}
.project-dialog>header {position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;background:#fff;border-bottom:1px solid #deded9;z-index:2}
.project-dialog h2 {font-size:23px;line-height:1.25;margin:0;overflow-wrap:anywhere}
.project-dialog>header button {width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;font-size:20px;line-height:1;background:#f4f4f2;cursor:pointer;color:#111}
.project-dialog-body {padding:20px}
.project-dialog-body>p {font-size:15px;line-height:1.6;margin:0 0 16px}
.project-dialog-body .project-note {font-size:14px;color:#555;margin-top:16px}
.project-dialog-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.project-dialog-actions .button {white-space:normal;text-align:center;min-height:46px;font-size:15px}
.project-presets {display:grid;gap:12px}
.project-presets>button {text-align:left;display:grid;grid-template-columns:92px minmax(0,1fr);column-gap:18px;row-gap:5px;border:1px solid #ccc;padding:16px;border-radius:8px;background:#fff;color:#111;cursor:pointer}
.project-presets strong {font-size:18px;line-height:1.3}
.project-presets b {font-size:14px;font-weight:500}
.project-presets span:not(.preset-sketch) {font-size:14px;line-height:1.5;color:#555;grid-column:2}
.project-presets em {grid-column:2;font-size:14px;font-style:normal;color:#0058a3;padding-top:6px}
.preset-sketch {grid-column:1;grid-row:1 / span 4;align-self:center;display:flex;position:relative;width:90px;height:36px;background:#f4f4f2;border:2px solid #111}
.preset-sketch i {width:33.333%;border-right:1px solid #111;background:#ffdb00}
.preset-sketch.corner {margin-bottom:30px}
.preset-sketch.corner:after {content:'';position:absolute;right:-2px;top:32px;width:30px;height:34px;border:2px solid #111;background:#ffdb00}
.project-mini-summary {margin:0 0 18px}
.project-mini-summary>div {display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;border-bottom:1px solid #e2e2dd;padding:12px 0;font-size:15px;line-height:1.5}
.project-mini-summary dt {color:#656565}
.project-mini-summary dd {margin:0;overflow-wrap:anywhere}
.project-link-label {font-size:15px;font-weight:600;display:block;margin-bottom:8px}
#project-share-link {display:block;width:100%;font-size:16px;line-height:1.5;resize:vertical;border:1px solid #b5b5b0;border-radius:8px;padding:10px;background:#f4f4f2;color:#111;overflow-wrap:anywhere}
.project-dialog-status {padding:0 20px 20px;font-size:14px;line-height:1.5;color:#333;margin:0}
.project-dialog-status:empty {padding:0}
.project-module-details {border-block:1px solid #deded9;margin:0 0 16px;font-size:14px;line-height:1.5}
.project-module-details summary {min-height:46px;padding:12px 0;cursor:pointer;font-size:16px;font-weight:600}
.project-module-details ol {padding-left:22px}
.project-module-details li {margin-bottom:8px}
.project-warning {padding:14px;background:#fff6d0;font-size:14px;line-height:1.5;margin-bottom:16px}
.project-warning ul {padding-left:18px}
.project-dialog button:focus-visible,.project-tools button:focus-visible,.project-module-details summary:focus-visible,#project-share-link:focus-visible {outline:3px solid #0058a3;outline-offset:3px}
@media(max-width:600px) {
 .project-tools {gap:8px;margin-bottom:14px}
 .project-tools>button {flex:1 1 100px;padding:10px 8px;font-size:14px}
 .project-dialog>header {padding:8px 14px}
 .project-dialog h2 {font-size:21px}
 .project-dialog-body {padding:16px}
 .project-presets>button {grid-template-columns:1fr;gap:8px}
 .project-presets .preset-sketch {display:none}
 .project-presets span:not(.preset-sketch),.project-presets em {grid-column:auto}
 .project-mini-summary>div {grid-template-columns:1fr;gap:4px}
 .project-dialog-actions .button {flex:1 1 100%}
}