/* The confirmed detail layout uses the product's paper, type and button tokens. */
#noteDialog.is-note-detail{--text:var(--ink);--sub:var(--ink-3);--body:var(--ink-2);--paper-rule:var(--line);padding:0;width:664px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);background:var(--paper,var(--paper-white));color:var(--text);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--sub) transparent}
#noteDialog.detail-dark{--text:var(--paper-dark-text);--sub:var(--paper-dark-sub);--body:var(--paper-dark-body);--paper-rule:var(--paper-dark-rule)}
.is-note-detail .detail-sheet{padding:28px 44px 0}.detail-top{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:23px}.detail-date{font:11px/1.7 var(--mono);color:var(--sub)}.detail-close{flex:0 0 32px;width:32px;height:32px;color:var(--sub);margin-right:-10px}.detail-close:hover{color:var(--text);background:#88888812}
#noteDialog .detail-title{font:400 29px/1.45 var(--serif);letter-spacing:.01em;color:var(--text);margin:0 -5px 22px;padding:2px 5px;white-space:pre-wrap}.detail-title-wrap{position:relative}.detail-pencil{position:absolute;right:-20px;top:12px;color:var(--sub);pointer-events:none;opacity:0}.detail-title-wrap:hover .detail-pencil,.detail-title-wrap:focus-within .detail-pencil{opacity:1}.detail-editable{min-width:1em;cursor:text;outline:none;border:0;border-radius:3px;overflow-wrap:anywhere;white-space:pre-wrap}.detail-editable:hover{background:#88888808}.detail-editable:focus{background:#8888880b;box-shadow:0 1px 0 var(--paper-rule)}.detail-editable:empty:before{content:attr(data-placeholder);color:var(--sub);pointer-events:none}
#noteDialog.is-note-detail #detailPreview{margin:0 0 17px}#noteDialog.is-note-detail #detailPreview:empty{display:none}#noteDialog.is-note-detail #detailPreview img,#noteDialog.is-note-detail #detailPreview video{display:block;max-width:100%;width:100%;max-height:330px;object-fit:contain;border-radius:2px;background:#161615}#noteDialog.is-note-detail #detailPreview iframe{max-width:100%}.detail-byline{display:flex;align-items:baseline;gap:10px;margin:0 0 28px;font-size:12px;color:var(--sub)}.detail-byline>span:first-child{font-size:11px;flex-shrink:0}.detail-byline .detail-editable{padding:2px 3px;margin-left:-3px;color:var(--sub)}
.detail-section-label{font:400 11px/1.7 var(--sans);letter-spacing:.06em;margin:0 0 12px;color:var(--sub)}.detail-writing{font:15px/1.95 var(--sans);letter-spacing:.02em;color:var(--body);padding:3px 5px;margin:0 -5px;min-height:105px;overflow:visible;max-height:none}.detail-edit-hint{font:10px/1.7 var(--sans);color:var(--sub);margin:9px 0 0;opacity:0}#detailReflectionBlock:focus-within .detail-edit-hint{opacity:1}.detail-writing [style*="background-color"]{color:#161615!important}.detail-paper-settings{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:25px 0 0;color:var(--sub);font-size:11px}.detail-colors{display:flex;gap:8px;flex-wrap:wrap}.detail-colors button{position:relative;width:25px;height:25px;min-width:25px;border:0;border-radius:50%;padding:4px;background:none;cursor:pointer}.detail-colors button:before{content:'';display:block;width:17px;height:17px;background:var(--swatch);border-radius:50%;box-shadow:inset 0 0 0 .5px #16161530}.detail-colors button[aria-pressed=true]:after{content:'';position:absolute;inset:0;border:1px solid var(--text);border-radius:50%}.detail-dark .detail-colors button:before{box-shadow:inset 0 0 0 .5px #ffffff45}
.detail-origin{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;border-top:1px solid var(--paper-rule);padding:18px 0 22px;margin-top:25px;color:var(--sub);font:11px/1.8 var(--sans)}#detailOriginMeta{overflow-wrap:anywhere}#detailOriginal{color:var(--sub);flex-shrink:0;text-decoration:none}#detailOriginal:hover{color:var(--text);text-decoration:underline;text-underline-offset:4px}.detail-footer{display:flex;align-items:center;gap:16px;border-top:1px solid var(--paper-rule);padding:19px 0 23px}.detail-footer button{font:13px/1.5 var(--sans);cursor:pointer}.detail-footer .detail-save{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:11px 20px;border:0;border-radius:13px;background:var(--ink);color:#fff;white-space:nowrap}.detail-footer .detail-save:hover{background:#000}.detail-dark .detail-footer .detail-save{background:var(--paper-dark-text);color:var(--paper-dark)}.detail-dark .detail-footer .detail-save:hover{background:var(--paper-white)}.detail-secondary{margin-left:auto;border:0;background:none;color:var(--sub);padding:10px 0}.detail-secondary:hover{color:var(--text)}.detail-trash{display:grid;place-items:center;background:none;border:0;width:32px;height:36px;margin-left:-7px;color:var(--sub)}.detail-trash:hover{color:var(--text);background:#88888814}.detail-error{font:12px/1.8 var(--sans);color:#b74732;overflow-wrap:anywhere;margin:0 0 16px}.detail-dark .detail-error{color:#f5a18d}.detail-extras{color:var(--sub);font-size:11px}.detail-extras .form-field{margin:15px 0}.detail-extras .text-button,.detail-extras .mini-help,.detail-extras label,.detail-extras button{color:var(--sub)}.detail-extras input:not([type=file]){background:transparent;color:var(--text);border-color:var(--paper-rule)}.detail-extras .mini-help{font-size:10px;line-height:1.8}.detail-extras #miniField{border-top:1px solid var(--paper-rule);padding-top:16px}.detail-extras #coverField .mini-help{display:none}
.detail-journal .detail-title-wrap,.detail-journal .detail-byline,.detail-journal #detailMedia{display:none}.detail-journal #detailBodyBlock{margin-top:4px}.detail-journal #detailReflectionBlock{border-top:1px solid var(--paper-rule);margin-top:25px;padding-top:22px}.detail-journal .detail-writing{min-height:100px}
.detail-leave{width:360px;max-width:calc(100vw - 32px);padding:28px;color:var(--ink);background:#fff}.detail-leave h2{font:400 20px/1.5 var(--serif);margin:0 0 12px}.detail-leave p{font:12px/1.8 var(--sans);color:var(--ink-3)}.detail-leave>div{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.detail-leave button{font:13px var(--sans);padding:10px 14px;border:0;border-radius:13px;cursor:pointer}.detail-leave button:not(.primary){background:none;color:var(--ink-2)}
@media(max-width:700px){#noteDialog.is-note-detail{max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px)}.is-note-detail .detail-sheet{padding:22px 24px 0}.detail-top{margin-bottom:18px}#noteDialog .detail-title{font-size:24px;line-height:1.5;margin-bottom:20px}.detail-writing{font-size:15px;line-height:1.9}.detail-byline{margin-bottom:24px}.detail-date{font-size:10px}.detail-colors{gap:5px}.detail-footer{gap:12px}.detail-footer button{font-size:12px}.detail-footer .detail-save{padding:11px 16px}.detail-origin{font-size:10px;gap:10px}.detail-pencil{right:-16px}.detail-extras input,.detail-extras textarea{font-size:16px}}
@media(max-width:360px){.detail-paper-settings{align-items:flex-start;flex-direction:column;gap:8px}.detail-footer{gap:9px}.detail-footer .detail-save{padding:11px 12px}}

/* Only video thumbnails crop like the confirmed 16:9 cover; playable media and images remain intact. */
#noteDialog.is-note-detail .detail-video-preview #detailPreview img{aspect-ratio:16/9;max-height:none;object-fit:cover}
/* A text journal is personal writing; it has no external source row. */
.detail-journal .detail-origin{display:none}.detail-journal .detail-footer{margin-top:25px}

/* A journal keeps its writing identity when it owns one photo. */
.detail-journal.detail-journal-photo #detailMedia{display:block;margin-bottom:24px}
.detail-journal-photo #detailPreview img{max-height:320px;width:100%;object-fit:contain;border-radius:8px}