#training-root{padding:20px;background:#fff;border-radius:12px}.training-toolbar{display:flex;flex-wrap:wrap;align-items:end;gap:16px}.training-toolbar>label{flex:1;min-width:180px}.training-toolbar fieldset{display:flex;flex-wrap:wrap;gap:12px;max-width:100%;min-width:0}.training-toolbar fieldset label{display:flex;align-items:center;gap:8px;min-height:44px;overflow-wrap:anywhere}.training-toolbar input[type=checkbox]{width:18px;min-height:18px;height:18px;flex:none;margin:0}#training-root button:disabled{opacity:.5;cursor:not-allowed}.training-card{padding:18px;border:1px solid #dce3ec;border-radius:12px;margin:12px 0}.training-card h4{font-size:18px;margin:0 0 14px}.training-video{position:relative;max-width:100%;aspect-ratio:16/9;margin-top:20px;background:#12243c}.training-video iframe{width:100%;height:100%;border:0}.training-reader{position:fixed;inset:3vh 4vw;z-index:20000;background:#fff;box-shadow:0 0 0 100vmax #12243cb0;display:flex;flex-direction:column;overflow:hidden;border-radius:12px}.training-reader-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding:12px;flex:none;border-bottom:1px solid #ddd}.training-reader-tools label{display:flex;align-items:center;gap:6px}.training-reader-tools input{width:65px;min-height:42px}.training-reader-tools button{min-height:44px;width:auto}.training-reader [data-status]{padding:0 14px;margin:4px}.training-reader-body{flex:1;overflow:auto;text-align:center;padding:12px;min-height:0;background:#e4e9ef}.training-reader canvas{background:#fff}.training-version{padding:12px;border-bottom:1px solid #ddd}.training-version button{margin:4px;width:auto}#training-message{white-space:pre-wrap}@media(max-width:600px){#training-root{padding:14px}.training-reader{inset:0;border-radius:0;height:100dvh}.training-reader-tools{gap:6px;padding:8px}.training-reader-tools button{padding:8px 12px}.training-toolbar>label{min-width:100%}.training-toolbar>button{width:100%}.training-card button{width:100%}}