.thumbnail-maker-dialog{box-sizing:border-box;width:calc(100vw - 24px);max-width:1680px;height:calc(100vh - 24px);max-height:none;padding:18px 20px;overflow:hidden}
.thumbnail-maker-dialog .dialog-heading{margin-bottom:12px}.thumbnail-maker-dialog .dialog-heading p{margin:4px 0 0;color:#708690;font-size:12px}
.thumbnail-maker-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:18px;height:calc(100% - 118px);min-height:0}
.thumbnail-maker-stage{min-width:0}.thumbnail-maker-stage>label{display:block;margin:0 0 10px}.thumbnail-maker-stage select{max-width:100%}
.thumbnail-maker-source-row{display:flex;gap:10px;align-items:end;margin-bottom:10px}.thumbnail-maker-source-row label{flex:1;font-size:12px}.thumbnail-maker-source-row select,.thumbnail-maker-source-row input{width:100%;margin-top:4px}
#thumbnail-maker-canvas{display:block;width:100%;max-height:calc(100vh - 250px);aspect-ratio:16/9;height:auto;border-radius:9px;background:#1b2730;touch-action:none}
.thumbnail-maker-hint{display:block;margin-top:5px;color:#526d77}
.thumbnail-maker-presets{display:flex;gap:7px;align-items:center;margin:0 0 14px}.thumbnail-maker-presets select{max-width:220px}.thumbnail-maker-presets input{max-width:260px}.thumbnail-maker-presets button{white-space:nowrap}
#thumbnail-maker-progress{min-height:24px;margin:8px 0;color:#526d77;font-size:12px}
.thumbnail-maker-actions{display:flex;gap:8px;flex-wrap:wrap}.thumbnail-maker-actions button{flex:1;white-space:nowrap}
.thumbnail-maker-inspector{min-height:0;overflow:hidden;border:1px solid #dbe5e8;border-radius:12px;background:#f9fbfc;padding:12px}.thumbnail-maker-controls{height:100%;overflow:auto;padding:0 4px}.thumbnail-maker-controls>h3,.thumbnail-photo-controls h3{margin:4px 0 10px}.thumbnail-maker-controls>label{display:block;margin:0 0 12px}
.thumbnail-photo-controls{margin-top:16px;padding-top:12px;border-top:1px solid #dbe5e8}
.thumbnail-maker-controls input[type=file]{font-size:12px;padding:7px}.thumbnail-maker-controls small{display:block;margin:-6px 0 12px;color:#708690}
.thumbnail-maker-font-picker{display:grid;gap:7px;margin-bottom:12px}.thumbnail-maker-font-tabs{display:flex;gap:6px}.thumbnail-maker-font-tabs button{flex:1;padding:7px}.thumbnail-maker-font-tabs button.active{background:#e7f5f0;border-color:#76c6ad;color:#006a61}.thumbnail-maker-font-picker input[type=search]{width:100%;padding:8px}.thumbnail-maker-font-list{max-height:285px;overflow:auto;border:1px solid #dbe5e8;border-radius:9px;background:#fff}.thumbnail-maker-font-row{display:block;width:100%;text-align:left;padding:7px 10px;border:0;border-bottom:1px solid #edf1f3;background:#fff;cursor:pointer;font-size:12px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumbnail-maker-font-row:hover,.thumbnail-maker-font-row[aria-selected=true]{background:#e9f6f2}.thumbnail-maker-font-list>small{display:block;padding:8px;color:#708690}.thumbnail-maker-font-status{color:#708690;font-size:11px}
.thumbnail-maker-font-picker [hidden]{display:none}
.thumbnail-maker-font-row:focus-visible{outline:2px solid #008e7d;outline-offset:-2px;background:#dff3ed}
.thumbnail-maker-alignment{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 12px}.thumbnail-maker-alignment[hidden]{display:none}.thumbnail-maker-alignment span{font-size:12px;font-weight:700;color:#526d77}.thumbnail-maker-alignment>div{display:flex;gap:2px}.thumbnail-maker-alignment button{padding:5px 10px;border:1px solid #dbe5e8;background:#fff;color:#2c5361;cursor:pointer;font-size:12px}.thumbnail-maker-alignment button:first-child{border-radius:6px 0 0 6px}.thumbnail-maker-alignment button:last-child{border-radius:0 6px 6px 0}.thumbnail-maker-alignment button:hover{background:#e9f6f2}
.thumbnail-maker-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.thumbnail-maker-grid label{font-size:12px}.thumbnail-maker-grid input{width:100%;min-width:0;margin-top:4px;padding:7px}
.schedule-thumbnail-pending{display:block;padding:0 11px 8px;color:#b34b39;font-size:11px;font-weight:700}
@media(max-width:800px){.thumbnail-maker-dialog{height:auto;max-height:calc(100vh - 20px);overflow:auto}.thumbnail-maker-layout{grid-template-columns:1fr;height:auto}.thumbnail-maker-inspector{overflow:visible}.thumbnail-maker-controls{height:auto;max-height:none}.thumbnail-maker-presets{flex-wrap:wrap}}

/* Playlist editor-compatible compact layout. */
.thumbnail-maker-dialog{position:relative;width:min(1400px,calc(100vw - 32px));height:auto;max-height:94vh;padding:20px;background:#f6f7f9;border:0;border-radius:14px;box-shadow:0 15px 60px #0004;overflow:auto;color:#263344}.thumbnail-maker-dialog::backdrop{background:#15203399}.thumbnail-maker-dialog .dialog-heading{padding-right:90px}.thumbnail-maker-dialog .dialog-heading h2{margin:0 0 5px;font-size:23px}.thumbnail-maker-dialog .dialog-heading .close{position:absolute;right:20px;top:15px;width:auto;white-space:nowrap}
.thumbnail-maker-layout{grid-template-columns:minmax(0,1fr) 310px;gap:16px;height:auto;align-items:start}.thumbnail-maker-stage,.thumbnail-maker-inspector{box-sizing:border-box;border:1px solid #dce3ea;border-radius:13px;background:#fff;padding:16px;box-shadow:0 2px 10px #2130470a}.thumbnail-maker-inspector{position:sticky;top:0;min-height:0;overflow:visible;padding:10px}
.thumbnail-maker-presets{align-items:end;margin-bottom:13px}.thumbnail-maker-presets>span{font-size:11px;color:#46566a}.thumbnail-maker-presets select{width:230px;max-width:none}.thumbnail-maker-presets input{width:190px;max-width:none}.thumbnail-maker-presets select,.thumbnail-maker-presets input{box-sizing:border-box;height:39px;padding:8px 10px;border:1px solid #d7e1e9;border-radius:7px;background:#fff}
.thumbnail-maker-source-row{display:grid;grid-template-columns:1fr 1fr}.thumbnail-maker-source-row select,.thumbnail-maker-source-row input{box-sizing:border-box;height:39px;padding:7px 9px;border:1px solid #d7e1e9;border-radius:7px;background:#fff}
#thumbnail-maker-canvas{max-height:none;background:#16202b;cursor:move}.thumbnail-maker-original{display:flex;flex-direction:column;gap:5px;width:100%;margin-bottom:8px;color:#718197;font-size:11px;text-align:center}.thumbnail-maker-original img{display:block;width:100%;height:155px;object-fit:contain;background:#000;border-radius:7px}.thumbnail-maker-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:8px}.thumbnail-maker-tabs button{min-width:0;width:100%;padding:7px 2px;white-space:nowrap}.thumbnail-maker-tabs button.active{border-color:#273c59;background:#273c59;color:#fff}
.thumbnail-maker-controls{height:auto;max-height:565px;overflow:auto;padding:0 2px}.thumbnail-maker-controls [hidden]{display:none!important}.thumbnail-maker-controls h3{display:none}.thumbnail-maker-controls>label,.thumbnail-maker-text-panel>label{margin-bottom:8px;font-size:11px}.thumbnail-maker-controls input,.thumbnail-maker-controls select,.thumbnail-maker-controls textarea{box-sizing:border-box;width:100%;margin-top:4px;padding:7px 8px;border:1px solid #d7e1e9;border-radius:7px;background:#fff;color:#263344;font-size:12px}.thumbnail-maker-grid{gap:0 10px}.thumbnail-maker-grid label{margin-bottom:8px;font-size:11px}.thumbnail-maker-grid input,.thumbnail-maker-grid select{padding:7px 8px}
.thumbnail-photo-controls{margin:0;padding:0;border:0}.thumbnail-photo-controls .thumbnail-maker-grid{display:block}.thumbnail-photo-controls label{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:0 4px;align-items:center;min-height:37px;margin:0;padding:2px 0;border-bottom:1px solid #e3e8ef}.thumbnail-photo-controls label input[type=number]{grid-column:2;grid-row:1;width:42px;height:20px;margin:0;padding:0 2px;text-align:center;font-size:10px}.thumbnail-photo-controls label input[type=range]{grid-column:1/-1;grid-row:2;width:100%;height:13px;margin:0;padding:0;border:0}.thumbnail-photo-controls button{width:100%;margin-top:7px}.thumbnail-maker-image-panel textarea{width:100%;resize:vertical}.thumbnail-maker-image-panel button{width:100%;margin:8px 0}
@media(max-width:850px){.thumbnail-maker-layout{grid-template-columns:1fr}.thumbnail-maker-inspector{position:static}.thumbnail-maker-source-row{grid-template-columns:1fr}}
.thumbnail-maker-dialog .thumbnail-maker-original[hidden],.thumbnail-maker-dialog .thumbnail-maker-tabs[hidden]{display:none!important}.thumbnail-maker-template-mode .thumbnail-maker-inspector{padding:16px}.thumbnail-maker-template-mode .thumbnail-maker-controls{max-height:720px}.thumbnail-maker-preview-mode .thumbnail-maker-source-row{display:none}
.thumbnail-maker-layer-tools{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0;padding:7px 0;border-top:1px solid #e3e8ef}.thumbnail-maker-layer-tools>span{font-size:11px;font-weight:700;color:#526d77}.thumbnail-maker-layer-tools select{min-width:170px;max-width:260px;height:32px;padding:4px 7px}.thumbnail-maker-layer-tools button{padding:6px 9px;font-size:11px}.thumbnail-maker-layer-tools button.active{background:#273c59;color:#fff}.thumbnail-maker-layer-tools label{display:flex;align-items:center;gap:5px;font-size:11px}.thumbnail-maker-layer-tools input[type=number]{width:58px;padding:5px}
.thumbnail-maker-text-panel>.thumbnail-maker-grid{grid-template-columns:1fr 1fr}.thumbnail-maker-text-panel .thumbnail-maker-font-picker{margin-bottom:8px}.thumbnail-maker-preview-mode .thumbnail-maker-inspector{padding:10px}.thumbnail-maker-preview-mode .thumbnail-maker-controls{max-height:calc(94vh - 175px)}
.thumbnail-maker-template-mode .thumbnail-maker-layout{grid-template-columns:minmax(0,1fr) 310px}.thumbnail-maker-template-mode .thumbnail-maker-stage{padding:14px}.thumbnail-maker-template-mode #thumbnail-maker-layer-tools,.thumbnail-maker-template-mode #thumbnail-maker-brush-tools{display:flex}.thumbnail-maker-preview-mode #thumbnail-maker-layer-tools,.thumbnail-maker-preview-mode #thumbnail-maker-brush-tools{display:flex}
.thumbnail-maker-brush-cursor{position:fixed;z-index:2000;pointer-events:none;transform:translate(-50%,-50%);border:1px solid #20c5ac;border-radius:50%;box-sizing:border-box;box-shadow:0 0 0 1px #0005}.thumbnail-maker-brush-cursor[hidden]{display:none!important}
.thumbnail-color-section{display:block;grid-column:1/-1;margin:2px 0 0;padding:2px 0;border-bottom:1px solid #e3e8ef;color:#6b7280;font-size:10px;line-height:13px}.thumbnail-photo-controls .thumbnail-maker-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:3px}.thumbnail-photo-controls label{min-height:30px;padding:0;border:0}.thumbnail-photo-controls label input[type=range]{height:12px}.thumbnail-photo-controls label input[type=number]{height:18px}
.thumbnail-photo-controls input[data-range-for=photoTemperature],.thumbnail-photo-controls input[data-range-for=photoHue]{-webkit-appearance:none;appearance:none;height:6px!important;border-radius:999px;outline:none}.thumbnail-photo-controls input[data-range-for=photoTemperature]{background:linear-gradient(90deg,#2288ff 0%,#eaf3ff 48%,#fff1d5 52%,#ff9b18 100%)}.thumbnail-photo-controls input[data-range-for=photoHue]{background:linear-gradient(90deg,#18c76f 0%,#e8f5df 48%,#f7e5f2 52%,#e325a6 100%)}.thumbnail-photo-controls input[data-range-for=photoTemperature]::-webkit-slider-thumb,.thumbnail-photo-controls input[data-range-for=photoHue]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:#1687d9;box-shadow:0 0 0 1px #0f172a47}
.thumbnail-maker-text-panel>.thumbnail-maker-grid{gap:4px 8px}.thumbnail-maker-text-panel>.thumbnail-maker-grid label{min-height:47px;margin:0!important;font-size:10px;line-height:12px}.thumbnail-maker-text-panel>.thumbnail-maker-grid input,.thumbnail-maker-text-panel>.thumbnail-maker-grid select{height:32px;margin-top:2px;padding:5px 7px}.thumbnail-maker-text-panel>.thumbnail-maker-grid label[hidden]{display:none!important}.thumbnail-maker-text-panel>label{margin:0 0 6px!important}.thumbnail-maker-text-panel .thumbnail-maker-font-picker{gap:4px;margin-bottom:6px}.thumbnail-maker-text-panel .thumbnail-maker-font-list{max-height:220px}
.thumbnail-maker-template-mode #thumbnail-maker-brush-tools{display:none}.thumbnail-maker-layer-tools{margin:5px 0;padding:5px 0}.thumbnail-maker-alignment{margin:5px 0}.thumbnail-maker-hint{margin:4px 0}
.thumbnail-maker-inline-text{position:fixed;z-index:2100;box-sizing:border-box;border:2px solid #20c5ac;background:#18232ed9;padding:3px 5px;color:#fff;text-align:center;outline:none;resize:none;overflow:hidden}