*{box-sizing:border-box}html,body,#root{height:100%;margin:0}:root{--ink: #0b1b33;--paper: #f7f9fc;--blue: #2456e6;--sel: #4d7cff;--amber: #ffb01f;--slate: #47566e;--line: #e3e9f4}body{font-family:Be Vietnam Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;font-size:14px;color:#1f2933;background:var(--paper);overflow:hidden}button{font-family:inherit;cursor:pointer}input,select{font-family:inherit;font-size:13px}.boot{display:flex;align-items:center;justify-content:center;height:100%;color:#64748b}.app{display:flex;flex-direction:column;height:100%}.app-main{flex:1;display:flex;min-height:0}.toolbar{background:#fff;border-bottom:1px solid var(--line);z-index:20}.toolbar-row{display:flex;align-items:center;gap:4px;padding:6px 10px}.context-row{border-top:1px solid #eef1f5;min-height:44px;padding-top:4px;padding-bottom:4px}.context-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.context-left{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.common-controls{display:flex;align-items:center;gap:4px;flex-shrink:0}.doc-title{border:1.5px solid transparent;border-radius:8px;padding:6px 10px;font-size:14px;font-weight:700;color:var(--ink);width:230px;background:transparent}.doc-title:hover,.doc-title:focus{border-color:var(--sel);background:#fff;outline:none}.tb-btn{display:inline-flex;align-items:center;gap:6px;padding:6px;min-width:30px;min-height:30px;justify-content:center;border:none;border-radius:6px;background:transparent;color:#334155}.tb-btn.txt{padding:6px 10px}.tb-btn:hover:not(:disabled){background:#eef2f7}.tb-btn.on{background:#e3ecff;color:var(--blue)}.tb-btn:disabled{opacity:.35;cursor:default}.tb-btn.danger:hover:not(:disabled){background:#fee2e2;color:#b91c1c}.tb-sep{width:1px;height:22px;background:var(--line);margin:0 6px;flex-shrink:0}.toolbar-spacer{flex:1}.present-btn{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:9px;background:var(--blue);color:#fff;padding:7px 14px;font-weight:700}.present-btn:hover{background:#1b46c8}.tb-select{border:1px solid var(--line);border-radius:6px;padding:5px 6px;background:#fff;max-width:150px}.tb-select.tb-size{width:62px}.tb-color{position:relative;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;cursor:pointer}.tb-color:hover{background:#eef2f7}.tb-color-label{font-weight:700;font-size:14px;border-bottom:3px solid currentColor;line-height:1.1}.tb-color-label.hl{background:#fff176;padding:0 2px;border-bottom:none;border-radius:2px;color:#333}.tb-color input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.tb-field{display:inline-flex;align-items:center;gap:5px;padding:3px 6px;color:#475569;font-size:12.5px;white-space:nowrap}.tb-field input[type=number]{width:54px;border:1px solid var(--line);border-radius:5px;padding:4px 5px}.tb-field input[type=color]{width:26px;height:22px;border:1px solid var(--line);border-radius:4px;padding:0;background:none}.tb-field input[type=range]{width:80px}.tb-hint{color:#64748b;font-size:12.5px;padding:0 6px;white-space:nowrap}.tb-hint.dim{color:#94a3b8}.menu-anchor{position:relative}.popup-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30}.popup-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:31;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 28px #0b1b3324;padding:6px;display:flex;flex-direction:column;gap:2px;min-width:170px}.popup-menu>button{display:flex;align-items:center;gap:8px;border:none;background:transparent;border-radius:6px;padding:7px 10px;text-align:left;font-size:13px}.popup-menu>button:hover{background:#eef2f7}.popup-menu.table-menu{padding:10px;gap:8px}.popup-menu.table-menu label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#475569}.popup-menu.table-menu input{width:60px;border:1px solid var(--line);border-radius:5px;padding:4px 6px}.popup-menu.table-menu .primary{background:var(--blue);color:#fff;border:none;border-radius:8px;padding:7px;font-weight:700}.slide-panel{width:216px;background:#fbfcfe;border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.slide-list{flex:1;overflow-y:auto;padding:10px;display:flex;flex-direction:column;gap:10px}.thumb{position:relative;display:flex;gap:6px;cursor:pointer;border-radius:6px}.thumb-num{font-family:IBM Plex Mono,monospace;font-size:10px;color:#8494ad;width:15px;text-align:right;padding-top:3px;flex-shrink:0}.thumb-frame{overflow:hidden;border:1.5px solid var(--line);border-radius:8px;background:#fff;flex-shrink:0;transition:border-color .15s,box-shadow .15s}.thumb:hover .thumb-frame{border-color:#b9c8ea}.thumb.active .thumb-frame{border-color:var(--sel);box-shadow:0 0 0 1.5px var(--sel)}.thumb.drag-over .thumb-frame{border-color:var(--amber)}.thumb-scale{transform-origin:top left;pointer-events:none}.thumb-actions{position:absolute;right:4px;bottom:4px;display:none;gap:2px}.thumb:hover .thumb-actions{display:flex}.thumb-actions button{border:none;background:#fffffff2;border-radius:4px;padding:3px 4px;color:#475569;box-shadow:0 1px 3px #0f172a40}.thumb-actions button:hover{color:#b91c1c}.add-slide{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px;padding:8px;border:1.5px dashed #b9c6de;border-radius:9px;background:transparent;color:var(--slate);font-weight:600}.add-slide:hover{border-color:var(--sel);color:var(--blue);background:#fff}.canvas-viewport{flex:1;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;min-width:0;-webkit-user-select:none;user-select:none;background-image:radial-gradient(#dde5f2 1px,transparent 1.5px);background-size:24px 24px}.slide-stage{position:relative;flex-shrink:0;box-shadow:0 10px 36px #0b1b3329;overflow:visible}.slide-el{position:absolute}.slide-el:hover{outline:1.5px solid rgba(77,124,255,.55)}.slide-el.editing{outline:2px solid var(--sel)}.el-inner,.el-box>*{width:100%;height:100%}.el-inner{position:relative}.text-box{width:100%;height:100%;padding:8px 12px;overflow:visible;line-height:1.35;word-break:break-word;display:flex;flex-direction:column;justify-content:flex-start}.text-box.va-middle{justify-content:center}.text-box.va-bottom{justify-content:flex-end}.text-box.va-middle .tt-content,.text-box.va-bottom .tt-content{height:auto}.text-box .tt-content,.text-box .ProseMirror{width:100%;height:100%}.text-box .ProseMirror{outline:none;white-space:pre-wrap}.text-box.is-editing{-webkit-user-select:text;user-select:text;cursor:text}.no-pointer{pointer-events:none}.text-box p{margin:0}.text-box ul,.text-box ol{margin:0;padding-left:1.4em}.img-view{width:100%;height:100%;object-fit:fill;display:block}.img-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f1f5f9;color:#94a3b8;font-size:13px;border:1px dashed #cbd5e1}.audio-box{width:100%;height:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#f1f5f9;border:1px solid var(--line);border-radius:10px;color:#334155;overflow:hidden}.audio-play{border:none;background:#2563eb;color:#fff;border-radius:50%;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.audio-ic{flex-shrink:0;color:#64748b}.audio-title{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-badge{font-size:10.5px;background:#dcfce7;color:#166534;border-radius:4px;padding:1px 5px;flex-shrink:0}table.tbl{width:100%;height:100%;border-collapse:collapse;table-layout:fixed;background:#fff;font-family:Arial,Helvetica,sans-serif}table.tbl td{border:1px solid;padding:4px 8px;vertical-align:middle;overflow:hidden;word-break:break-word;white-space:pre-line}table.tbl td:focus{outline:2px solid var(--sel);outline-offset:-2px}.static-slide{position:relative;overflow:hidden}.anim-panel{width:280px;background:#fff;border-left:1px solid var(--line);display:flex;flex-direction:column;overflow-y:auto;flex-shrink:0}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--line)}.panel-head strong{font-weight:800;color:var(--ink)}.panel-section{padding:12px 14px;border-bottom:1px solid #eef1f5;display:flex;flex-direction:column;gap:10px}.panel-target{font-weight:600;font-size:13px;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel-field{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;color:#475569}.panel-field select,.panel-field input{border:1px solid var(--line);border-radius:6px;padding:5px 6px;width:150px}.panel-actions{display:flex;gap:6px}.panel-hint{padding:12px 14px;color:#94a3b8;font-size:13px}.panel-subtitle{font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#8494ad}.anim-row{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px;cursor:pointer}.anim-row:hover{background:#f1f5f9}.anim-row.active{background:#e3ecff}.anim-order{width:20px;height:20px;border-radius:50%;background:var(--blue);color:#fff;font-size:11px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.anim-label{flex:1;min-width:0;display:flex;flex-direction:column;font-size:13px;overflow:hidden}.anim-label small{color:#94a3b8;font-size:11px}.anim-order.kind-out{background:#dc2626}.anim-kind-tag{font-weight:700;border-radius:3px;padding:0 4px}.anim-kind-tag.kind-in{background:#dcfce7;color:#166534}.anim-kind-tag.kind-out{background:#fee2e2;color:#b91c1c}.panel-subtitle.kind-in{color:#166534}.panel-subtitle.kind-out{color:#b91c1c}.report-ic{vertical-align:-2px;color:#d97706;margin-right:4px}.report-list{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow-y:auto}.report-row{font-size:13px;color:#475569;background:#fffbeb;border:1px solid #fde68a;border-radius:6px;padding:7px 10px}.report-note{margin-top:12px;font-size:12px;color:#94a3b8}.presenter{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;cursor:default;overflow:hidden}.pres-stage{position:absolute;left:50%;top:50%;transform-origin:center;overflow:hidden}.pres-count{position:absolute;right:16px;bottom:12px;color:#ffffffa6;font-size:13px;background:#00000059;border-radius:6px;padding:3px 9px}.pres-audio{width:100%;height:100%;border:none;border-radius:50%;background:#1e293bbf;color:#fff;display:flex;align-items:center;justify-content:center}@keyframes fade{0%{opacity:0}}@keyframes zoom{0%{opacity:0;transform:scale(.2)}}@keyframes fly-left{0%{opacity:0;transform:translate(-1400px)}}@keyframes fly-right{0%{opacity:0;transform:translate(1400px)}}@keyframes fly-top{0%{opacity:0;transform:translateY(-800px)}}@keyframes fly-bottom{0%{opacity:0;transform:translateY(800px)}}@keyframes wipe-left{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wipe-right{0%{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}@keyframes wipe-top{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}@keyframes wipe-bottom{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}@keyframes fade-out{to{opacity:0}}@keyframes zoom-out{to{opacity:0;transform:scale(.2)}}@keyframes fly-out-left{to{opacity:0;transform:translate(-1400px)}}@keyframes fly-out-right{to{opacity:0;transform:translate(1400px)}}@keyframes fly-out-top{to{opacity:0;transform:translateY(-800px)}}@keyframes fly-out-bottom{to{opacity:0;transform:translateY(800px)}}@keyframes wipe-out-left{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}@keyframes wipe-out-right{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes wipe-out-top{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 100% 0)}}@keyframes wipe-out-bottom{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(100% 0 0 0)}}.home{height:100%;overflow-y:auto;background:var(--paper)}.home-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 28px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5}.home-actions{display:flex;align-items:center;gap:8px}.home-actions .tb-btn{border:1.5px solid var(--line);border-radius:9px;font-weight:600}.home-actions .tb-btn:hover:not(:disabled){border-color:var(--sel);color:var(--blue);background:#fff}.home-user{background:#eef2fb;border-radius:8px;padding:5px 11px;font-size:13px;margin-left:10px}.present-btn.icon-only{padding:8px;min-width:34px;justify-content:center}.tip{position:relative}.tip:after{content:attr(data-tip);position:absolute;top:calc(100% + 9px);right:0;background:var(--ink);color:#fff;font-size:12px;font-weight:500;padding:5px 10px;border-radius:6px;white-space:nowrap;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .15s,transform .15s;z-index:60}.tip:hover:after,.tip:focus-visible:after{opacity:1;transform:translateY(0)}.home-empty{padding:80px 28px;text-align:center;color:#8494ad;font-size:14px}.doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(224px,1fr));gap:20px;padding:24px 28px;max-width:1400px}.doc-card{background:#fff;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;cursor:pointer;transition:box-shadow .18s,transform .18s,border-color .18s}.doc-card:hover{border-color:var(--sel);box-shadow:0 14px 30px #0b1b331a;transform:translateY(-3px)}.doc-thumb{position:relative;overflow:hidden;background:#fbfcfe;border-bottom:1px solid var(--line)}.doc-thumb-actions{position:absolute;right:6px;top:6px;display:none;gap:4px}.doc-card:hover .doc-thumb-actions{display:flex}.doc-thumb-actions button{border:none;background:#fffffff2;border-radius:5px;padding:5px 6px;color:#475569;box-shadow:0 1px 4px #0f172a4d}.doc-thumb-actions button:hover{background:#fff;color:#1d4ed8}.doc-thumb-actions button.danger:hover{color:#b91c1c}.doc-meta{padding:10px 12px}.doc-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.doc-name{font-weight:700;font-size:13.5px;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.doc-badge{flex-shrink:0;font-family:IBM Plex Mono,monospace;font-size:9px;letter-spacing:.05em;text-transform:uppercase;border-radius:5px;padding:3px 7px;background:#eef2fb;color:var(--slate)}.doc-badge.src-pptx{background:#fff3d6;color:#9a5b00}.doc-badge.src-json{background:#e3ecff;color:var(--blue)}.doc-badge.src-created{background:#e6f7ec;color:#147a3d}.doc-sub{margin-top:4px;font-size:12px;color:#8494ad}.login-page{--ink: #0b1b33;--paper: #f7f9fc;--blue: #2456e6;--sel: #4d7cff;--amber: #ffb01f;--slate: #47566e;--line: #e3e9f4;height:100%;display:grid;grid-template-columns:minmax(380px,480px) 1fr;font-family:Be Vietnam Pro,-apple-system,sans-serif;background:var(--paper)}.login-brand{background:var(--ink);color:#fff;display:flex;flex-direction:column;padding:26px 34px;gap:18px;overflow:hidden}.login-brand-body{flex:1;display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:0}.login-brand h2{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1.2}.login-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.login-perks li{display:flex;align-items:center;gap:10px;font-size:14px;color:#c6d3ec}.login-perks svg{color:var(--amber);flex-shrink:0}.login-mockup{margin-top:6px}.login-brand-foot{margin:0;font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.08em;color:#5f7195}.login-back{border:none;background:transparent;color:#9fb4de;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;padding:0;align-self:flex-start;cursor:pointer;font-family:inherit}.login-back:hover{color:#fff}.login-main{display:flex;align-items:center;justify-content:center;padding:32px 24px;overflow-y:auto}.login-card{width:400px;max-width:100%;display:flex;flex-direction:column;gap:13px}.login-card h1{margin:0;font-size:30px;font-weight:800;letter-spacing:-.02em;color:var(--ink)}.login-lead{margin:-6px 0 6px;color:var(--slate);font-size:14px}.google-btn{display:flex;align-items:center;justify-content:center;gap:9px;border:1.5px solid var(--line);background:#fff;border-radius:10px;padding:11px;font-weight:600;font-size:14px;color:var(--ink);font-family:inherit;cursor:pointer}.google-btn:hover{border-color:var(--sel);background:#fbfcff}.login-divider{display:flex;align-items:center;gap:12px;color:#94a3b8;font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--line)}.login-field{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--ink)}.login-field input{border:1.5px solid var(--line);border-radius:10px;padding:11px 13px;font-size:14px;font-family:inherit;font-weight:400;background:#fff;transition:border-color .15s,box-shadow .15s}.login-field input:focus{outline:none;border-color:var(--sel);box-shadow:0 0 0 3px #4d7cff2e}.login-error{color:#b91c1c;background:#fee2e2;border-radius:8px;padding:9px 12px;font-size:13px}.login-submit{justify-content:center;width:100%}.login-switch{margin:2px 0 0;text-align:center;font-size:13.5px;color:var(--slate)}.login-switch button{border:none;background:none;padding:0;color:var(--blue);font-weight:700;font-size:13.5px;cursor:pointer;font-family:inherit}.login-switch button:hover{text-decoration:underline}@media (max-width: 900px){.login-page{grid-template-columns:1fr}.login-brand{display:none}}.home-user{font-weight:600;color:#334155;padding:0 4px}.perm-badge{font-size:11.5px;background:#fef3c7;color:#92400e;border-radius:5px;padding:3px 8px;margin-left:6px;white-space:nowrap}.home-body{display:flex;min-height:calc(100% - 71px);align-items:stretch}.folder-tree{width:250px;flex-shrink:0;border-right:1px solid var(--line);background:#fbfcfe;padding:12px 8px;overflow-y:auto}.tree-row{display:flex;align-items:center;gap:6px;padding:7px 10px;border-radius:7px;cursor:pointer;color:#334155;font-size:13.5px}.tree-row:hover{background:#eef2f7}.tree-row.active{background:#e3ecff;color:var(--blue);font-weight:600}.tree-row.root{font-weight:600}.tree-row.shared{margin-top:14px;border-top:1px solid #e2e8f0;border-radius:0 0 7px 7px;padding-top:12px}.tree-toggle{border:none;background:transparent;padding:0;width:16px;color:#94a3b8;display:inline-flex}.tree-ic{color:#64748b;flex-shrink:0}.tree-row.active .tree-ic{color:var(--blue)}.tree-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-actions{display:none;gap:2px}.tree-row:hover .tree-actions{display:inline-flex}.tree-actions button{border:none;background:transparent;padding:3px;color:#64748b;border-radius:4px}.tree-actions button:hover{background:#dbeafe;color:#1d4ed8}.tree-add{display:flex;align-items:center;gap:6px;width:100%;margin-top:8px;border:1.5px dashed #b9c6de;background:transparent;border-radius:7px;padding:7px 10px;color:#64748b;font-size:13px}.tree-row.editing{background:#eff6ff}.tree-name-input{flex:1;min-width:0;border:1.5px solid var(--sel);border-radius:6px;padding:3px 6px;font-size:13px;outline:none;box-shadow:0 0 0 2px #2563eb2e}.tree-add:hover{border-color:var(--sel);color:var(--blue);background:#fff}.doc-area{flex:1;min-width:0}.shared-folder-chips{display:flex;flex-wrap:wrap;gap:8px;padding:18px 28px 0}.shared-chip{display:inline-flex;align-items:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:20px;padding:5px 12px;font-size:12.5px;color:#475569}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:100;display:flex;align-items:center;justify-content:center}.modal{width:460px;max-width:calc(100vw - 40px);max-height:80vh;overflow-y:auto;background:#fff;border-radius:14px;padding:20px;box-shadow:0 24px 60px #0b1b334d}.modal-head strong{font-size:15px;font-weight:800;color:var(--ink)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.share-form{display:flex;gap:8px;margin-bottom:12px}.share-form input{flex:1;border:1px solid var(--line);border-radius:7px;padding:8px 10px}.share-form select{border:1px solid var(--line);border-radius:7px;padding:8px}.share-list{display:flex;flex-direction:column;gap:6px}.share-row{display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid #eef1f5;border-radius:8px}.share-who{flex:1;min-width:0;display:flex;flex-direction:column}.share-name{font-weight:600;font-size:13px}.share-email{font-size:12px;color:#94a3b8;overflow:hidden;text-overflow:ellipsis}.share-row select{border:1px solid var(--line);border-radius:6px;padding:5px;font-size:12.5px}.move-list{display:flex;flex-direction:column;gap:4px}.move-item{display:flex;align-items:center;gap:8px;border:none;background:transparent;border-radius:7px;padding:9px 12px;text-align:left;font-size:13.5px;color:#334155}.move-item:hover{background:#eef2f7}.comments-panel{display:flex;flex-direction:column}.comments-list{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px}.comment-item{border:1px solid var(--line);border-radius:9px;padding:9px 11px;background:#fff}.comment-item.resolved{opacity:.6;background:#f8fafc}.comment-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.comment-author{font-weight:600;font-size:12.5px;color:#1e293b}.comment-time{font-size:11px;color:#94a3b8}.comment-body{font-size:13px;white-space:pre-wrap;word-break:break-word;color:#334155}.comment-actions{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin-top:6px}.comment-form{border-top:1px solid #eef1f5;padding:12px 14px;display:flex;flex-direction:column;gap:8px}.comment-form textarea{border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;resize:vertical}.comment-form .present-btn{justify-content:center}.thumb-comment-badge{position:absolute;left:22px;top:4px;display:inline-flex;align-items:center;gap:3px;background:#f59e0b;color:#fff;font-size:10px;font-weight:700;border-radius:8px;padding:2px 6px;z-index:2}.landing{--ink: #0b1b33;--paper: #f7f9fc;--blue: #2456e6;--sel: #4d7cff;--amber: #ffb01f;--slate: #47566e;--line: #e3e9f4;height:100%;overflow-y:auto;background:var(--paper);color:var(--ink);font-family:Be Vietnam Pro,-apple-system,sans-serif}.landing :focus-visible,.login-page :focus-visible{outline:3px solid var(--sel);outline-offset:2px;border-radius:6px}.lp-nav{display:flex;align-items:center;justify-content:space-between;padding:14px 40px;position:sticky;top:0;background:#f7f9fce6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);z-index:10}.lp-logo{display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.lp-logo.onink{color:#fff}.lp-nav-actions{display:flex;align-items:center;gap:10px}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;border-radius:10px;font-family:inherit;font-weight:700;font-size:14px;padding:10px 18px;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .15s,background .15s}.lp-btn.lg{padding:14px 26px;font-size:15.5px;border-radius:12px}.lp-btn.primary{background:var(--blue);color:#fff;box-shadow:0 6px 18px #2456e647}.lp-btn.primary:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2456e65c}.lp-btn.ghost{background:transparent;color:var(--ink);border:1.5px solid var(--line)}.lp-btn.ghost:hover{border-color:var(--sel);color:var(--blue)}.lp-btn.amber{background:var(--amber);color:var(--ink);box-shadow:0 6px 18px #ffb01f52}.lp-btn.amber:hover{transform:translateY(-2px)}.lp-eyebrow{font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:500;letter-spacing:.1em;color:var(--blue);margin:0 0 14px}.lp-eyebrow.center{text-align:center}.lp-eyebrow.onink{color:var(--amber)}.lp-hero{max-width:1180px;margin:0 auto;padding:72px 40px 56px;display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}.lp-hero-text>*{animation:lpUp .55s ease-out both}.lp-hero-text>*:nth-child(2){animation-delay:.08s}.lp-hero-text>*:nth-child(3){animation-delay:.16s}.lp-hero-text>*:nth-child(4){animation-delay:.24s}.lp-hero-text>*:nth-child(5){animation-delay:.3s}@keyframes lpUp{0%{opacity:0;transform:translateY(12px)}}.lp-h1-select{position:relative;display:inline-block;border:1.5px solid var(--sel);padding:14px 22px;margin:62px 0 20px;background:#fff;box-shadow:0 10px 32px #0b1b3312}.lp-h1-select h1{margin:0;font-size:44px;line-height:1.16;font-weight:800;letter-spacing:-.025em}.lp-el-label{position:absolute;top:-50px;left:-1.5px;font-family:IBM Plex Mono,monospace;font-size:10.5px;color:var(--sel);background:var(--paper);padding:2px 6px;border-radius:4px;white-space:nowrap}.lp-handle{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;border:2px solid var(--sel)}.lp-handle.h-nw{top:-5px;left:-5px}.lp-handle.h-n{top:-5px;left:calc(50% - 4.5px)}.lp-handle.h-ne{top:-5px;right:-5px}.lp-handle.h-w{top:calc(50% - 4.5px);left:-5px}.lp-handle.h-e{top:calc(50% - 4.5px);right:-5px}.lp-handle.h-sw{bottom:-5px;left:-5px}.lp-handle.h-s{bottom:-5px;left:calc(50% - 4.5px)}.lp-handle.h-se{bottom:-5px;right:-5px}.lp-rotate{position:absolute;top:-26px;left:50%;width:1.5px;height:21px;background:var(--sel)}.lp-rotate:after{content:"";position:absolute;top:-9px;left:-4.25px;width:10px;height:10px;border-radius:50%;background:#fff;border:2px solid var(--sel)}.lp-caret{display:inline-block;width:3px;height:.85em;margin-left:5px;background:var(--blue);vertical-align:-.08em;animation:lpBlink 1.1s steps(2) infinite}@keyframes lpBlink{50%{opacity:0}}.lp-sub{max-width:480px;margin:0 0 26px;color:var(--slate);font-size:16.5px;line-height:1.65}.lp-cta-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.lp-note{margin:14px 0 0;font-size:13px;color:#8494ad}.mk-canvas{display:flex;gap:10px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px;box-shadow:0 30px 70px #0b1b3321;transform:rotate(-1.2deg);animation:lpUp .7s .2s ease-out both}.mk-canvas.compact{transform:none;box-shadow:0 16px 40px #00000059;border:none}.mk-strip{display:flex;flex-direction:column;gap:7px;width:44px;flex-shrink:0}.mk-strip-item{aspect-ratio:16 / 9;border-radius:5px;background:#eef2fa;border:1.5px solid var(--line)}.mk-strip-item.active{border-color:var(--sel);background:#e3ecff}.mk-stage{position:relative;flex:1;aspect-ratio:16 / 10;background:#fdfefe;border:1px solid var(--line);border-radius:10px;overflow:hidden}.mk-guide-v,.mk-guide-h{position:absolute;border:0 dashed rgba(77,124,255,.35)}.mk-guide-v{left:50%;top:0;bottom:0;border-left-width:1.5px}.mk-guide-h{top:55%;left:0;right:0;border-top-width:1.5px}.mk-toolbar{position:absolute;top:6%;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:5px 11px;font-size:11px;color:var(--ink);box-shadow:0 4px 12px #0b1b3314;z-index:3}.mk-dot{width:10px;height:10px;border-radius:50%}.mk-dot.blue{background:var(--blue)}.mk-dot.amber{background:var(--amber)}.mk-el{position:absolute;animation:lpUp .5s ease-out both}.mk-img{right:7%;top:20%;width:44%;animation-delay:.35s}.mk-img svg{width:100%;height:auto;display:block;border-radius:8px;border:1.5px solid var(--sel)}.mk-pin{position:absolute;top:-12px;right:-10px;display:flex;align-items:flex-start;gap:6px}.mk-pin-dot{width:22px;height:22px;border-radius:50% 50% 50% 4px;background:var(--amber);color:var(--ink);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px #0b1b3338}.mk-pin-msg{background:#fff;border:1px solid var(--line);border-radius:8px;padding:4px 9px;font-size:10.5px;color:var(--ink);white-space:nowrap;box-shadow:0 4px 10px #0b1b331a}.mk-chart{left:9%;bottom:15%;width:26%;height:34%;display:flex;align-items:flex-end;gap:9%;animation-delay:.5s}.mk-bar{flex:1;border-radius:4px 4px 0 0;background:#c9d8f8}.mk-bar.tall{background:var(--blue)}.mk-anim-badge{position:absolute;top:-14px;left:-14px;width:21px;height:21px;border-radius:50%;background:#16a34a;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;z-index:2}.mk-text{left:9%;top:20%;width:30%;display:flex;flex-direction:column;gap:8px;animation-delay:.42s}.mk-line{height:11px;border-radius:5.5px;background:var(--ink)}.mk-line.w80{width:84%}.mk-line.w60{width:58%;background:#c9d8f8}.mk-foot{position:absolute;left:12px;bottom:8px;font-family:IBM Plex Mono,monospace;font-size:9.5px;letter-spacing:.06em;color:#8494ad}.lp-features{max-width:1180px;margin:0 auto;padding:64px 40px}.lp-features h2,.lp-steps h2{text-align:center;font-size:32px;font-weight:800;letter-spacing:-.02em;margin:0 0 40px}.lp-feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px}.lp-feature{display:flex;flex-direction:column;gap:7px}.lp-feature-art{position:relative;aspect-ratio:16 / 9;background:#fff;border:1.5px solid var(--line);border-radius:12px;overflow:hidden;margin-bottom:6px;transition:transform .18s,box-shadow .18s,border-color .18s}.lp-feature:hover .lp-feature-art{transform:translateY(-4px);border-color:var(--sel);box-shadow:0 14px 30px #0b1b331a}.lp-feature-art svg{width:100%;height:100%;display:block}.lp-feature-n{position:absolute;top:8px;right:10px;font-family:IBM Plex Mono,monospace;font-size:10.5px;color:#8494ad}.lp-feature h3{margin:0;font-size:16.5px;font-weight:700}.lp-feature p{margin:0;font-size:13.5px;line-height:1.55;color:var(--slate)}.lp-steps{max-width:1020px;margin:0 auto;padding:24px 40px 72px}.lp-step-row{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.lp-step{position:relative;background:#fff;border:1.5px solid var(--line);border-radius:14px;padding:22px 22px 20px}.lp-step-n{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:var(--ink);color:#fff;font-family:IBM Plex Mono,monospace;font-size:13px;margin-bottom:12px}.lp-step h3{margin:0 0 6px;font-size:16.5px}.lp-step p{margin:0;font-size:13.5px;line-height:1.55;color:var(--slate)}.lp-step-arrow{position:absolute;right:-26px;top:50%;transform:translateY(-50%);color:var(--sel);font-size:20px;font-weight:700}.lp-end{background:var(--ink);text-align:center;padding:76px 24px 84px}.lp-end h2{color:#fff;font-size:38px;font-weight:800;letter-spacing:-.02em;margin:0 0 28px}.lp-end-note{margin:18px 0 0;font-family:IBM Plex Mono,monospace;font-size:11.5px;color:#5f7195}.lp-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 40px;background:var(--ink);border-top:1px solid #1c2f52;color:#8494ad;font-size:12.5px}.lp-footer-mono{font-family:IBM Plex Mono,monospace;font-size:10.5px;letter-spacing:.06em}@media (max-width: 980px){.lp-hero{grid-template-columns:1fr;gap:44px;padding-top:48px}.lp-h1-select h1{font-size:34px}.lp-step-row{grid-template-columns:1fr;gap:16px}.lp-step-arrow{display:none}}@media (max-width: 620px){.lp-nav{padding:12px 18px}.lp-hero,.lp-features,.lp-steps{padding-left:18px;padding-right:18px}.lp-h1-select h1{font-size:26px}.lp-el-label{display:none}.lp-end h2{font-size:28px}}@media (prefers-reduced-motion: reduce){.lp-hero-text>*,.mk-canvas,.mk-el{animation:none}.lp-caret{animation:none}.lp-btn,.lp-feature-art{transition:none}}.tree-section-label{margin:16px 10px 5px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:#8494ad}.tree-row.sub-root{padding-left:24px;font-weight:500}.media-lib{display:flex;min-height:100%}.media-tree{width:230px;flex-shrink:0;border-right:1px solid var(--line);padding:14px 8px;background:#fbfcfe}.media-main{flex:1;min-width:0}.media-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 24px 0}.media-toolbar strong{font-size:16px;font-weight:800;color:var(--ink)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;padding:18px 24px}.media-card{border:1.5px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;transition:box-shadow .18s,border-color .18s}.media-card:hover{border-color:var(--sel);box-shadow:0 10px 24px #0b1b3314}.media-thumb{position:relative;height:130px;background:#f1f5f9;display:flex;align-items:center;justify-content:center}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}.media-audio{display:flex;flex-direction:column;align-items:center;gap:8px;color:#64748b;width:100%;padding:0 10px}.media-audio audio{width:100%;height:30px}.media-card:hover .doc-thumb-actions{display:flex}.media-meta{padding:8px 10px;display:flex;flex-direction:column;gap:2px}.media-picker{width:640px}.picker-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.picker-toolbar select{border:1px solid var(--line);border-radius:7px;padding:7px 9px;max-width:300px}.picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;max-height:46vh;overflow-y:auto}.picker-item{border:1.5px solid var(--line);border-radius:10px;background:#fff;padding:0;overflow:hidden;cursor:pointer;text-align:center}.picker-item:hover{border-color:var(--sel);box-shadow:0 0 0 1px var(--sel)}.picker-item img,.picker-item video{width:100%;height:88px;object-fit:cover;display:block;background:#f1f5f9}.picker-audio-ic{display:flex;align-items:center;justify-content:center;height:88px;background:#f1f5f9;color:#64748b}.picker-name{display:block;font-size:11.5px;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#475569}.video-view{width:100%;height:100%;object-fit:contain;background:#000;display:block}.templates-view{min-height:100%}.area-tools{padding:16px 28px 0}.media-main .area-tools,.templates-view .area-tools{padding:14px 24px 0}.list-toolbar{display:flex;align-items:center;gap:10px;width:100%}.search-box{display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:9px;padding:7px 12px;width:320px;max-width:100%;color:#8494ad;transition:border-color .15s,box-shadow .15s}.search-box:focus-within{border-color:var(--sel);box-shadow:0 0 0 3px #4d7cff24;color:var(--blue)}.search-box input{border:none;outline:none;flex:1;min-width:0;font-size:13.5px;background:transparent;color:var(--ink)}.search-clear{border:none;background:#eef2fb;border-radius:50%;width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--slate);padding:0}.search-clear:hover{background:#e3ecff;color:var(--blue)}.lt-spacer{flex:1}.view-toggle{display:inline-flex;background:#eef2fb;border-radius:9px;padding:3px;gap:2px}.view-toggle button{border:none;background:transparent;border-radius:7px;padding:5px 10px;color:#64748b;display:inline-flex;align-items:center}.view-toggle button.on{background:#fff;color:var(--blue);box-shadow:0 1px 4px #0b1b3324}.item-list{display:flex;flex-direction:column;gap:8px;padding:16px 28px 24px}.media-main .item-list{padding:14px 24px 24px}.item-row{display:flex;align-items:center;gap:14px;background:#fff;border:1.5px solid var(--line);border-radius:10px;padding:8px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s}.item-row.static{cursor:default}.item-row:hover{border-color:var(--sel);box-shadow:0 6px 16px #0b1b3312}.item-thumb{flex-shrink:0;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#fbfcfe;position:relative}.item-thumb.media{display:flex;align-items:center;justify-content:center;color:#8494ad}.item-thumb.media img,.item-thumb.media video{width:100%;height:100%;object-fit:cover}.item-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.item-name-row{display:flex;align-items:center;gap:8px;min-width:0}.item-name-row .doc-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-audio{height:30px;max-width:260px}.item-actions{display:none;align-items:center;gap:2px;flex-shrink:0}.item-row:hover .item-actions{display:flex}.item-actions button{border:none;background:transparent;border-radius:7px;padding:7px;color:#64748b;display:inline-flex}.item-actions button:hover{background:#eef2fb;color:var(--blue)}.item-actions button.danger:hover{background:#fee2e2;color:#b91c1c}.keys-hint{margin:0 0 14px;font-size:13px;color:var(--slate);line-height:1.55}.keys-hint code{background:#eef2fb;border-radius:4px;padding:1px 5px;font-family:IBM Plex Mono,monospace;font-size:11.5px}.new-key-box{background:#fffbeb;border:1.5px solid #fde68a;border-radius:10px;padding:12px;margin-bottom:12px}.new-key-note{font-size:12.5px;color:#92400e;margin-bottom:8px}.new-key-row{display:flex;align-items:center;gap:8px}.new-key-row code{flex:1;min-width:0;font-family:IBM Plex Mono,monospace;font-size:11.5px;background:#fff;border:1px solid var(--line);border-radius:7px;padding:8px 10px;word-break:break-all}.new-doc-modal{width:720px}.new-doc-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;max-height:60vh;overflow-y:auto}.new-doc-card{border:1.5px solid var(--line);border-radius:12px;background:#fff;padding:0 0 10px;overflow:hidden;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;transition:box-shadow .15s,transform .15s}.new-doc-card:hover:not(:disabled){border-color:var(--sel);box-shadow:0 10px 24px #2456e629;transform:translateY(-2px)}.new-doc-card:disabled{opacity:.6;cursor:default}.new-doc-thumb{height:112px;background:#f8fafc;border-bottom:1px solid #eef1f5;overflow:hidden;position:relative}.new-doc-thumb.blank{display:flex;align-items:center;justify-content:center;color:var(--blue);background:repeating-linear-gradient(45deg,#fbfcfe,#fbfcfe 12px,#eef2fb 12px,#eef2fb 24px)}.new-doc-name{font-weight:600;font-size:13px;color:#1e293b;padding:6px 10px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.new-doc-sub{font-size:11.5px;color:#94a3b8;padding:0 10px}.moveable-control{border-color:var(--sel)!important}.moveable-line{background:var(--sel)!important}