/* utono v2.0.15 • YouTube Rich Links, media threads and inline drag. */
.utono-e2-canvas img[data-utono-media-id]{cursor:grab;touch-action:none;transition:outline-color .15s,opacity .15s;outline:2px solid transparent;outline-offset:3px}
.utono-e2-canvas img[data-utono-media-id]:hover{outline-color:rgba(110,145,118,.34)}
.utono-e2-canvas :is(img[data-utono-media-id],.utono-yt-node).utono-e2-dragging{opacity:.53;outline:2px dashed #91b09b;cursor:grabbing}
.utono-e2-in-drag{cursor:grabbing!important;user-select:none!important}
.utono-e2-drop-marker{position:fixed;z-index:100001;width:3px;background:#82af8e;border-radius:4px;pointer-events:none;box-shadow:0 0 0 3px #82af8e32}
.utono-e2-canvas a:not(.utono-yt-textlink){cursor:pointer}
.utono-e2-canvas a:not(.utono-yt-textlink):hover{text-decoration-thickness:2px}
.utono-yt-node{display:block;position:relative;margin:18px 0 22px;max-width:100%;width:100%;background:var(--panel,#faf9f7);border:1px solid rgba(114,129,117,.22);border-radius:12px;overflow:visible;box-shadow:0 3px 18px #151f1910;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.utono-yt-node.utono-e2-dragging{touch-action:none}
.utono-yt-node button{font-family:inherit;cursor:pointer}
.utono-yt-body{overflow:hidden;border-radius:11px;background:var(--panel,#faf9f7)}
.utono-yt-player{width:100%;aspect-ratio:16/9;background:#101010;overflow:hidden;border-radius:11px 11px 0 0}
.utono-yt-player iframe{display:block;width:100%;height:100%;border:0}
.utono-yt-smart-footer{display:flex;gap:10px;align-items:center;min-height:39px;padding:8px 12px;font-size:11px;background:color-mix(in srgb,var(--panel,#faf9f7) 93%,#bfb5ac);color:var(--muted,#69716b);white-space:nowrap;overflow:hidden;line-height:1.2}
.utono-yt-logo{background:#f21827;color:#fff;border-radius:4px;display:inline-grid;place-items:center;font-size:9px;width:18px;height:13px;flex:none;line-height:1}
.utono-yt-avatar{height:20px;width:20px;display:inline-grid;place-items:center;border-radius:50%;font-size:11px;color:white;background:#667a6c;overflow:hidden;flex:none}
.utono-yt-avatar img{width:100%;height:100%;object-fit:cover;display:block}
.utono-yt-channel{font-weight:650;color:var(--text,#263026);overflow:hidden;text-overflow:ellipsis;max-width:200px}
.utono-yt-smart-footer>span:nth-last-child(-n+3){margin-left:5px;flex:none}
.utono-yt-hover-actions{position:absolute;right:7px;top:-21px;display:flex;align-items:center;padding:3px;gap:2px;border-radius:9px;background:#25312b;color:#f8faf8;box-shadow:0 4px 15px #0003;z-index:5;opacity:0;visibility:hidden;transition:opacity .13s}
.utono-yt-node:is(:hover,:focus-within) .utono-yt-hover-actions{opacity:1;visibility:visible}
.utono-yt-hover-actions button{background:transparent;border:0;color:inherit;width:30px;height:27px;border-radius:6px;font-size:14px;line-height:1;display:grid;place-items:center}
.utono-yt-hover-actions button:hover,.utono-yt-hover-actions button:focus-visible{background:#ffffff24}
.utono-yt-small{max-width:365px}
.utono-yt-regular{max-width:610px}
.utono-yt-card{max-width:700px}
.utono-yt-small-row,.utono-yt-regular-row{display:flex;align-items:center;gap:13px;padding:10px}
.utono-yt-small-row img{width:100px;aspect-ratio:16/9;object-fit:cover;border-radius:7px;flex:none}
.utono-yt-regular-row img{width:38%;max-width:230px;aspect-ratio:16/9;object-fit:cover;border-radius:8px;flex:none}
.utono-yt-small-row strong,.utono-yt-regular-row strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;font-size:13px}
.utono-yt-small-row small,.utono-yt-regular-row small,.utono-yt-description>span{display:block;font-size:11px;color:var(--muted,#727b73);line-height:1.45;margin-top:4px}
.utono-yt-card-img{position:relative;aspect-ratio:16/9;background:#121b14;overflow:hidden}
.utono-yt-card-img img{height:100%;width:100%;object-fit:cover}
.utono-yt-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:11px;background:#ff0033;color:#fff;font-size:20px;width:60px;height:40px}
.utono-yt-title{padding:13px;font-size:15px;font-weight:740;line-height:1.35}
.utono-yt-text{display:inline-block;width:auto;min-width:200px;max-width:100%}
.utono-yt-text .utono-yt-body{padding:12px}
.utono-yt-textlink{overflow-wrap:anywhere;color:#5e8666;text-decoration:underline;font-size:14px}
.utono-yt-socialbar{padding:5px 12px;display:flex;gap:8px;font-size:12px;align-items:center;border-top:1px solid var(--line,#d6d9d5)}
.utono-yt-socialbar button{background:transparent;border:0;padding:4px 7px;border-radius:6px;color:var(--text,#30352d);font-size:12px;text-align:left}
.utono-yt-socialbar button:hover{background:#82988621}
.utono-yt-popup{position:fixed;z-index:100005;background:var(--panel,#fff);color:var(--text,#282e29);border:1px solid var(--line,#d5ded6);border-radius:13px;padding:8px;max-height:min(78vh,620px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 14px 45px #0004;font-family:'Inter Tight',Inter,system-ui,sans-serif;font-size:13px}
.utono-yt-popup button{display:flex;width:100%;align-items:center;gap:10px;min-height:31px;border:0;border-radius:7px;padding:7px 10px;text-align:left;background:transparent;color:inherit;font:inherit;cursor:pointer}
.utono-yt-popup button:hover,.utono-yt-popup button:focus-visible,.utono-yt-popup button.selected{background:rgba(109,150,115,.15)}
.utono-yt-popup button span:first-child{min-width:19px}
.utono-yt-popup button.danger{color:#d75656}
.utono-yt-popup hr{border:0;border-top:1px solid var(--line,#d9e0da);margin:8px 4px}
.utono-yt-menu-heading{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted,#727772);padding:9px 11px 6px}
.utono-yt-popup-reactions{padding:14px}
.utono-yt-emojis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}
.utono-yt-emojis button{font-size:22px;display:grid;place-items:center;padding:8px;min-height:40px}
.utono-yt-popup-link{padding:9px}
.utono-e2-link-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}
.utono-e2-link-actions>span{grid-column:1/-1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--muted,#747b73);font-size:11px;padding:7px}
.utono-e2-link-actions button{justify-content:center}
.utono-yt-popup-comments{padding:0;max-height: min(80vh,520px);overflow:hidden;display:flex;flex-direction:column}
.utono-yt-comments-header{padding:10px 13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line,#ddd)}
.utono-yt-comments-header>div{display:flex;gap:5px}
.utono-yt-comments-header button{width:28px;height:28px;min-height:28px;padding:0;justify-content:center}
.utono-yt-thread-list{overflow-y:auto;max-height:320px;padding:10px 12px;min-height:70px}
.utono-yt-thread{border-left:2px solid #88ac91;padding:5px 9px 7px;margin:6px 0 12px;background:rgba(133,160,140,.06)}
.utono-yt-thread.resolved{opacity:.65}
.utono-yt-comment{font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.utono-yt-comment strong{font-weight:720}
.utono-yt-comment small{color:var(--muted,#8b8c8b)}
.utono-yt-comment p{margin:5px 0 10px;white-space:pre-wrap}
.utono-yt-empty-comments{padding:10px;color:var(--muted,#747974);font-size:12px}
.utono-yt-comment-form{display:flex;gap:7px;padding:11px;background:var(--panel,#fafafa);border-top:1px solid var(--line,#ddd)}
.utono-yt-comment-form textarea{flex:1;min-width:0;resize:vertical;max-height:130px;font:inherit;font-size:13px;border:1px solid var(--line,#ccc);background:var(--surface,#f7f7f7);color:inherit;border-radius:8px;padding:8px}
.utono-yt-comment-form button{width:34px;min-width:34px;background:#8bb5ee;color:#fff;display:grid;place-items:center;align-self:end;padding:7px}
.utono-yt-thread-options{border-top:1px solid var(--line,#ddd);padding:8px}
@media(hover:none){.utono-yt-hover-actions{opacity:1;visibility:visible;top:4px;right:4px}.utono-yt-node{margin-top:12px}.utono-yt-node.utono-yt-embed{padding-top:33px}}
@media(max-width:600px){.utono-yt-smart-footer{font-size:10px;gap:5px;padding:7px;flex-wrap:wrap}.utono-yt-channel{max-width:100px}.utono-yt-small-row img{width:76px}.utono-yt-regular-row img{width:35%}.utono-yt-regular-row small{font-size:10px}.utono-yt-popup{max-width:calc(100vw - 22px)}.utono-yt-player{aspect-ratio:16/9}}
.utono-e2-image-frame{display:inline-flex;vertical-align:middle;position:relative;flex-direction:column;max-width:100%;gap:2px;user-select:none;-webkit-user-select:none;touch-action:none}
.utono-e2-canvas .utono-e2-image-frame>img[data-utono-media-id]{display:block;max-width:100%;cursor:grab}
.utono-e2-image-actions{position:absolute;right:4px;top:4px;display:flex;gap:3px;background:#25312be9;padding:3px;border-radius:8px;opacity:0;visibility:hidden;z-index:3}
.utono-e2-image-frame:hover .utono-e2-image-actions,.utono-e2-image-frame:focus-within .utono-e2-image-actions{opacity:1;visibility:visible}
.utono-e2-image-actions button{background:transparent;border:0;color:#fff;border-radius:5px;min-width:28px;height:26px;cursor:pointer}
.utono-e2-image-actions button:hover{background:#ffffff23}
.utono-e2-image-social .utono-yt-socialbar{border:0;padding:4px 0}
@media(hover:none){.utono-e2-image-actions{opacity:1;visibility:visible}}
.utono-yt-comments-header{cursor:grab;user-select:none;touch-action:none}
.utono-yt-comments-header:active{cursor:grabbing}

.utono-e2-canvas img[data-utono-media-id]{-webkit-touch-callout:none}

/* v2.0.15 · five YouTube presentations matched to design references. */
.utono-yt-node.utono-yt-small,.utono-yt-node.utono-yt-regular{max-width:100%;width:100%}
.utono-yt-small .utono-yt-small-row{padding:0;gap:12px;min-height:62px}
.utono-yt-small .utono-yt-small-row img{width:76px;height:61px;aspect-ratio:auto;border-radius:9px 0 0 9px}
.utono-yt-small .utono-yt-description{display:flex;align-items:center;gap:18px;flex:1;min-width:0;padding-right:16px}
.utono-yt-small .utono-yt-description strong{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:0 1 34%;font-size:13px}
.utono-yt-small .utono-yt-description>span{display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex:1;font-size:12px;margin:0}
.utono-yt-regular .utono-yt-regular-row{padding:5px;gap:12px;min-height:70px}
.utono-yt-regular .utono-yt-regular-row img{width:110px;max-width:none;aspect-ratio:16/9;border-radius:7px}
.utono-yt-regular .utono-yt-description{flex:1;min-width:0}
.utono-yt-regular .utono-yt-description strong{font-size:13px;white-space:nowrap;display:block;text-overflow:ellipsis}
.utono-yt-regular .utono-yt-description>span{font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.utono-yt-regular .utono-yt-smart-footer{border-radius:0 0 11px 11px;min-height:30px;padding:5px 10px}
.utono-yt-node.utono-yt-card{max-width:278px;width:100%}
.utono-yt-card .utono-yt-card-img{aspect-ratio:16/9;border-radius:10px 10px 0 0}
.utono-yt-card .utono-yt-text-content{padding:8px 9px 7px}
.utono-yt-card .utono-yt-title{padding:0;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.utono-yt-card .utono-yt-card-desc{font-size:12px;color:var(--muted,#777);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:3px}
.utono-yt-smart-footer-compact{gap:5px;min-height:28px;padding:4px 7px;font-size:10px}
.utono-yt-smart-footer-compact .utono-yt-avatar{height:17px;width:17px}
.utono-yt-smart-footer-compact .utono-yt-channel{max-width:135px}
.utono-yt-smart-footer-compact .utono-yt-duration{margin-left:auto!important}
.utono-yt-smart-footer-compact .utono-yt-views,.utono-yt-smart-footer-compact .utono-yt-likes{display:none}
.utono-yt-hover-actions [data-yta="drag"]{cursor:grab;touch-action:none}
.utono-yt-hover-actions [data-yta="drag"]:active{cursor:grabbing}
/* A media social bar in an image must use valid INLINE markup (SPAN rather than DIV).
   This prevents paragraphs being auto-closed when reloaded by the browser's HTML parser. */
.utono-e2-image-frame>.utono-e2-image-social{display:block;width:max-content;max-width:100%}
.utono-e2-image-social>.utono-yt-socialbar{display:inline-flex;align-items:center;gap:6px;padding:3px 0;border:0}
.utono-e2-image-social .utono-yt-socialbar button{white-space:nowrap}
@media(max-width:600px){
  .utono-yt-small .utono-yt-description{gap:7px;display:block;min-width:0}
  .utono-yt-small .utono-yt-description strong{max-width:100%}
  .utono-yt-small .utono-yt-description>span{margin-top:3px}
  .utono-yt-regular .utono-yt-regular-row img{width:30%;min-width:78px}
  .utono-yt-card{max-width:min(278px,100%)}
  .utono-yt-hover-actions{gap:0}
  .utono-yt-hover-actions button{width:29px}
}