:root{--itb-primary:var(--main-primary);--itb-text:#1e293b;--itb-text-muted:#64748b;--itb-bg:#fff;--itb-bg-secondary:#f8fafc;--itb-bg-hover:#f1f5f9;--itb-border:#e2e8f0;--itb-border-focus:var(--main-primary);--itb-radius:var(--main-radius);--itb-radius-lg:var(--main-radius-lg);--itb-shadow:var(--main-shadow-sm);--itb-success:#10b981;--itb-error:#ef4444;--itb-tab-active-bg:var(--main-primary);--itb-tab-active-text:#fff;--itb-tab-bg:transparent;--itb-tab-text:var(--itb-text-muted);--itb-format-active-bg:var(--main-primary);--itb-format-active-text:#fff;--itb-upload-border:#cbd5e1;--itb-upload-bg:var(--itb-bg)}._itb-container{max-width:900px;margin:0 auto}._itb-tabs{background:var(--itb-bg);border-radius:var(--itb-radius-lg);box-shadow:var(--itb-shadow);border-style:solid;border-width:1px;border-color:var(--itb-border);gap:.25rem;margin-bottom:1.5rem;padding:.25rem;display:flex}._itb-tab{border-radius:var(--itb-radius);background:var(--itb-tab-bg);color:var(--itb-tab-text);cursor:pointer;border-width:0;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.625rem 1rem;font-size:.875rem;font-weight:500;transition:background .2s,color .2s;display:flex}._itb-tab:hover{color:var(--itb-text);background:var(--itb-bg-hover)}._itb-tab--active{background:var(--itb-tab-active-bg);color:var(--itb-tab-active-text);box-shadow:0 2px 8px #6366f140}._itb-tab--active:hover{background:var(--itb-tab-active-bg);color:var(--itb-tab-active-text);opacity:.9}._itb-tab svg{flex-shrink:0;width:16px;height:16px}._itb-panel{display:none}._itb-panel--active{display:block}._itb-btn{border-radius:var(--itb-radius);cursor:pointer;white-space:nowrap;border-width:0;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.8125rem;font-weight:500;transition:opacity .15s,background .15s,color .15s;display:inline-flex}._itb-btn svg{flex-shrink:0;width:14px;height:14px}._itb-btn--primary{background:var(--itb-primary);color:#fff;box-shadow:0 2px 8px #6366f140}._itb-btn--primary:hover{opacity:.9}._itb-btn--secondary{background:var(--itb-bg);color:var(--itb-text);border-style:solid;border-width:1px;border-color:var(--itb-border)}._itb-btn--secondary:hover{background:var(--itb-bg-hover)}._itb-btn--ghost{color:var(--itb-text-muted);background:0 0}._itb-btn--ghost:hover{color:var(--itb-text);background:var(--itb-bg-hover)}._itb-info-row{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--itb-border);justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.8125rem;display:flex}._itb-info-row:last-of-type{border-bottom:none}._itb-info-label{color:var(--itb-text-muted)}._itb-info-value{color:var(--itb-text);word-break:break-all;text-align:right;max-width:60%;font-weight:500}@media (max-width:768px){._itb-container{padding-left:1rem;padding-right:1rem}}._itb-upload{border-style:dashed;border-width:2px;border-color:var(--itb-upload-border);border-radius:var(--itb-radius-lg);text-align:center;cursor:pointer;background:var(--itb-upload-bg);padding:3rem 2rem;transition:border-color .2s,background .2s;position:relative}._itb-upload:hover,._itb-upload--dragover{border-color:var(--itb-primary);background:var(--itb-bg-hover)}._itb-upload-content{pointer-events:none;flex-direction:column;align-items:center;gap:.75rem;display:flex}._itb-upload-icon{color:var(--itb-text-muted);opacity:.6}._itb-upload-icon svg{width:40px;height:40px}._itb-upload-text{color:var(--itb-text);margin:0;font-size:.9375rem;font-weight:500}._itb-upload-hint{color:var(--itb-text-muted);margin:0;font-size:.75rem}._itb-upload-input{opacity:0;cursor:pointer;position:absolute;top:0;bottom:0;left:0;right:0}._itb-preview-section{gap:1.25rem;margin-bottom:1.25rem;display:flex}._itb-preview-card{background:var(--itb-bg-secondary);border-radius:var(--itb-radius-lg);border-style:solid;border-width:1px;border-color:var(--itb-border);width:180px;height:180px;box-shadow:var(--itb-shadow);flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}._itb-preview-img{object-fit:contain;max-width:100%;max-height:100%}._itb-file-info{background:var(--itb-bg);border-radius:var(--itb-radius-lg);border-style:solid;border-width:1px;border-color:var(--itb-border);min-width:0;box-shadow:var(--itb-shadow);flex:1;padding:1rem 1.25rem}._itb-btn--change{justify-content:center;width:100%;margin-top:.75rem}._itb-format-section{margin-bottom:1rem}._itb-format-buttons{background:var(--itb-bg);border-radius:var(--itb-radius);border-style:solid;border-width:1px;border-color:var(--itb-border);box-shadow:var(--itb-shadow);gap:.25rem;padding:.25rem;display:flex}._itb-format-btn{border-radius:calc(var(--itb-radius) - 2px);color:var(--itb-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border-width:0;flex:1;padding:.5rem .75rem;font-size:.8125rem;font-weight:500;transition:background .15s,color .15s}._itb-format-btn:hover{color:var(--itb-text);background:var(--itb-bg-hover)}._itb-format-btn--active{background:var(--itb-format-active-bg);color:var(--itb-format-active-text);box-shadow:0 1px 4px #6366f133}._itb-format-btn--active:hover{background:var(--itb-format-active-bg);color:var(--itb-format-active-text);opacity:.9}._itb-output-section{background:var(--itb-bg);border-radius:var(--itb-radius-lg);border-style:solid;border-width:1px;border-color:var(--itb-border);box-shadow:var(--itb-shadow);overflow:hidden}._itb-output-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--itb-border);background:var(--itb-bg-secondary);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}._itb-output-size{color:var(--itb-text-muted);font-size:.75rem}._itb-output-actions{gap:.375rem;display:flex}._itb-output-textarea{background:var(--itb-bg);width:100%;min-height:160px;color:var(--itb-text);font-family:var(--main-font-mono);resize:vertical;word-break:break-all;border-width:0;outline:none;padding:1rem;font-size:.75rem;line-height:1.6}@media (max-width:640px){._itb-preview-section{flex-direction:column}._itb-preview-card{width:100%;height:160px}._itb-format-buttons{flex-wrap:wrap}._itb-format-btn{flex:calc(50% - .125rem)}._itb-output-header{flex-direction:column;align-items:flex-start;gap:.5rem}}._itb-decode-input-section{background:var(--itb-bg);border-radius:var(--itb-radius-lg);border-style:solid;border-width:1px;border-color:var(--itb-border);box-shadow:var(--itb-shadow);margin-bottom:1.25rem;overflow:hidden}._itb-decode-header{border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:var(--itb-border);background:var(--itb-bg-secondary);justify-content:space-between;align-items:center;padding:.625rem 1rem;display:flex}._itb-decode-label{color:var(--itb-text);font-size:.8125rem;font-weight:500}._itb-decode-actions{gap:.25rem;display:flex}._itb-decode-textarea{background:var(--itb-bg);width:100%;min-height:160px;color:var(--itb-text);font-family:var(--main-font-mono);resize:vertical;word-break:break-all;border-width:0;outline:none;padding:1rem;font-size:.75rem;line-height:1.6}._itb-decode-textarea::placeholder{color:var(--itb-text-muted);opacity:.7}._itb-decode-preview-section{background:var(--itb-bg);border-radius:var(--itb-radius-lg);border-style:solid;border-width:1px;border-color:var(--itb-border);box-shadow:var(--itb-shadow);gap:1.25rem;padding:1.25rem;display:flex}._itb-decode-info{flex:1;min-width:0}._itb-panel--decode ._itb-preview-card{width:180px;height:180px}._itb-decode-preview-img{object-fit:contain;max-width:100%;max-height:100%}#_itb-decode-download{justify-content:center;width:100%;margin-top:.75rem}._itb-decode-error{border-radius:var(--itb-radius);color:var(--itb-error);background:#ef444414;border:1px solid #ef444426;padding:.75rem 1rem;font-size:.8125rem}@media (max-width:640px){._itb-decode-preview-section{flex-direction:column}._itb-panel--decode ._itb-preview-card{width:100%;height:160px}._itb-decode-header{flex-direction:column;align-items:flex-start;gap:.5rem}}