/* Only interaction surfaces added by the independent right-pane renderer. */
.tpl-menu{position:fixed;z-index:200;background:#242628;border:1px solid #3a3c40;box-shadow:0 12px 30px #0008;border-radius:12px;padding:6px;max-height:300px;overflow:auto;min-width:150px;color:#f4f4f4;font:14px/20px 'Inter Variable',sans-serif}.tpl-menu [role=option]{cursor:pointer;padding:9px 12px;border-radius:7px;outline:0}.tpl-menu [role=option]:hover,.tpl-menu [role=option]:focus{background:#ffffff12}.tpl-menu [aria-selected=true]{background:#ffffff0a}.tpl-menu [aria-selected=true]::after{content:'✓';float:right;margin-left:20px}.tpl-locale{position:fixed;bottom:12px;right:16px;z-index:90;background:#202225;border:1px solid #3d3f42;border-radius:9px;color:#eee;padding:8px 10px;font:12px 'Inter Variable',sans-serif}.tpl-notice{position:fixed;bottom:60px;right:16px;z-index:210;max-width:min(420px,calc(100vw - 32px));padding:16px;border-radius:12px;border:1px solid #45484b;background:#242628;color:#eee;font:14px/1.5 'Inter Variable',sans-serif;box-shadow:0 10px 30px #0007}.tpl-uploads{display:flex;flex-wrap:wrap;gap:8px;padding:8px 0}.tpl-upload{width:64px;position:relative}.tpl-upload img,.tpl-upload video{width:64px;height:64px;border-radius:8px;object-fit:cover}.tpl-upload button{position:absolute;right:0;top:0;background:#000c;color:white;border-radius:50%;width:20px;height:20px}.tpl-advanced{padding:12px 0;display:grid;gap:12px}.tpl-advanced label{display:flex;justify-content:space-between;gap:8px;font-size:13px}.tpl-advanced input,.tpl-advanced select{background:#27292d;border-radius:6px;padding:6px;color:#fff;width:130px}.tpl-sticky{position:sticky;top:0;z-index:30;background:#111315}.tpl-mobile-shell-toggle{display:none}@media(max-width:1023px){.tpl-locale{bottom:8px;right:8px}.tpl-menu{max-width:calc(100vw - 24px)}}
/* Source-derived popup states: borderless glass, 16px radius, 36px items. */
.tpl-menu.q-dropdown-content{background:rgba(35,38,42,.75);backdrop-filter:blur(40px);border:0;border-radius:16px;padding:8px;box-shadow:0 0 0 1px rgba(255,255,255,.05);min-width:0;overflow:auto;font:16px/24px 'Inter Variable',sans-serif}
.tpl-menu .q-select-list{display:flex;flex-direction:column;gap:2px}
.tpl-menu .q-menu-item{position:relative;display:flex;align-items:center;justify-content:space-between;min-height:36px;height:36px;padding:8px;border-radius:8px;font:14px/20px 'Inter Variable',sans-serif;color:white;cursor:pointer;white-space:nowrap}
.tpl-menu [aria-selected=true]::after{content:none}.tpl-menu .q-select-item-indicator{width:20px;height:20px;margin-left:16px;display:flex;align-items:center}.tpl-menu .q-select-item-indicator svg{width:16px;height:16px}
.tpl-menu .q-menu-item:hover,.tpl-menu .q-menu-item:focus{background:rgba(255,255,255,.05)}.tpl-menu [aria-selected=true]{background:transparent}
.tpl-duration{width:256px;backdrop-filter:blur(40px)}main[data-template-version] fieldset[data-dragging=true]{outline:1px solid #d1fe17;outline-offset:3px}main[data-template-version] [aria-invalid=true]{outline:1px solid #ef6464;outline-offset:2px}
.tpl-uploads{display:flex;flex-wrap:wrap;gap:8px}.tpl-upload{width:96px;position:relative}.tpl-upload img,.tpl-upload video{width:96px;height:96px;border-radius:10px;object-fit:cover}.tpl-upload button{cursor:pointer;right:4px;top:4px}
.tpl-task-dialog{position:fixed;inset:0;margin:auto;width:min(440px,calc(100vw - 32px));max-height:85vh;padding:24px;border:1px solid #ffffff20;border-radius:16px;background:#202225;color:#f7f7f8;font:14px/20px 'Inter Variable',sans-serif;z-index:1200}.tpl-task-dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.tpl-task-dialog label{display:flex;flex-direction:column;gap:8px;margin:20px 0}.tpl-task-dialog input{background:#ffffff0d;border:1px solid #ffffff20;padding:12px;border-radius:8px}.tpl-task-dialog footer{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.tpl-task-dialog button{cursor:pointer;border-radius:8px;padding:10px 16px;background:#ffffff12}.tpl-task-dialog button[type=submit]{background:white;color:#151515}

/* Upload thumbnails retain original 48px cards and 144px tray. */
main[data-template-version] [data-upload-card] .tpl-upload{width:48px;height:48px}main[data-template-version] [data-upload-card] .tpl-upload img,main[data-template-version] [data-upload-card] .tpl-upload video{width:100%;height:100%;border-radius:0}main[data-template-version] [data-upload-card] .tpl-upload button{right:4px;top:4px;width:20px;height:20px;background:rgba(0,0,0,.4)}

.tpl-variant-menu{background:var(--color-neutral-surface-subtle,#23262a);border:0;border-radius:6px;box-shadow:none;padding:8px;font:14px/20px 'Inter Variable',sans-serif}.tpl-variant-menu [role=menuitem]{min-height:32px}
