.wt-b64{--b64:#5b5bd6;--b64-soft:#eeeeff;max-width:1280px;margin:0 auto}.wt-b64-hero{padding:30px;border:1px solid #e7e7ef;border-radius:26px;background:linear-gradient(135deg,#fff 0%,#f8f8ff 60%,#f0efff 100%);margin-bottom:18px;position:relative;overflow:hidden}.wt-b64-hero:after{content:"64";position:absolute;left:28px;top:8px;font-size:120px;font-weight:900;color:rgba(91,91,214,.06);direction:ltr}.wt-b64-hero h1{font-size:34px;margin:8px 0 10px}.wt-b64-hero p{max-width:760px;line-height:2;color:#5d6170}.wt-b64-badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.wt-b64-badges span{padding:7px 11px;border-radius:999px;background:#fff;border:1px solid #e0e0f5;font-size:12px}.wt-b64-modebar{display:flex;gap:8px;padding:8px;background:#f4f4f7;border:1px solid #e6e6ed;border-radius:16px;margin-bottom:16px}.wt-b64-modebar button,.wt-b64-segment button,.wt-b64-actions button{border:1px solid #dedee7;background:#fff;border-radius:10px;padding:9px 13px;cursor:pointer;font:inherit}.wt-b64-modebar button{flex:1}.wt-b64-modebar button.is-active,.wt-b64-segment button.is-active{background:#1d1d25;color:#fff;border-color:#1d1d25}.wt-b64-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px minmax(0,1fr);gap:14px;align-items:stretch}.wt-b64-pane,.wt-b64-controls,.wt-b64-file-card,.wt-b64-inspector,.wt-b64-notes{border:1px solid #e6e6ed;border-radius:20px;background:#fff}.wt-b64-pane{padding:18px;display:flex;flex-direction:column;min-height:510px}.wt-b64-pane-head,.wt-b64-file-title,.wt-b64-inspector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.wt-b64-pane-head h2,.wt-b64-file-title h2,.wt-b64-inspector-head h2{margin:0 0 4px;font-size:18px}.wt-b64-pane-head p,.wt-b64-file-title p,.wt-b64-inspector-head p{margin:0;color:#777b88;font-size:13px}.wt-step{display:inline-flex;width:34px;height:34px;border-radius:10px;align-items:center;justify-content:center;background:var(--b64-soft);color:var(--b64);font-weight:800;float:right;margin-left:10px}.wt-b64-actions{display:flex;gap:7px;flex-wrap:wrap}.wt-b64-actions .is-primary{background:var(--b64);color:#fff;border-color:var(--b64)}.wt-b64 textarea{width:100%;min-height:360px;resize:vertical;border:1px solid #dedee8;border-radius:14px;background:#fbfbfd;padding:15px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;line-height:1.75;direction:ltr;text-align:left;box-sizing:border-box;outline:none}.wt-b64 textarea:focus{border-color:#aaaaf1;box-shadow:0 0 0 3px rgba(91,91,214,.08)}.wt-b64-meta,.wt-b64-status-row{font-size:12px;color:#777b88;margin-top:9px;display:flex;justify-content:space-between;gap:8px}.wt-b64-controls{padding:12px;display:flex;flex-direction:column;gap:10px;background:#f9f9fb}.wt-b64-control-card{padding:12px;border:1px solid #e6e6ed;border-radius:14px;background:#fff}.wt-b64-control-card h3{font-size:13px;margin:0 0 10px}.wt-b64-control-card label{display:flex;gap:8px;align-items:center;margin:8px 0;font-size:12px;color:#4f5360}.wt-b64-segment{display:grid;grid-template-columns:1fr 1fr;gap:6px}.wt-b64-segment button{padding:8px 5px;font-size:12px}.wt-switch input{accent-color:var(--b64)}.wt-b64-status{padding:4px 8px;border-radius:999px;background:#f0f0f4}.wt-b64-status.is-ok{background:#e9f8ef;color:#14753c}.wt-b64-status.is-error{background:#fff0f0;color:#b42318}.wt-b64-drop{padding:46px 24px;border:2px dashed #c9c9db;border-radius:22px;text-align:center;background:#fafafe;cursor:pointer}.wt-b64-drop.is-drag{border-color:var(--b64);background:#f3f3ff}.wt-b64-drop-icon{font-size:42px;color:var(--b64);margin-bottom:8px}.wt-b64-drop h2{margin:0 0 8px}.wt-b64-drop p{color:#6e7280;margin:0 0 15px}.wt-b64-drop button{border:0;border-radius:11px;padding:11px 18px;background:var(--b64);color:#fff}.wt-b64-drop small{display:block;margin-top:14px;color:#9598a3}.wt-b64-file-grid,.wt-b64-inspect-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wt-b64-file-card,.wt-b64-inspector{padding:18px}.wt-b64-file-facts,.wt-b64-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.wt-b64-file-facts div,.wt-b64-facts div{padding:10px;border-radius:12px;background:#f7f7fa;min-width:0}.wt-b64-file-facts dt,.wt-b64-facts dt{font-size:11px;color:#858895}.wt-b64-file-facts dd,.wt-b64-facts dd{margin:4px 0 0;font-size:13px;font-weight:700;overflow-wrap:anywhere}.wt-b64-preview{min-height:230px;border:1px dashed #d9d9e5;border-radius:14px;background:repeating-conic-gradient(#f3f3f5 0 25%,#fff 0 50%) 0/18px 18px;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#999}.wt-b64-preview img,.wt-b64-preview video{max-width:100%;max-height:310px;object-fit:contain}.wt-b64-preview audio{width:90%}.wt-b64-preview iframe{width:100%;height:310px;border:0;background:#fff}.wt-b64-file-card textarea{min-height:260px;margin:12px 0}.wt-b64-file-actions{margin-top:10px}.wt-b64-inspect-panel textarea{min-height:340px}.wt-b64-inspector{min-height:510px}.wt-b64-facts{grid-template-columns:1fr 1fr}.wt-b64-inspect-status{padding:12px;border-radius:12px;background:#f4f4f8;color:#5d6170;margin-bottom:10px}.wt-b64-inspect-status.is-ok{background:#e9f8ef;color:#14753c}.wt-b64-inspect-status.is-error{background:#fff0f0;color:#b42318}.wt-b64-inspect-preview{margin:12px 0;min-height:210px}.wt-b64-info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.wt-b64-info-grid article{border:1px solid #e6e6ed;border-radius:18px;padding:17px;background:#fff}.wt-b64-info-grid strong{font-size:23px;display:block;color:#222334;direction:ltr;text-align:right}.wt-b64-info-grid span{display:block;font-size:13px;font-weight:700;margin:3px 0 5px}.wt-b64-info-grid p{font-size:12px;color:#777b88;line-height:1.8;margin:0}.wt-b64-notes{margin-top:16px;padding:20px}.wt-b64-notes h2{margin-top:0}.wt-b64-notes li{margin:8px 0;color:#5f6370;line-height:1.8}.wt-b64 code{direction:ltr;display:inline-block}.wt-b64 [hidden]{display:none!important}
@media(max-width:980px){.wt-b64-workspace{grid-template-columns:1fr}.wt-b64-controls{display:grid;grid-template-columns:repeat(3,1fr)}.wt-b64-file-grid,.wt-b64-inspect-grid{grid-template-columns:1fr}.wt-b64-info-grid{grid-template-columns:1fr}.wt-b64-pane{min-height:auto}.wt-b64 textarea{min-height:260px}}
@media(max-width:640px){.wt-b64-hero{padding:22px 18px}.wt-b64-hero h1{font-size:28px}.wt-b64-modebar{overflow-x:auto}.wt-b64-modebar button{min-width:110px}.wt-b64-controls{grid-template-columns:1fr}.wt-b64-pane-head{flex-direction:column}.wt-b64-file-facts,.wt-b64-facts{grid-template-columns:1fr 1fr}.wt-b64-info-grid{gap:8px}}