.gtb-tool{width:100%;margin:0 auto 2rem;}
.gtb-drop{position:relative;min-height:220px;padding:2rem 1.25rem;background:linear-gradient(180deg,#f8fafc 0%,#f1f5f9 100%);border:2px dashed var(--border, #e2e8f0);border-radius:20px;cursor:pointer;transition:border-color .2s,background .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;}
.gtb-drop:hover,.gtb-drop:focus-visible{border-color:var(--primary,#0ea5e9);outline:none;box-shadow:0 0 0 3px rgba(14,165,233,.12);}
.gtb-drop.gtb-dragover{border-color:var(--primary,#0ea5e9);background:rgba(14,165,233,.04);}
.gtb-file-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none;}
.gtb-drop-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:180px;text-align:center;}
.gtb-drop-icon{width:52px;height:52px;margin-bottom:1rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E") no-repeat center;background-size:100%;}
.gtb-drop:hover .gtb-drop-icon,.gtb-drop:focus-visible .gtb-drop-icon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230ea5e9' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E");}
.gtb-drop-head{font-size:1.125rem;font-weight:600;color:var(--text-main,#1e293b);margin:0 0 .35rem 0;}
.gtb-drop-note{font-size:0.875rem;color:var(--text-muted,#64748b);margin:0;}
.gtb-panel{margin-top:1.5rem;padding:1.5rem;background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,.06);}
@media (min-width:576px){.gtb-panel{padding:2rem;}}
.gtb-previews{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem;}
@media (min-width:640px){.gtb-previews{gap:1.5rem;margin-bottom:2rem;}}
.gtb-preview-block{display:flex;flex-direction:column;gap:0.5rem;min-width:0;}
.gtb-preview-tag{font-size:0.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:0.06em;color:var(--text-muted,#64748b);}
.gtb-preview-box{position:relative;aspect-ratio:16/10;max-height:240px;background:var(--surface-muted,#f8fafc);border-radius:12px;overflow:hidden;border:1px solid var(--border,#e2e8f0);}
@media (min-width:640px){.gtb-preview-box{max-height:280px;}}
.gtb-preview-img{width:100%;height:100%;object-fit:contain;display:block;}
.gtb-preview-img[src=""]{visibility:hidden;}
.gtb-preview-meta{font-size:0.8125rem;color:var(--text-muted,#64748b);margin:0;}
.gtb-settings{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;margin-bottom:1.5rem;padding:1.25rem 0;border-top:1px solid var(--border,#e2e8f0);border-bottom:1px solid var(--border,#e2e8f0);}
.gtb-setting{flex:1 1 100%;min-width:0;}
@media (min-width:480px){.gtb-setting{flex:1 1 calc(50% - .75rem);}}
@media (min-width:640px){.gtb-setting{flex:0 1 auto;}}
.gtb-label{display:block;font-size:0.875rem;font-weight:500;color:var(--text-main,#1e293b);margin-bottom:0.375rem;}
.gtb-select{display:block;width:100%;max-width:260px;padding:0.5rem 2rem 0.5rem 0.75rem;font-size:0.9375rem;color:var(--text-main,#1e293b);background:var(--surface,#fff);border:1px solid var(--border,#e2e8f0);border-radius:12px;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748b' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;}
.gtb-select:focus{border-color:var(--primary,#0ea5e9);outline:none;box-shadow:0 0 0 2px rgba(14,165,233,.2);}
.gtb-hint{display:block;font-size:0.75rem;color:var(--text-muted,#64748b);margin-top:0.25rem;}
.gtb-color-wrap{display:flex;align-items:center;gap:0.75rem;flex-wrap:wrap;}
.gtb-color{width:44px;height:44px;padding:2px;border:1px solid var(--border,#e2e8f0);border-radius:12px;background:var(--surface,#fff);cursor:pointer;}
.gtb-color:focus{outline:none;border-color:var(--primary,#0ea5e9);box-shadow:0 0 0 2px rgba(14,165,233,.2);}
.gtb-color:disabled{opacity:0.6;cursor:not-allowed;}
.gtb-hex{font-size:0.875rem;color:var(--text-muted,#64748b);}
.gtb-setting-check{display:flex;align-items:center;}
.gtb-checkbox{width:1.125rem;height:1.125rem;margin:0 .5rem 0 0;accent-color:var(--primary,#0ea5e9);cursor:pointer;}
.gtb-check-label{font-size:0.9375rem;color:var(--text-main,#1e293b);cursor:pointer;margin:0;}
.gtb-actions{margin-bottom:1rem;}
.gtb-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0.75rem 1.5rem;font-size:0.9375rem;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s;-webkit-tap-highlight-color:transparent;}
.gtb-btn:disabled{opacity:0.6;cursor:not-allowed;}
.gtb-btn-main{position:relative;background:var(--primary,#0ea5e9);color:#fff;}
.gtb-btn-main:hover:not(:disabled){background:var(--primary-dark,#0284c7);}
.gtb-btn-main:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(14,165,233,.35);}
.gtb-btn-main.gtb-loading .gtb-btn-label{visibility:hidden;}
.gtb-btn-main.gtb-loading::after{content:"";position:absolute;width:1.125rem;height:1.125rem;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:gtb-spin .65s linear infinite;}
@keyframes gtb-spin{to{transform:rotate(360deg);}}
.gtb-btn-dl{background:var(--accent,#10b981);color:#fff;}
.gtb-btn-dl:hover{background:#059669;}
.gtb-btn-outline{background:transparent;color:var(--text-main,#1e293b);border:1px solid var(--border,#e2e8f0);}
.gtb-btn-outline:hover{background:var(--surface-muted,#f8fafc);}
.gtb-done{padding:1.25rem;background:rgba(16,185,129,.08);border-radius:12px;border:1px solid rgba(16,185,129,.2);}
.gtb-done-title{font-size:1rem;font-weight:600;color:var(--accent,#10b981);margin:0 0 1rem 0;}
.gtb-done-btns{display:flex;flex-wrap:wrap;gap:0.75rem;}
.gtb-msg{position:fixed;bottom:1.5rem;left:50%;transform:translateX(-50%);max-width:calc(100vw - 2rem);padding:0.75rem 1.25rem;font-size:0.9375rem;background:var(--text-main,#1e293b);color:var(--surface,#fff);border-radius:12px;box-shadow:0 10px 25px rgba(0,0,0,.15);z-index:9999;}
.gtb-msg[hidden]{display:none;}
.gtb-msg.gtb-msg-err{background:#dc2626;color:#fff;}
.gtb-how,.gtb-limits{margin-bottom:2rem;}
.gtb-heading{font-size:1.25rem;font-weight:600;color:var(--text-main,#1e293b);margin:0 0 0.75rem 0;}
.gtb-para{font-size:1rem;color:var(--text-muted,#64748b);max-width:52ch;margin:0;line-height:1.55;}