/* Loaf V24 — Thumbnail Studio */
.thumb-panel{padding-bottom:34px!important}.thumb-panel .panel-title{position:sticky;top:-16px;z-index:6;margin:-16px -14px 12px;padding:16px 14px 12px;background:linear-gradient(180deg,#09070d 76%,rgba(9,7,13,.72),transparent);backdrop-filter:blur(14px)}
.thumb-hero{position:relative;overflow:hidden;border:1px solid rgba(151,99,255,.18);background:radial-gradient(circle at 80% 10%,rgba(137,78,255,.23),transparent 38%),linear-gradient(145deg,#12101a,#0a0910);border-radius:18px;padding:15px;margin-bottom:14px}.thumb-hero:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;right:-48px;top:-62px;background:rgba(145,255,21,.08);filter:blur(14px)}.thumb-hero b{font-size:12px;display:block;margin-bottom:5px}.thumb-hero p{font-size:9px;line-height:1.5;color:#8d8695;margin:0;max-width:210px}.thumb-hero .thumb-live{display:inline-flex;align-items:center;gap:5px;margin-top:9px;padding:5px 8px;border-radius:999px;background:rgba(145,255,21,.08);border:1px solid rgba(145,255,21,.14);font-size:8px;font-weight:900;color:#b9ff62}.thumb-live i{width:6px;height:6px;border-radius:50%;background:#91ff15;box-shadow:0 0 12px #91ff15}
.thumb-section{margin:14px 0}.thumb-section-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.thumb-section-head h4{margin:0;font-size:9px;letter-spacing:.09em;text-transform:uppercase;color:#807888}.thumb-section-head span{font-size:8px;color:#5f5867}.thumb-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.thumb-action{min-width:0;min-height:66px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:linear-gradient(145deg,#0f0d13,#0b0a0e);color:#b8b1c0;padding:9px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:7px;text-align:left;font:inherit;cursor:pointer;transition:.2s}.thumb-action:hover{transform:translateY(-1px);border-color:rgba(155,100,255,.26);background:linear-gradient(145deg,rgba(126,77,255,.08),#0b0a0e);color:#fff}.thumb-action svg{width:16px;height:16px;color:#a477ff}.thumb-action b{font-size:9px;line-height:1.2}.thumb-action small{display:block;font-size:7px;line-height:1.25;color:#706978}.thumb-action.wide{grid-column:1/-1;min-height:54px;flex-direction:row;align-items:center;justify-content:flex-start}.thumb-action.green svg{color:#91ff15}.thumb-action.cyan svg{color:#63e8ff}.thumb-action.gold svg{color:#ffc966}.thumb-action.danger svg{color:#ff667a}
.thumb-controls{display:grid;gap:8px;padding:10px;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(255,255,255,.018)}.thumb-control{display:grid;gap:5px}.thumb-control label{display:flex;justify-content:space-between;gap:8px;font-size:8px;color:#817987}.thumb-control input,.thumb-control select{width:100%;box-sizing:border-box}.thumb-inline{display:grid;grid-template-columns:1fr auto;gap:7px}.thumb-inline input{min-width:0;border:1px solid rgba(255,255,255,.08);background:#0b090e;color:#fff;border-radius:10px;padding:9px;font:inherit;font-size:9px}.thumb-mini-btn{border:1px solid rgba(151,99,255,.18);background:rgba(126,77,255,.08);color:#c7adff;border-radius:10px;padding:0 10px;font:inherit;font-size:8px;font-weight:900;cursor:pointer}
.minecraft-items{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.mc-item{aspect-ratio:1;border:1px solid rgba(255,255,255,.06);border-radius:11px;background:#0c0a0f;color:#fff;font-size:18px;display:grid;place-items:center;cursor:pointer;transition:.18s}.mc-item:hover{transform:scale(1.05);background:rgba(127,77,255,.08);border-color:rgba(159,107,255,.24)}
.grade-row,.sticker-row{display:flex;flex-wrap:wrap;gap:6px}.grade-chip,.sticker-chip{border:1px solid rgba(255,255,255,.07);background:#0d0b10;color:#8f8796;border-radius:999px;padding:6px 8px;font:inherit;font-size:8px;cursor:pointer}.grade-chip:hover,.sticker-chip:hover{color:#fff;border-color:rgba(153,97,255,.25)}
.thumb-score-fab{position:absolute;right:18px;top:18px;z-index:8;width:62px;height:62px;border-radius:20px;border:1px solid rgba(145,255,21,.17);background:rgba(8,9,10,.78);backdrop-filter:blur(14px);display:grid;place-items:center;box-shadow:0 18px 50px rgba(0,0,0,.25)}.thumb-score-fab b{font-size:17px;color:#c3ff79;line-height:1}.thumb-score-fab small{font-size:6px;color:#777;letter-spacing:.08em;text-transform:uppercase}.thumb-score-fab.good{box-shadow:0 0 30px rgba(145,255,21,.08)}
.youtube-safe-zone{position:absolute;inset:6%;pointer-events:none;z-index:5;display:none}.youtube-safe-zone.show{display:block}.youtube-safe-zone:before{content:"SAFE CONTENT";position:absolute;left:5%;right:5%;top:7%;bottom:12%;border:2px dashed rgba(145,255,21,.32);border-radius:12px;color:rgba(190,255,120,.68);font:800 10px Inter,sans-serif;padding:8px}.youtube-safe-zone:after{content:"12:34";position:absolute;right:3%;bottom:3%;padding:5px 7px;border-radius:5px;background:rgba(0,0,0,.85);color:#fff;font:800 10px Inter,sans-serif}.composition-guide{position:absolute;inset:0;z-index:5;pointer-events:none;display:none}.composition-guide.show{display:block;background-image:linear-gradient(90deg,transparent 33.2%,rgba(255,205,87,.28) 33.3%,rgba(255,205,87,.28) 33.5%,transparent 33.6%,transparent 66.4%,rgba(255,205,87,.28) 66.5%,rgba(255,205,87,.28) 66.7%,transparent 66.8%),linear-gradient(transparent 33.2%,rgba(255,205,87,.28) 33.3%,rgba(255,205,87,.28) 33.5%,transparent 33.6%,transparent 66.4%,rgba(255,205,87,.28) 66.5%,rgba(255,205,87,.28) 66.7%,transparent 66.8%)}.reference-overlay{position:absolute;inset:0;z-index:4;pointer-events:none;display:none;object-fit:contain;width:100%;height:100%;opacity:.28}.reference-overlay.show{display:block}
.thumb-modal{position:fixed;inset:0;z-index:2000;background:rgba(4,3,7,.78);backdrop-filter:blur(18px);display:none;place-items:center;padding:26px}.thumb-modal.show{display:grid}.thumb-modal-card{width:min(880px,94vw);max-height:88vh;overflow:auto;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:radial-gradient(circle at 85% 0%,rgba(123,76,255,.18),transparent 32%),#0d0b11;box-shadow:0 35px 120px rgba(0,0,0,.65);padding:22px}.thumb-modal-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.thumb-modal-head h2{font-size:20px;margin:0}.thumb-modal-head button{width:34px;height:34px;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#121017;color:#fff;cursor:pointer}.score-ring{width:122px;height:122px;border-radius:50%;display:grid;place-items:center;margin:22px auto;background:conic-gradient(#91ff15 var(--score,75%),rgba(255,255,255,.07) 0);position:relative}.score-ring:after{content:"";position:absolute;inset:9px;border-radius:50%;background:#0d0b11}.score-ring div{position:relative;z-index:2;text-align:center}.score-ring b{display:block;font-size:34px}.score-ring span{font-size:8px;color:#777}.score-breakdown{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.score-metric{padding:12px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.score-metric b{display:block;font-size:13px}.score-metric span{font-size:8px;color:#777}.yt-preview-controls{display:flex;gap:7px;flex-wrap:wrap;margin:16px 0}.yt-preview-controls button{border:1px solid rgba(255,255,255,.07);background:#111015;color:#aaa;border-radius:10px;padding:8px 10px;font:inherit;font-size:9px;cursor:pointer}.yt-preview-controls button.active{color:#fff;background:rgba(127,77,255,.12);border-color:rgba(155,99,255,.25)}.yt-preview-stage{padding:22px;border-radius:18px;background:#f6f6f6;color:#111;transition:.2s}.yt-preview-stage.dark{background:#0f0f0f;color:#fff}.yt-card{max-width:620px;margin:auto}.yt-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:14px;display:block}.yt-meta{display:flex;gap:10px;padding-top:10px}.yt-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#7b4dff,#91ff15)}.yt-lines{flex:1}.yt-lines b{display:block;font-size:12px}.yt-lines span{display:block;font-size:9px;color:#777;margin-top:4px}.tiny-preview{width:220px!important;margin:22px auto!important}.tiny-preview .yt-meta{transform:scale(.76);transform-origin:top left;width:132%}
.variants-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.variant-card{border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#0b090e;padding:8px;cursor:pointer}.variant-card img{width:100%;border-radius:10px;display:block}.variant-card span{font-size:9px;color:#aaa;display:block;padding:8px 2px 2px}.history-list{display:grid;gap:8px;margin-top:14px}.history-row{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid rgba(255,255,255,.06);border-radius:13px;background:rgba(255,255,255,.02)}.history-row div{flex:1}.history-row b{display:block;font-size:9px}.history-row span{font-size:8px;color:#716a78}.history-row button{border:1px solid rgba(154,99,255,.18);background:rgba(124,77,255,.08);color:#c8afff;border-radius:9px;padding:7px 9px;font:inherit;font-size:8px;cursor:pointer}
.thumb-export-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:14px}.thumb-export-card{border:1px solid rgba(255,255,255,.07);border-radius:15px;background:#0b090e;padding:14px}.thumb-export-card b{font-size:11px;display:block}.thumb-export-card p{font-size:8px;color:#706978;line-height:1.5}.thumb-export-card button{width:100%;margin-top:8px}
@media(max-width:1250px){.thumb-actions{grid-template-columns:1fr}.thumb-action.wide{grid-column:auto}.minecraft-items{grid-template-columns:repeat(4,minmax(0,1fr))}}
.layer-item.multi-selected{border-color:rgba(145,255,21,.32)!important;background:rgba(145,255,21,.045)!important;box-shadow:inset 3px 0 0 rgba(145,255,21,.7)}

/* Loaf V50 — Thumbnail Studio workspace polish */
.thumb-panel{background:linear-gradient(180deg,rgba(11,9,15,.98),rgba(7,6,10,.98));scrollbar-width:thin;scrollbar-color:#3b216d transparent}
.thumb-panel .panel-title{border-bottom:1px solid rgba(255,255,255,.045);box-shadow:0 18px 36px rgba(0,0,0,.12)}
.thumb-panel .panel-title h3{font-size:14px!important;letter-spacing:-.03em}.thumb-panel .panel-title .tag{background:linear-gradient(135deg,rgba(126,77,255,.16),rgba(97,231,255,.08));border-color:rgba(145,102,255,.18);color:#cfbaff}
.thumb-hero{padding:18px;border-radius:20px;background:radial-gradient(circle at 86% 5%,rgba(118,74,255,.30),transparent 36%),radial-gradient(circle at 4% 96%,rgba(97,231,255,.08),transparent 30%),linear-gradient(145deg,#15111f,#0a0910);box-shadow:0 18px 48px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.04)}
.thumb-hero b{font-size:15px;letter-spacing:-.025em}.thumb-hero p{max-width:240px;font-size:9px}.thumb-hero .thumb-live{margin-top:12px}
.thumb-studio-nav{position:sticky;top:61px;z-index:5;margin:0 -3px 15px;padding:8px;border-radius:16px;background:rgba(10,8,13,.92);border:1px solid rgba(255,255,255,.055);backdrop-filter:blur(18px);box-shadow:0 14px 35px rgba(0,0,0,.18)}
.thumb-studio-tabs{display:flex;gap:5px;overflow:auto;padding-bottom:7px;scrollbar-width:none}.thumb-studio-tabs::-webkit-scrollbar{display:none}.thumb-studio-tabs button{flex:0 0 auto;height:30px;padding:0 10px;border-radius:999px;border:1px solid transparent;background:transparent;color:#77707f;font:inherit;font-size:8px;font-weight:850;cursor:pointer}.thumb-studio-tabs button.active{background:#f4f2f7;color:#0c0a0f}.thumb-studio-tabs button:not(.active):hover{background:rgba(255,255,255,.04);color:#fff}
.thumb-studio-search{height:36px;width:100%;box-sizing:border-box;border-radius:11px;border:1px solid rgba(255,255,255,.06);background:#0d0b10;color:#fff;padding:0 11px;font:inherit;font-size:9px;outline:none}.thumb-studio-search:focus{border-color:rgba(151,96,255,.28);box-shadow:0 0 0 3px rgba(126,76,255,.06)}
.thumb-quickbar{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:0 0 14px}.thumb-quickbar button{min-width:0;height:42px;border-radius:12px;border:1px solid rgba(255,255,255,.055);background:linear-gradient(180deg,#0e0c12,#0b090e);color:#938b9c;display:grid;place-items:center;gap:2px;font:inherit;font-size:7px;font-weight:800;cursor:pointer;transition:.18s}.thumb-quickbar button:hover{transform:translateY(-1px);border-color:rgba(150,95,255,.24);color:#fff;background:linear-gradient(180deg,rgba(126,77,255,.08),#0b090e)}.thumb-quickbar svg{width:14px;height:14px;color:#a77cff}
.thumb-section{position:relative;margin:10px 0;padding:11px;border:1px solid rgba(255,255,255,.055);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(255,255,255,.009));transition:border-color .2s,background .2s}.thumb-section:hover{border-color:rgba(145,91,255,.12);background:linear-gradient(180deg,rgba(126,77,255,.026),rgba(255,255,255,.009))}.thumb-section.is-highlighted{border-color:rgba(151,96,255,.3);box-shadow:0 0 0 3px rgba(126,76,255,.05)}
.thumb-section-head{margin-bottom:10px}.thumb-section-head h4{font-size:8px;letter-spacing:.12em;color:#a49cab}.thumb-section-head span{padding:4px 6px;border-radius:999px;background:rgba(255,255,255,.03);color:#6f6877}
.thumb-action{position:relative;overflow:hidden;min-height:72px;border-radius:14px;padding:10px;background:linear-gradient(145deg,#100e14,#0a090d);box-shadow:inset 0 1px 0 rgba(255,255,255,.018)}.thumb-action:after{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 15%,rgba(255,255,255,.05) 48%,transparent 78%);transform:translateX(-120%);transition:transform .5s ease;pointer-events:none}.thumb-action:hover:after{transform:translateX(120%)}.thumb-action:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(0,0,0,.18)}.thumb-action svg{width:17px;height:17px}.thumb-action b{font-size:9px;color:#d7d0df}.thumb-action small{font-size:7.2px;color:#746d7c}.thumb-action.hidden-by-thumb-search{display:none!important}
.thumb-controls{background:#0c0a0f;border-color:rgba(255,255,255,.05)}.grade-chip,.sticker-chip{transition:.18s}.grade-chip:hover,.sticker-chip:hover{transform:translateY(-1px);background:rgba(125,76,255,.08)}
.thumb-section[data-thumb-accent="analyze"]{box-shadow:inset 2px 0 0 rgba(97,231,255,.25)}.thumb-section[data-thumb-accent="subject"]{box-shadow:inset 2px 0 0 rgba(145,255,21,.18)}.thumb-section[data-thumb-accent="text"]{box-shadow:inset 2px 0 0 rgba(255,105,218,.22)}.thumb-section[data-thumb-accent="effects"]{box-shadow:inset 2px 0 0 rgba(156,102,255,.28)}.thumb-section[data-thumb-accent="layout"]{box-shadow:inset 2px 0 0 rgba(255,194,89,.18)}.thumb-section[data-thumb-accent="export"]{box-shadow:inset 2px 0 0 rgba(145,255,21,.28)}
@media(max-width:1250px){.thumb-quickbar{grid-template-columns:repeat(3,1fr)}.thumb-studio-nav{top:58px}}

/* V66 — Thumbnail Studio mobile unlock */
@media(max-width:900px){
  body.editor-body.thumbnail-editor-v60{height:auto!important;min-height:100dvh!important;overflow:auto!important}
  body.editor-body.thumbnail-editor-v60 .editor-shell{display:grid!important}
  body.editor-body.thumbnail-editor-v60 .editor-mobile-warning{display:none!important}
  .thumbnail-quickdock-v60{position:absolute!important;left:8px!important;right:8px!important;top:49px!important;transform:none!important;max-width:none!important;overflow-x:auto!important;justify-content:flex-start!important;border-radius:14px!important;padding:5px!important;scrollbar-width:none!important}.thumbnail-quickdock-v60::-webkit-scrollbar{display:none!important}.thumbnail-quickdock-v60>button{flex:0 0 auto!important;height:32px!important;padding:0 8px!important;font-size:7px!important}.thumbnail-quickdock-v60>button span{display:none!important}.thumbnail-palette-mini-v60{flex:0 0 auto!important}.thumbnail-editor-v60 .canvas-viewport{padding-top:92px!important}
  .thumb-score-fab{right:10px!important;top:92px!important;width:54px!important;height:54px!important;border-radius:16px!important}.thumb-score-fab b{font-size:15px!important}
  .thumb-modal{padding:10px!important;align-items:end!important}.thumb-modal-card{width:100%!important;max-height:86dvh!important;border-radius:22px 22px 0 0!important;padding:16px!important}.score-breakdown{grid-template-columns:1fr 1fr!important}.variants-grid{grid-template-columns:1fr 1fr!important}.thumb-export-grid{grid-template-columns:1fr!important}.yt-preview-stage{padding:12px!important}.tiny-preview{width:min(220px,100%)!important}
}
