.content-image-picker{padding:16px;border:1px dashed #bc9f7577;border-radius:15px;background:#fffaf166;margin:16px 0}.content-image-picker>label{display:grid;gap:8px;font:500 14px/1.8 var(--sans,var(--font-body))}.content-image-picker input[type=file]{width:100%;max-width:100%;font-size:14px;background:#fff8;border:1px solid #d4c4ad;border-radius:10px;padding:10px}.content-image-picker [data-image-status]{font-size:13px;color:var(--muted,#716351);margin:8px 0;min-height:20px}.content-image-picker [data-image-preview]{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.content-image-item{padding:10px;background:#fffaf1b3;border:1px solid #ffffffaa;border-radius:12px;min-width:0}.content-image-item>img{width:100%;height:115px;object-fit:cover;border-radius:8px;display:block}.content-image-item label{font:400 13px/1.7 var(--sans,var(--font-body));display:grid;gap:6px;margin-top:10px}.content-image-item input,.content-image-item select{width:100%;min-width:0;padding:8px;border:1px solid #c9bca7;border-radius:8px;background:#fffcf7cc;color:inherit;font-size:14px}.content-image-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.content-image-actions button{font-size:13px;padding:7px 10px;border:1px solid #dec49b;border-radius:9px;background:#ead5b0;min-height:36px;color:#51442e}.note-form>.note-image-picker{grid-column:1/-1;margin:0}.note-form .content-image-picker button{grid-column:auto;justify-self:auto;min-height:36px;padding:7px 10px}.note-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:10px 0 16px}.note-images:has(>button:only-child){grid-template-columns:1fr}.note-images button{padding:0;min-width:0;background:transparent;border-radius:9px;overflow:hidden}.note-images img{width:100%;height:105px;object-fit:cover;display:block}.note-images button:only-child img{height:155px}.note-images button:first-child:nth-last-child(3){grid-column:1/-1}.sticky-note:has(.note-images){padding:25px 15px 18px}.sticky-note:has(.note-images)>p{margin-bottom:10px}.note-admin-images{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.note-admin-images img{width:90px;height:75px;object-fit:cover;border-radius:9px}.note-admin-images button{padding:0;background:transparent;overflow:hidden}.image-open{display:block;padding:0;width:100%;background:transparent;border:0;cursor:zoom-in;border-radius:12px;overflow:hidden}.essay-inline-image{margin:30px 0}.essay-inline-image img{width:100%;max-height:650px;object-fit:contain;background:#ede4d54d;border-radius:12px}.essay-inline-image figcaption{font:400 14px/1.8 var(--sans);color:var(--muted);text-align:center;margin-top:10px}.project-block{display:block}.project-card-link{display:flex;gap:20px}.project-card-link>div:last-child{min-width:0;flex:1}.project-detail-link{display:block;margin-top:13px;font-size:14px;font-weight:600;color:var(--accent)}.project-external{display:inline-block;margin-top:16px;padding:8px 15px;border-radius:10px;background:#ead7b6b3;font-size:14px;font-weight:500;color:var(--accent)}.project-reading .project-external{font-size:16px}.project-card-link:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:5px}
.note-form>label{min-width:0;align-content:start}.note-form>label input,.note-form>label textarea{width:100%;min-width:0}
dialog.content-image-dialog{width:960px;max-width:92vw;max-height:92vh;padding:18px;border:1px solid #fff;border-radius:20px;background:#fff9efe0;backdrop-filter:blur(18px);color:#3f362d;overflow:auto;box-shadow:0 24px 80px #382b2838}dialog.content-image-dialog::backdrop{background:#29231fb3;backdrop-filter:blur(6px)}.content-image-dialog .image-dialog-close{display:block;margin-left:auto;border:0;border-radius:50%;width:36px;height:36px;background:#f0e3d0;color:#53452e;font-size:23px}.content-image-dialog>img{display:block;width:100%;max-height:68vh;object-fit:contain;margin-top:8px;border-radius:10px}.image-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:14px;font-size:14px}.image-dialog-bar span{overflow-wrap:anywhere;text-align:center;min-width:0}.image-dialog-bar button{flex-shrink:0;min-height:40px;border:0;border-radius:10px;padding:8px 14px;background:#ead7b6;color:#53452e}.image-dialog-bar button:disabled{opacity:.4}body:has(.content-image-dialog[open]){overflow:hidden}@media(max-width:700px){.content-image-picker [data-image-preview]{grid-template-columns:repeat(2,minmax(0,1fr))}.note-images button:only-child img{height:180px}.content-image-item>img{height:105px}.content-image-item input,.content-image-item select{font-size:16px}.content-image-actions button{font-size:13px}.image-dialog-bar{gap:7px;font-size:13px}.image-dialog-bar button{padding:8px 10px}dialog.content-image-dialog{padding:13px}.project-card-link{gap:14px}.note-admin-images img{width:75px;height:65px}}