body.v22-open{overflow:hidden}.v22-layer{position:fixed;inset:0;z-index:1500;background:#f3f6f9;color:#14263a;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;overflow:auto}.v22-loading,.v22-fatal{min-height:100vh;display:grid;place-content:center;gap:12px;text-align:center;color:#66798d}.v22-fatal b{font-size:22px;color:#14263a}.v22-shell{min-height:100vh}.v22-top{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #dce5ed;padding:16px 28px;display:flex;gap:20px;align-items:center}.v22-top>div:first-child{flex:1;min-width:0}.v22-top>div:first-child>button{border:0;background:transparent;padding:0;color:#3b6d91;font-weight:800;cursor:pointer}.v22-kicker{font-size:9px;letter-spacing:.16em;font-weight:900;color:#5a83a4;text-transform:uppercase}.v22-top h1{margin:4px 0;font-size:22px}.v22-top p{margin:0;color:#7a8b9a;font-size:11px}.v22-top-actions{display:flex;align-items:center;gap:9px}.v22-top-actions>span{font-size:10px;color:#728496}.v22-primary,.v22-top button,.v22-material button,.v22-activity button,.v22-new-inline,.v22-modal button,.v22-picker button{font:inherit}.v22-primary{border:1px solid #2f7dae;background:#2f7dae;color:#fff;border-radius:9px;padding:10px 15px;font-size:11px;font-weight:850;cursor:pointer}.v22-x{width:38px;height:38px;border:0;border-radius:10px;background:#edf3f7;color:#29465d;font-size:20px;cursor:pointer}.v22-tabs{position:sticky;top:84px;z-index:15;background:#f3f6f9;border-bottom:1px solid #dde6ed;padding:10px 28px;display:flex;gap:8px}.v22-tabs button{border:1px solid transparent;background:transparent;border-radius:9px;padding:10px 15px;color:#526b7d;font-weight:800;cursor:pointer}.v22-tabs button.active{background:#fff;border-color:#d4e0e9;color:#15344c;box-shadow:0 2px 8px rgba(25,50,70,.05)}.v22-tabs em{font-style:normal;background:#eaf2f7;padding:2px 6px;border-radius:9px;margin-left:5px;font-size:9px}.v22-main{max-width:1500px;margin:0 auto;padding:22px 28px 60px}.v22-intro{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;background:#fff;border:1px solid #dce5ec;border-radius:15px;padding:20px;margin-bottom:18px}.v22-intro h2{margin:4px 0 6px;font-size:21px}.v22-intro p{margin:0;max-width:820px;color:#748697;font-size:11px;line-height:1.55}.v22-section-title{display:flex;justify-content:space-between;align-items:center;margin:24px 2px 10px}.v22-section-title b{font-size:15px}.v22-section-title span{font-size:10px;color:#7b8c9c}.v22-material-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.v22-material{background:#fff;border:1px solid #dce5ec;border-radius:13px;padding:14px;display:grid;gap:11px}.v22-material-head{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.v22-icon{width:36px;height:36px;border-radius:9px;background:#edf5fa;color:#2e6d98;display:grid;place-items:center;font-weight:900;font-size:16px}.v22-material-head small,.v22-activity small,.v22-layout-body>small{font-size:8px;font-weight:900;color:#7890a3;letter-spacing:.08em}.v22-material h4,.v22-activity h4{margin:2px 0 0;font-size:13px}.v22-material-head em{font-style:normal;font-size:8px;color:#6d8ca3}.v22-material-actions{display:flex;gap:6px;justify-content:flex-end}.v22-material-actions button,.v22-activity button,.v22-new-inline,.v22-manager-head button{border:1px solid #d3e0e9;background:#fff;color:#274b66;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800;cursor:pointer}.v22-material-actions button:first-child{background:#eef6fb}.v22-material-actions .danger{color:#a34c4c;background:#fff8f8}.v22-text-snippet{max-height:100px;overflow:hidden;mask-image:linear-gradient(#000 65%,transparent);font-size:10px;line-height:1.45;color:#526778}.v22-text-snippet h1,.v22-text-snippet h2,.v22-text-snippet h3{font-size:12px;margin:4px 0}.v22-media-preview{background:#eef3f6;border-radius:10px;overflow:hidden;display:grid;place-items:center;aspect-ratio:16/9}.v22-media-preview.compact{aspect-ratio:16/8}.v22-media-preview img,.v22-media-preview video,.v22-media-preview iframe{width:100%;height:100%;object-fit:contain;border:0;background:#0f1d29}.v22-media-empty{padding:26px;background:#eef3f6;border-radius:10px;color:#7d90a0;text-align:center;font-size:10px}.v22-file-preview{display:flex;align-items:center;gap:10px;background:#f3f7fa;border:1px solid #e0e8ee;padding:11px;border-radius:10px}.v22-file-preview>span{font-size:20px;color:#347aa8}.v22-file-preview div{display:grid;gap:2px}.v22-file-preview b{font-size:11px}.v22-file-preview small{font-size:9px;color:#7e8e9d;word-break:break-all}.v22-practice-preview{display:grid;gap:5px;background:#fff9ee;border-left:3px solid #dca148;padding:10px;border-radius:8px}.v22-practice-preview b{font-size:10px}.v22-practice-preview span{font-size:9px;color:#7e6e53}.v22-activity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.v22-activity{background:#fff;border:1px solid #dce5ec;border-radius:12px;padding:13px;display:grid;grid-template-columns:40px 1fr auto;gap:11px;align-items:center}.v22-activity p{margin:4px 0 0;color:#6f8395;font-size:9px}.v22-activity>div:last-child{display:flex;gap:6px}.v22-activity button:disabled,.v22-picker button:disabled{opacity:.55;cursor:default}.v22-empty{grid-column:1/-1;border:1px dashed #cad8e2;border-radius:12px;padding:30px;color:#718496;font-size:11px;background:#fff}.v22-composer{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}.v22-composer main,.v22-composer aside{min-width:0}.v22-composer aside{background:#fff;border:1px solid #dce5ec;border-radius:14px;padding:16px;align-self:start;position:sticky;top:144px}.v22-composer aside h3{margin:4px 0 12px;font-size:17px}.v22-layout-list{display:grid;gap:9px}.v22-layout-block{display:grid;grid-template-columns:26px 40px minmax(0,1fr) auto;gap:10px;align-items:center;background:#fff;border:1px solid #dce5ec;border-radius:12px;padding:10px}.v22-layout-block.dragging{opacity:.45;border-style:dashed}.v22-grab{cursor:grab;color:#92a4b2;font-weight:900}.v22-layout-body{min-width:0;display:grid;gap:3px}.v22-layout-body>b{font-size:12px}.v22-layout-body>small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v22-layout-text{font-size:9px;max-height:48px;overflow:hidden;color:#687b8c}.v22-layout-text p{margin:2px 0}.v22-layout-body .v22-media-preview{max-width:170px;margin-top:5px}.v22-layout-actions{display:flex;gap:5px}.v22-layout-actions button{width:32px;height:32px;border:1px solid #d8e3eb;background:#f8fafb;border-radius:8px;color:#315470;cursor:pointer}.v22-layout-actions .danger{color:#a34c4c;background:#fff8f8}.v22-picker{display:grid;gap:6px}.v22-picker button{border:1px solid #dce5ec;background:#fff;border-radius:9px;padding:8px;display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;text-align:left;align-items:center;cursor:pointer}.v22-picker button:hover:not(:disabled){background:#f5f9fc}.v22-picker button>span{width:30px;height:30px;border-radius:8px;background:#eef5fa;display:grid;place-items:center;color:#2e6d98}.v22-picker b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.v22-picker small{font-size:8px;color:#8292a0}.v22-picker em{font-size:7px;font-style:normal;color:#67859b}.v22-picker strong{font-size:14px;color:#357bab}.v22-new-inline{width:100%;margin-top:10px}.v22-picker-sep{border-top:1px solid #e4ebf0;margin:14px 0 9px;padding-top:12px;font-size:9px;font-weight:900;color:#71889a;text-transform:uppercase}.v22-preview-wrap{max-width:1050px;margin:0 auto}.v22-preview-page{background:#fff;border:1px solid #dce5ec;border-radius:16px;padding:38px;display:grid;gap:24px}.v22-preview-page section,.v22-preview-page figure{margin:0}.v22-preview-text{line-height:1.65;font-size:14px}.v22-preview-text h2{font-size:24px}.v22-preview-page table{width:100%;border-collapse:collapse}.v22-preview-page th,.v22-preview-page td{border:1px solid #ccd9e3;padding:8px}.v22-preview-page figure figcaption{font-size:10px;color:#77899a;margin-top:6px}.v22-preview-file,.v22-preview-activity{border:1px solid #dce5ec;border-radius:12px;padding:16px;display:flex;gap:13px;align-items:center}.v22-preview-file>span,.v22-preview-activity>span{width:42px;height:42px;border-radius:10px;background:#eef5fa;display:grid;place-items:center;font-size:20px;color:#3377a3}.v22-preview-file div,.v22-preview-activity div{flex:1}.v22-preview-file h3,.v22-preview-activity h3{margin:2px 0;font-size:16px}.v22-preview-file p,.v22-preview-activity p{margin:0;color:#748698;font-size:10px}.v22-preview-file a{border:1px solid #cfdce6;border-radius:8px;padding:8px 11px;text-decoration:none;color:#2d6288;font-size:10px;font-weight:800}.v22-preview-practice{position:relative;background:#fff8ea;border:1px solid #ead5ae;border-left:5px solid #d99a38;border-radius:12px;padding:20px}.v22-preview-practice h3{font-size:18px;margin:5px 0 12px}.v22-preview-practice h4{font-size:11px;margin:13px 0 4px}.v22-preview-practice p,.v22-preview-practice li{font-size:11px;color:#5f5a4e;line-height:1.5}.v22-time{position:absolute;right:16px;top:16px;font-size:9px;background:#fff;padding:5px 8px;border-radius:8px}.v22-preview-practice a{display:inline-block;margin-top:8px;font-size:10px;font-weight:800;color:#875c18}.v22-modal-layer{position:fixed;inset:0;z-index:1800;background:rgba(9,28,46,.55);display:grid;place-items:center;padding:16px}.v22-modal{width:min(680px,100%);max-height:92vh;background:#fff;border-radius:16px;display:grid;grid-template-rows:auto minmax(0,1fr) auto;box-shadow:0 24px 70px rgba(0,0,0,.25);overflow:hidden}.v22-modal.wide{width:min(1080px,100%)}.v22-modal header{padding:20px 24px 14px;border-bottom:1px solid #e3e9ee;display:flex;justify-content:space-between;align-items:flex-start}.v22-modal header h2{margin:4px 0;font-size:22px}.v22-modal header button{width:36px;height:36px;border:0;border-radius:9px;background:#eef3f6;font-size:20px}.v22-modal-body{padding:18px 24px;overflow:auto;display:grid;gap:12px}.v22-modal footer{border-top:1px solid #e3e9ee;padding:12px 24px;display:flex;justify-content:flex-end;gap:8px}.v22-modal footer>button:not(.v22-primary){border:1px solid #d2dee7;background:#fff;color:#24435b;border-radius:9px;padding:10px 14px;font-size:10px;font-weight:800}.v22-error{color:#a44343;font-size:10px;padding:0 24px;min-height:14px}.v22-field{display:grid;gap:6px}.v22-field>span{font-size:9px;font-weight:850;color:#536b7d}.v22-field input,.v22-field textarea,.v22-field select,.v22-modal select{width:100%;box-sizing:border-box;border:1px solid #ccd9e3;border-radius:9px;padding:10px 11px;font:inherit;font-size:11px;outline:none}.v22-field input:focus,.v22-field textarea:focus,.v22-rich:focus{border-color:#68a0c4;box-shadow:0 0 0 3px rgba(55,125,171,.1)}.v22-type-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.v22-type-grid button{border:1px solid #dce5ec;background:#fff;border-radius:11px;padding:14px;text-align:left;display:grid;grid-template-columns:38px 1fr;gap:2px 10px;cursor:pointer}.v22-type-grid button:hover{background:#f5f9fc}.v22-type-grid button>span{grid-row:1/3;width:38px;height:38px;background:#eef5fa;border-radius:9px;display:grid;place-items:center;color:#2e6d98;font-size:18px}.v22-type-grid b{font-size:11px}.v22-type-grid small{font-size:9px;color:#7d8f9e}.v22-rich-wrap{border:1px solid #ccd9e3;border-radius:10px;overflow:visible}.v22-toolbar{background:#f3f7fa;border-bottom:1px solid #dce5ec;padding:7px;display:flex;gap:5px;align-items:center;flex-wrap:wrap;position:relative}.v22-toolbar>button,.v22-table-tool>button{border:1px solid #d6e1e9;background:#fff;border-radius:6px;padding:6px 8px;font-size:9px;font-weight:800;cursor:pointer}.v22-toolbar i{width:1px;height:20px;background:#dce5ec}.v22-rich{min-height:330px;max-height:58vh;overflow:auto;padding:18px;outline:none;font-size:13px;line-height:1.65}.v22-rich table{width:100%;border-collapse:collapse;margin:12px 0}.v22-rich th,.v22-rich td{border:1px solid #cbd8e2;padding:8px}.v22-table-tool{position:relative}.v22-table-grid{display:none;position:absolute;top:36px;left:0;z-index:10;background:#fff;border:1px solid #ccd9e3;border-radius:9px;padding:8px;grid-template-columns:repeat(10,16px);gap:3px;box-shadow:0 12px 30px rgba(24,48,67,.18)}.v22-table-grid.open{display:grid}.v22-table-grid button{width:16px;height:16px;border:1px solid #c8d6e0;background:#f7fafc;border-radius:2px;padding:0}.v22-table-grid button.hot{background:#bfe0f3;border-color:#5b9ec6}.v22-table-grid span{grid-column:1/-1;font-size:8px;text-align:center;color:#6f8393;padding-top:3px}.v22-upload{background:#f4f8fa;border:1px solid #dce7ee;border-radius:11px;padding:10px}.v22-drop{border:1px dashed #bfcfda;border-radius:9px;padding:13px;display:flex;align-items:center;gap:12px;position:relative}.v22-drop.over{background:#eaf5fb;border-color:#5a9cc4}.v22-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.v22-drop>div{flex:1;display:grid;gap:2px;pointer-events:none}.v22-drop b{font-size:10px}.v22-drop span{font-size:8px;color:#8293a1}.v22-drop button{position:relative;z-index:2;border:1px solid #cfdce5;background:#fff;border-radius:8px;padding:8px 10px;font-size:9px;font-weight:800}.v22-upload>[data-progress]{font-size:8px;color:#5480a0;padding-top:6px}.v22-live{min-height:0}.v22-live .v22-media-preview{max-height:390px}.v22-or{text-align:center;font-size:8px;color:#8b9aa7;text-transform:uppercase}.v22-practice-help{background:#fff7e8;border:1px solid #ead4aa;border-radius:10px;padding:12px}.v22-practice-help b{font-size:11px;color:#7a561c}.v22-practice-help p,.v22-practice-help div{font-size:9px;line-height:1.5;color:#75694f}.v22-manager-head{display:flex;justify-content:space-between;align-items:center;gap:15px}.v22-manager-head p{font-size:10px;color:#708397}.v22-manager-list{display:grid;gap:7px}.v22-manager-list>div{border:1px solid #dce5ec;border-radius:9px;padding:10px;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center}.v22-manager-list b{font-size:10px}.v22-manager-list span{font-size:8px;color:#7c8d9c}.v22-manager-list button{border:1px solid #d2dee7;background:#fff;border-radius:7px;padding:6px 8px;font-size:8px}.v22-options{display:grid;gap:6px}.v22-options>div{display:grid;grid-template-columns:24px 1fr;align-items:center}.v22-options input[type=text],.v22-options input:not([type]){border:1px solid #ccd9e3;border-radius:8px;padding:9px}.v22-check{font-size:10px}.v22-note{font-size:9px;color:#7b8c9b}.v22-toast{position:fixed;right:22px;bottom:22px;z-index:2100;background:#173c58;color:#fff;border-radius:10px;padding:11px 14px;font-size:10px;font-weight:700;box-shadow:0 14px 35px rgba(0,0,0,.18)}.v22-toast.error{background:#a54747}
@media(max-width:1050px){.v22-material-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v22-composer{grid-template-columns:1fr}.v22-composer aside{position:static}.v22-tabs{top:82px}}
@media(max-width:700px){.v22-top{padding:12px 14px;align-items:flex-start}.v22-top h1{font-size:17px}.v22-top p,.v22-top-actions>span{display:none}.v22-tabs{top:76px;padding:7px 10px;overflow-x:auto}.v22-tabs button{white-space:nowrap;padding:8px 10px}.v22-main{padding:12px 10px 40px}.v22-intro{padding:14px;display:grid}.v22-material-grid,.v22-activity-grid{grid-template-columns:1fr}.v22-material-head{grid-template-columns:36px 1fr}.v22-material-head em{grid-column:2}.v22-activity{grid-template-columns:36px 1fr}.v22-activity>div:last-child{grid-column:1/-1;justify-content:flex-end}.v22-layout-block{grid-template-columns:20px 34px minmax(0,1fr)}.v22-layout-actions{grid-column:3;justify-content:flex-end}.v22-preview-page{padding:18px}.v22-modal-layer{padding:6px}.v22-modal header,.v22-modal-body,.v22-modal footer{padding-left:14px;padding-right:14px}.v22-type-grid{grid-template-columns:1fr}.v22-rich{min-height:250px}.v22-top-actions .v22-primary{display:none}}