.tutorial-library{width:min(1060px,95vw);max-height:90dvh;padding:0;border:1px solid #dbe2ee;border-radius:18px;color:#172640;background:#f7f9fd}.tutorial-library::backdrop{background:#14213ca6}.tutorial-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 28px;border-bottom:1px solid #dfe5ee;background:white}.tutorial-heading h2{font-size:28px;margin:7px 0}.tutorial-heading p{margin:0;color:#5a6a83}.tutorial-body{padding:24px 28px}.tutorial-toolbar{display:flex;align-items:end;flex-wrap:wrap;gap:12px}.tutorial-toolbar label:first-child{flex:1;min-width:200px}.tutorial-library label{display:grid;gap:6px;font-size:13px;font-weight:600}.tutorial-library input:not([type=checkbox]),.tutorial-library select,.tutorial-library textarea{width:100%;padding:10px 12px;min-height:44px;border:1px solid #c4cede;border-radius:8px;background:white;color:#172640;font:inherit;box-sizing:border-box}.tutorial-library button{min-height:44px;padding:10px 14px;border:1px solid #b6c4dc;border-radius:8px;background:white;color:#203659;font:inherit;font-weight:600;cursor:pointer}.tutorial-library button:disabled{opacity:.6;cursor:wait}.tutorial-library .tutorial-primary{background:#3159e9;color:white;border-color:#3159e9}.tutorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.tutorial-card{display:flex;flex-direction:column;align-items:flex-start;padding:22px;background:white;border:1px solid #dbe2ee;border-radius:14px;min-width:0}.tutorial-card h3{font-size:19px;margin:13px 0 7px;overflow-wrap:anywhere}.tutorial-card p{font-size:14px;line-height:1.6;color:#53617a;white-space:pre-wrap;overflow-wrap:anywhere}.tutorial-tag{display:inline-block;padding:5px 9px;border-radius:6px;background:#eaf0ff;color:#2449b0;font-size:12px;font-weight:600}.tutorial-state{margin-top:9px;color:#526079}.tutorial-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px}.tutorial-empty{grid-column:1/-1;text-align:center;padding:50px 20px;background:white;border:1px dashed #bdcbe2;border-radius:12px;color:#526079}.tutorial-library #tutorial-detail>h3{font-size:24px;margin:16px 0}.tutorial-library #tutorial-detail>.tutorial-tag{margin:18px 0 0 14px}.tutorial-instructions{white-space:pre-wrap;line-height:1.7;overflow-wrap:anywhere}.tutorial-video-note,.tutorial-library [role=status]{font-size:13px;line-height:1.6;color:#435673}.tutorial-player{aspect-ratio:16/9;background:#14213c;border-radius:12px;overflow:hidden}.tutorial-player iframe{width:100%;height:100%;border:0}.tutorial-library form{max-width:720px;display:grid;gap:16px;margin-top:20px}.tutorial-library .tutorial-check{display:flex;align-items:center;gap:10px;min-height:44px}.tutorial-library input[type=checkbox]{width:20px;height:20px}.tutorial-library a{color:#244bbd;text-decoration:underline}.tutorial-library :is(button,input,select,textarea,a):focus-visible{outline:3px solid #3159e9;outline-offset:3px}@media(max-width:650px){.tutorial-grid{grid-template-columns:1fr}.tutorial-body,.tutorial-heading{padding:18px}.tutorial-toolbar label{width:100%}.tutorial-library{width:96vw;max-height:94dvh}.tutorial-heading h2{font-size:24px}}@media print{.tutorial-library{display:none!important}}