.tg-tab:hover,.thumbnail-wrapper{color:var(--tg-text)}.tg-button,.tg-tab{appearance:none;cursor:pointer}:root{--tg-primary:#1a73e8;--tg-primary-dark:#1557b0;--tg-text:#202124;--tg-muted:#5f6368;--tg-border:#dadce0;--tg-bg:#f8fafd;--tg-card:#ffffff;--tg-shadow:0 1px 2px rgba(60,64,67,.12),0 4px 14px rgba(60,64,67,.08);--tg-radius:12px}.thumbnail-wrapper,.thumbnail-wrapper *{box-sizing:border-box}.thumbnail-wrapper{width:min(1120px,calc(100% - 32px));margin:32px auto;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.tg-header{margin-bottom:20px}.tg-title{margin:0;font-size:24px;line-height:1.25;font-weight:700;letter-spacing:-.4px}.formthumb label,.tg-tab{font-weight:600;font-size:13px}.tg-description{margin:7px 0 0;color:var(--tg-muted);font-size:14px;line-height:1.55}.tg-tabs{display:flex;align-items:center;gap:4px;padding:5px;margin-bottom:16px;background:#f1f3f4;border:1px solid #e5e7eb;border-radius:10px;width:max-content}.tg-tab{border:0;background:0 0;color:#5f6368;padding:9px 18px;border-radius:7px;transition:background .18s,color .18s,box-shadow .18s}.tg-tab.active{background:#fff;color:var(--tg-primary);box-shadow:0 1px 3px rgba(60,64,67,.16)}.tg-panel{display:none;animation:.22s tgFade}.tg-panel.active{display:block}@keyframes tgFade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.tg-editor{display:grid;grid-template-columns:minmax(0,390px) minmax(0,1fr);gap:20px;align-items:start}.tg-card{background:var(--tg-card);border:1px solid var(--tg-border);border-radius:var(--tg-radius);box-shadow:var(--tg-shadow)}.tg-controls{padding:20px}.tg-section-title{margin:0 0 17px;font-size:15px;font-weight:700}.formthumb{margin-bottom:15px}.formthumb:last-child{margin-bottom:0}.formthumb label{display:block;margin:0 0 7px;color:#3c4043}.formthumb input,.formthumb select{display:block;width:100%;height:42px;padding:0 12px;border:1px solid var(--tg-border);border-radius:8px;outline:0;background:#fff;color:var(--tg-text);font:inherit;font-size:14px;transition:border-color .18s,box-shadow .18s}.formthumb input:hover,.formthumb select:hover{border-color:#bdc1c6}.formthumb input:focus,.formthumb select:focus{border-color:var(--tg-primary);box-shadow:0 0 0 3px rgba(26,115,232,.12)}.formthumb input[type=file]{padding:5px;cursor:pointer}.formthumb input[type=file]::file-selector-button{border:0;border-radius:6px;padding:7px 11px;margin-right:8px;background:#e8f0fe;color:#1967d2;font-weight:600;cursor:pointer}.tg-preview-card,.tg-preview-tab{padding:16px}.tg-preview-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.tg-preview-title{margin:0;font-size:14px;font-weight:700}.tg-size-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border:1px solid #dfe3e7;border-radius:999px;background:#f8f9fa;color:#5f6368;font-size:11px;font-weight:600;white-space:nowrap}.tg-brand,.tg-label{font-size:12px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.tg-size-dot{width:6px;height:6px;border-radius:50%;background:#34a853}#thumbnailPreview,.tg-stage-inner{width:100%;height:100%;position:relative;overflow:hidden}.tg-stage{width:100%;aspect-ratio:16/9;overflow:hidden;position:relative;border:1px solid #dfe3e7;border-radius:10px;background:linear-gradient(45deg,#f1f3f4 25%,transparent 25%),linear-gradient(-45deg,#f1f3f4 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f1f3f4 75%),linear-gradient(-45deg,transparent 75%,#f1f3f4 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.tg-content,.tg-gradient,.tg-grid{position:absolute;inset:0}#thumbnailPreview{color:#fff;background:#1a73e8;user-select:none}.tg-gradient{background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.16),transparent 25%),linear-gradient(135deg,rgba(0,0,0,.04),rgba(0,0,0,.25));pointer-events:none}.tg-grid{opacity:.09;background-image:linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);background-size:32px 32px;pointer-events:none}.tg-label,.tg-profile,.tg-profile-placeholder{background:rgba(255,255,255,.12)}.tg-content{padding:4.5%;display:flex;flex-direction:column}.tg-label,.tg-top{align-items:center}.tg-top{display:flex;justify-content:space-between;gap:20px}.tg-label{display:inline-flex;min-height:31px;max-width:65%;padding:6px 12px;border:1px solid rgba(255,255,255,.72);border-radius:6px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);letter-spacing:.35px;text-transform:uppercase;overflow:hidden}.tg-brand{max-width:45%;display:flex;align-items:center;justify-content:flex-end;gap:7px;opacity:.92;overflow:hidden}.tg-profile{width:27px;height:27px;flex:none;border-radius:50%;object-fit:cover;border:1px solid rgba(255,255,255,.75)}.tg-profile-placeholder{width:27px;height:27px;flex:none;border-radius:50%;border:1px solid rgba(255,255,255,.75)}.tg-main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 31%;gap:4%;align-items:center;min-height:0}.tg-heading{min-width:0}.tg-heading h2{margin:0;font-size:clamp(22px,4vw,50px);line-height:1.08;letter-spacing:-1.3px;font-weight:750;max-width:100%;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.18)}.tg-image-box{position:relative;width:100%;aspect-ratio:1/.82;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:9px;background:rgba(0,0,0,.13);box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.08)}.tg-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:rgba(0,0,0,.08)}.tg-image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;color:rgba(255,255,255,.72);font-size:11px;text-align:center}.tg-image-placeholder svg{width:27px;height:27px;opacity:.75}.tg-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:600}.tg-author,.tg-brand-bottom{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tg-line{width:46px;height:3px;border-radius:99px;background:rgba(255,255,255,.9);margin-bottom:8px}.tg-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.tg-button,.tg-download.show{display:inline-flex}.tg-button{align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 15px;border:1px solid transparent;border-radius:8px;transition:transform .15s,box-shadow .15s,background .15s}.tg-button:hover{opacity:.8}.tg-button:active{transform:translateY(0)}.tg-button svg{width:16px;height:16px;flex:none}.tg-primary{background:var(--tg-primary);color:#fff;box-shadow:0 1px 2px rgba(26,115,232,.22)}.tg-primary:hover{background:var(--tg-primary-dark);box-shadow:0 3px 8px rgba(26,115,232,.22)}.tg-secondary{background:#fff;color:#3c4043;border-color:var(--tg-border)}.tg-secondary:hover,.tg-status{background:#f8f9fa}.tg-download{display:none}.tg-preview-large{width:100%;max-width:1000px;margin:0 auto}.tg-preview-large .tg-stage{width:100%}.tg-status{margin-top:12px;padding:10px 12px;border:1px solid #e5e7eb;border-radius:8px;color:#5f6368;font-size:12px;line-height:1.5}.tg-status.ready{border-color:#c6e8cf;background:#f1f8f3;color:#137333}.tg-status.error{border-color:#f1c1c1;background:#fdf4f4;color:#c5221f}@media(max-width:850px){.tg-editor{grid-template-columns:1fr}}@media(max-width:600px){.thumbnail-wrapper{width:min(100% - 20px,1120px);margin:20px auto}.tg-title{font-size:21px}.tg-bottom,.tg-brand,.tg-label{font-size:9px}.tg-tabs{width:100%}.tg-tab{flex:1;padding-left:10px;padding-right:10px}.tg-controls,.tg-preview-card,.tg-preview-tab{padding:13px}.tg-content{padding:5%}.tg-main{grid-template-columns:minmax(0,1fr) 30%;gap:4%}.tg-heading h2{font-size:clamp(18px,5vw,30px);letter-spacing:-.7px}.tg-label{min-height:25px;padding:4px 8px}.tg-brand{max-width:45%;gap:5px}.tg-profile,.tg-profile-placeholder{width:20px;height:20px}}#alertBox img,.lock{width:92px;height:92px;margin-bottom:10px}#background,#canvas,#content-container,.tombol-convert,.tombol-download{display:none!important}.tg-description a{color:#00838f;font-weight:600;text-decoration:none;transition:color .2s,border-color .2s;border-bottom:1px solid transparent}.tg-description a:hover{color:#006b73;border-bottom-color:currentColor}#alertBox{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#161b22;border:1px solid #30363d;border-radius:14px;padding:18px;box-shadow:0 20px 60px rgba(0,0,0,.6);color:#e5e7eb;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:14px;text-align:center;z-index:9999;transition:opacity .25s ease-in-out;opacity:0;width:min(340px,92vw)}#alertBox img{object-fit:cover;border-radius:10px}#alertBox .msg{color:#0073e5;display:block;margin-top:6px;font-weight:420;letter-spacing:.2px}#alertBox #countdown{margin-top:14px;font-size:13px;color:#c5c5c5;font-weight:400}#alertBox .footer-text{margin-top:14px;font-size:12px;color:#8e8ea0;letter-spacing:.3px}.lock{display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:center;background-image:url('data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJIYXhvckFJX0xvY2siIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KCiAgICAgICAgICAgIDwhLS0gQmFja2dyb3VuZCBQZXJzZWdpIC0tPgogICAgICAgICAgICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgZmlsbD0idHJhbnNwYXJlbnQiIHJ4PSIyMCIgLz4KCiAgICAgICAgICAgIDwhLS0gSGFuZGxlIEdlbWJvayAtLT4KICAgICAgICAgICAgPHBhdGggZD0iTTY2LjEsMTI4LjFWNTkuOWMwLTE4LjQsMTQuOS0zMy4zLDMzLjMtMzMuM3MzMy4zLDE0LjksMzMuMywzMy4zdjM2LjgiIHN0eWxlPSJmaWxsOm5vbmU7IHN0cm9rZTp3aGl0ZXNtb2tlOyBzdHJva2Utd2lkdGg6MTQ7IHN0cm9rZS1saW5lY2FwOnJvdW5kOyBzdHJva2UtbGluZWpvaW46cm91bmQ7IHN0cm9rZS1taXRlcmxpbWl0OjEwOyIgLz4KCiAgICAgICAgICAgIDwhLS0gQm9keSBHZW1ib2sgLS0+CiAgICAgICAgICAgIDxnIGlkPSJsb2NrLWJvZHkiIHN0eWxlPSJ0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTIycHgpOyB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dDsiPgogICAgICAgICAgICAgICAgPHJlY3QgeD0iNTkiIHk9IjExNy41IiB3aWR0aD0iMTQuNSIgaGVpZ2h0PSI0LjciIHN0eWxlPSJvcGFjaXR5OjAuNjsgZmlsbDpncmV5OyIgLz4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik00OS44LDE3NS43YzAsMy45LDMuMSw3LDcsN0gxNDJjMy44LDAsNy0zLjEsNy03di00OC4zYzAtMy44LTMuMi03LTctN0g1Ni44Yy0zLjksMC03LDMuMi03LDdWMTc1Ljd6IiBzdHlsZT0iZmlsbDpoc2woMjE3LCA4MyUsIDUwJSk7IiAvPgoKICAgICAgICAgICAgICAgIDwhLS0gTHViYW5nIEt1bmNpIC8gSWtvbiBKYXJpbmdhbiAtLT4KICAgICAgICAgICAgICAgIDxnIGlkPSJuZXR3b3JrIiBzdHlsZT0idHJhbnNmb3JtOiB0cmFuc2xhdGVZKDApOyB0cmFuc2l0aW9uOiB0cmFuc2Zvcm0gMC4zcyBlYXNlLWluLW91dDsiPgogICAgICAgICAgICAgICAgICAgIDxsaW5lIHgxPSIxMTEuNCIgeTE9IjE0MS42IiB4Mj0iMTExLjQiIHkyPSIxNjIuMSIgc3R5bGU9ImZpbGw6bm9uZTsgc3Ryb2tlOndoaXRlOyBzdHJva2Utd2lkdGg6Nzsgc3Ryb2tlLW1pdGVybGltaXQ6MTA7IiAvPgogICAgICAgICAgICAgICAgICAgIDxsaW5lIHgxPSI5OS40IiB5MT0iMTQ3LjQiIHgyPSI5OS40IiB5Mj0iMTYyLjEiIHN0eWxlPSJmaWxsOm5vbmU7IHN0cm9rZTp3aGl0ZTsgc3Ryb2tlLXdpZHRoOjc7IHN0cm9rZS1taXRlcmxpbWl0OjEwOyIgLz4KICAgICAgICAgICAgICAgICAgICA8bGluZSB4MT0iODcuNCIgeTE9IjE1MS44IiB4Mj0iODcuNCIgeTI9IjE2Mi4xIiBzdHlsZT0iZmlsbDpub25lOyBzdHJva2U6d2hpdGU7IHN0cm9rZS13aWR0aDo3OyBzdHJva2UtbWl0ZXJsaW1pdDoxMDsiIC8+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L3N2Zz4=');opacity:.95}