@media(min-width:701px){
  body .cloud-preview-window.cloud-immersive-floating:not(.cloud-media-floating) .cloud-preview-shell,body .cloud-preview-window.cloud-immersive-floating:not(.cloud-media-floating) .cloud-preview-shell{
    background:linear-gradient(180deg,#f8fafc 0,#f8fafc 72px,#eef2f7 72px,#eef2f7 100%)!important;
  }
  .cloud-preview-window.cloud-immersive-floating:not(.cloud-media-floating) .cloud-preview-toolbar{
    height:56px!important;
    min-height:56px!important;
    margin:6px 10px 0!important;
    padding:0 4px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .cloud-preview-window.cloud-immersive-floating:not(.cloud-media-floating) .cloud-preview-shell>main{
    margin:4px 10px 10px!important;
  }
  .cloud-preview-window.cloud-immersive-floating:not(.cloud-media-floating) .cloud-preview-file span{
    height:20px!important;
    padding:0 7px!important;
    border-color:#dfe7f4!important;
    background:#f0f5fd!important;
    color:#7285a5!important;
    font-size:9.5px!important;
  }
  .cloud-preview-window.cloud-immersive-floating:not(.cloud-media-floating) .cloud-preview-toolbar-center{
    border-color:#dce4ef!important;
    background:#f2f5f9!important;
  }
  .cloud-preview-window.cloud-immersive-floating:not(.cloud-media-floating) .cloud-preview-action-divider{
    margin:0 5px!important;
    background:#d9e0ea!important;
  }
}
.cloud-preview-window.cloud-immersive-floating .cloud-custom-editable-shell>main,.cloud-preview-window.cloud-immersive-floating .cloud-office-preview-shell>main,.cloud-preview-window.cloud-immersive-floating .cloud-pdf-preview-shell>main,.cloud-preview-window.cloud-immersive-floating .cloud-generic-preview-shell>main{
  padding:0!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-custom-editable-preview,.cloud-preview-window.cloud-immersive-floating .cloud-office-preview-host{
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  overflow:auto!important;
}
.cloud-preview-window.cloud-immersive-floating[data-preview-format="text"] .cloud-custom-editable-shell>main,.cloud-preview-window.cloud-immersive-floating[data-preview-format="code"] .cloud-custom-editable-shell>main,.cloud-preview-window.cloud-immersive-floating[data-preview-format="csv"] .cloud-custom-editable-shell>main,.cloud-preview-window.cloud-immersive-floating .cloud-custom-editable-preview[data-preview-format="text"],.cloud-preview-window.cloud-immersive-floating .cloud-custom-editable-preview[data-preview-format="code"],.cloud-preview-window.cloud-immersive-floating .cloud-custom-editable-preview[data-preview-format="csv"]{
  background:#111827!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-custom-text-preview{
  width:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  margin:0!important;
  padding:30px 34px!important;
  border:0!important;
  border-radius:0!important;
  background:#111827!important;
  box-shadow:none!important;
  color:#e7eefb!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-custom-doc-preview,.cloud-preview-window.cloud-immersive-floating .cloud-custom-markdown-preview{
  width:100%!important;
  max-width:none!important;
  min-height:100%!important;
  margin:0!important;
  padding:clamp(30px,5vw,64px) clamp(24px,7vw,88px)!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-custom-sheet-preview{
  width:max-content!important;
  min-width:100%!important;
  min-height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  background:#fff!important;
  box-shadow:none!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-custom-sheet-preview table{min-width:100%!important}
.cloud-preview-window.cloud-immersive-floating .cloud-native-pdf,.cloud-preview-window.cloud-immersive-floating .cloud-generic-preview-shell iframe{
  width:100%!important;
  height:100%!important;
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-office-preview-host.cloud-preview-excel,.cloud-preview-window.cloud-immersive-floating .cloud-office-preview-host.cloud-preview-pptx,.cloud-preview-window.cloud-immersive-floating .cloud-office-preview-host.cloud-preview-docx,.cloud-preview-window.cloud-immersive-floating .cloud-office-preview-host.cloud-preview-docx-canvas{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media(max-width:700px){
  .cloud-preview-window.cloud-immersive-floating .cloud-custom-text-preview{padding:20px!important}
  .cloud-preview-window.cloud-immersive-floating .cloud-custom-doc-preview,.cloud-preview-window.cloud-immersive-floating .cloud-custom-markdown-preview{padding:28px 20px!important}
}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar{
  position:relative!important;
  width:auto!important;
  height:52px!important;
  min-height:52px!important;
  margin:12px 12px 0!important;
  padding:0 8px!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  gap:10px!important;
  border:1px solid rgba(210,219,232,.82)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.86)!important;
  box-shadow:0 8px 24px rgba(15,23,42,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%)!important;
  backdrop-filter:blur(18px) saturate(150%)!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-shell>main{
  margin:10px 12px 12px!important;
  overflow:hidden!important;
  border:1px solid rgba(214,222,233,.76)!important;
  border-radius:12px!important;
  box-shadow:0 4px 18px rgba(15,23,42,.055)!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-left{gap:9px!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-back{
  width:34px!important;height:34px!important;padding:0!important;border:0!important;border-radius:50%!important;
  background:transparent!important;color:#344258!important;box-shadow:none!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-back span{display:none!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-back:hover{background:#edf3ff!important;color:#2964e8!important;box-shadow:none!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-file{flex-direction:row!important;align-items:center!important;gap:8px!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-file b{max-width:min(40vw,520px)!important;font-size:13.5px!important;font-weight:850!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-file span{
  display:inline-flex!important;align-items:center!important;height:22px!important;margin:0!important;padding:0 8px!important;
  border:1px solid #dce6f7!important;border-radius:999px!important;background:#f3f7ff!important;color:#6880a9!important;
  font-size:10px!important;font-weight:750!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-center{
  height:36px!important;padding:2px!important;border-color:rgba(217,225,237,.88)!important;border-radius:11px!important;
  background:rgba(246,248,252,.9)!important;box-shadow:none!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-center .cloud-preview-tool-btn{width:30px!important;height:30px!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-zoom{min-width:46px!important;height:30px!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-right{grid-column:3!important;gap:2px!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions{display:flex;align-items:center;gap:2px}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-tool-btn{
  width:34px!important;height:34px!important;border:0!important;border-radius:9px!important;background:transparent!important;
  color:#526178!important;box-shadow:none!important;
}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-tool-btn:hover{background:#edf3ff!important;color:#2964e8!important;box-shadow:none!important;transform:none!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-tool-btn.is-active{border:0!important;background:transparent!important;color:#e89a13!important;box-shadow:none!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-tool-btn.is-active:hover{background:#fff5dc!important;color:#d98200!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-more-toggle{display:none!important}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-action-divider{width:1px;height:22px;margin:0 4px;background:#dfe5ee}
.cloud-preview-window.cloud-immersive-floating .cloud-preview-tool-close:hover{background:#fff0f1!important;color:#dc3d4b!important}
@media(min-width:701px){
  body .cloud-preview-window.cloud-immersive-floating .cloud-preview-shell,body .cloud-preview-window.cloud-immersive-floating .cloud-preview-shell{border-radius:18px!important;background:#eef2f7!important}
}
@media(max-width:700px){
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar{
    height:54px!important;min-height:54px!important;margin:0!important;padding:0 7px!important;
    grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:54px!important;gap:5px!important;
    border:0!important;border-bottom:1px solid #e2e8f0!important;border-radius:0!important;background:rgba(255,255,255,.94)!important;
  }
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-image-shell .cloud-preview-toolbar{height:54px!important;min-height:54px!important;grid-template-rows:54px!important}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-shell>main{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-left{grid-column:1!important;grid-row:1!important;gap:5px!important}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-file{display:block!important;min-width:0!important}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-file b{display:block!important;max-width:none!important;width:100%!important;font-size:12px!important}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-file span{display:none!important}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-right{position:relative!important;grid-column:2!important;grid-row:1!important;gap:1px!important}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-more-toggle{display:inline-flex!important}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions{display:none;position:absolute;z-index:40;right:37px;top:42px;width:174px;padding:7px;border:1px solid #dce3ee;border-radius:12px;background:rgba(255,255,255,.98);box-shadow:0 16px 44px rgba(15,23,42,.2);backdrop-filter:blur(16px)}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions.is-open{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions .cloud-preview-tool-btn{width:36px!important;height:36px!important;background:#f6f8fc!important}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-action-divider{height:20px;margin:0 2px}
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-center{
    position:fixed!important;z-index:30!important;left:50%!important;bottom:18px!important;transform:translateX(-50%)!important;
    height:40px!important;margin:0!important;padding:3px!important;border-color:rgba(201,211,226,.92)!important;background:rgba(255,255,255,.94)!important;
    box-shadow:0 10px 30px rgba(15,23,42,.18)!important;backdrop-filter:blur(16px)!important;
  }
  .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-center .cloud-preview-tool-btn{width:32px!important;height:32px!important}
}
.cloud-media-preview{position:relative!important;display:flex!important;width:100%!important;height:100%!important;min-height:0!important;padding:28px!important;align-items:center!important;justify-content:center!important;background:radial-gradient(circle at 50% 35%,#1b263a 0,#0d1422 58%,#080d16 100%)!important;box-sizing:border-box!important}
@media(max-width:700px){
  .cloud-media-preview{padding:0!important}
}
.cloud-media-preview{display:flex;width:100%;height:100%;min-height:0;align-items:center;justify-content:center;flex-direction:column;gap:14px;padding:20px;background:radial-gradient(circle at 50% 35%,#29334d,#101624 70%);box-sizing:border-box}.cloud-media-preview>small{color:#aeb9cd;font-size:12px}
@media(max-width:700px){.cloud-media-preview{padding:8px;gap:9px}.cloud-media-preview>small{padding:0 8px;text-align:center}}
@keyframes cloud-real-spin{to{transform:rotate(360deg)}}
body.cloud-preview-open{overflow:hidden!important}
.cloud-preview-window{position:fixed;inset:0;z-index:12000;padding:0;background:#fff}
.cloud-preview-shell{display:flex;width:100%;height:100%;overflow:hidden;flex-direction:column;border:1px solid rgba(255,255,255,.35);border-radius:18px;background:#fff;box-shadow:0 28px 80px rgba(15,23,42,.35)}
.cloud-preview-shell>header{display:grid;min-height:64px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid #e3e8f1;background:#fff}
.cloud-preview-shell>header>div{display:flex;min-width:0;flex-direction:column}.cloud-preview-shell>header b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cloud-preview-shell>header small{color:#7a879b}
.cloud-preview-close,.cloud-preview-shell>header>a{display:inline-flex;width:40px;height:40px;min-width:40px;min-height:40px;align-items:center;justify-content:center;padding:0;border:1px solid #dce3ed;border-radius:10px;background:#fff;color:#334155;text-decoration:none;cursor:pointer}
.cloud-preview-close:hover,.cloud-preview-shell>header>a:hover{border-color:#3569e8;background:#e8f0ff;color:#1f4fd1}.cloud-preview-close svg,.cloud-preview-shell>header>a svg{width:17px;height:17px}
.cloud-preview-shell>main{position:relative;min-height:0;overflow:hidden;flex:1;background:#fff}.cloud-preview-shell iframe{display:block;width:100%;height:100%;border:0;background:#fff}
.cloud-image-preview{display:flex;width:100%;height:100%;align-items:center;justify-content:center;overflow:auto;padding:24px;box-sizing:border-box;background:#f4f6f8}
.cloud-image-preview img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain}
.cloud-office-preview-host{position:absolute;inset:0;width:auto;height:auto;overflow-x:auto!important;overflow-y:auto!important;overscroll-behavior:contain;scrollbar-gutter:stable;touch-action:pan-y;background:#fff!important}
.cloud-preview-loading,.cloud-preview-message{display:flex;min-height:100%;align-items:center;justify-content:center;flex-direction:column;gap:10px;padding:28px;text-align:center;color:#526078}
.cloud-preview-loading span{width:38px;height:38px;border:4px solid #d9e5ff;border-top-color:#3569e8;border-radius:50%;animation:cloud-preview-spin .8s linear infinite}
.cloud-preview-loading b,.cloud-preview-message b{color:#172033;font-size:17px}.cloud-preview-loading small,.cloud-preview-message p{margin:0;color:#7b8799}
.cloud-preview-message svg{width:46px;height:46px;color:#3569e8}.cloud-preview-message.error svg{color:#e07a57}
@keyframes cloud-preview-spin{to{transform:rotate(360deg)}}
.cloud-preview-docx{padding:24px!important;background:#eef2f7!important;overflow:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important}.cloud-preview-docx>.docx-wrapper,.cloud-preview-docx .docx-wrapper{display:flex!important;flex-direction:column!important;width:100%!important;height:auto!important;min-height:max-content!important;margin:0 auto!important;overflow:visible!important;align-items:center!important;padding:0!important;background:transparent!important;transform:none!important}
.cloud-preview-docx .cloud-docx-page-frame{position:relative!important;flex:0 0 auto!important;margin:0 auto 20px!important;overflow:visible!important;background:#fff!important;box-shadow:0 3px 14px rgba(15,23,42,.08)!important}
.cloud-preview-docx .cloud-docx-page-frame>section.docx{position:absolute!important;inset:0 auto auto 0!important;margin:0!important;border:1px solid #e3e8f0!important;box-shadow:none!important;max-width:none!important}
.cloud-preview-docx-canvas{padding:0!important;background:#eef2f7!important;overflow:hidden!important}
.cloud-preview-docx-canvas>div{max-width:100%!important}
.cloud-preview-excel{overflow:hidden;background:#fff}.cloud-preview-excel>div{height:100%!important}
.cloud-preview-pptx{padding:18px;background:#252936}.cloud-preview-pptx>.vue-office-pptx{min-height:100%}
@media(max-width:900px){.cloud-preview-window{padding:0}.cloud-preview-shell{border:0;border-radius:0}.cloud-preview-shell>header{grid-template-columns:auto minmax(0,1fr) auto;gap:9px}.cloud-preview-shell>header>a{grid-column:auto}.cloud-preview-close span{display:none}}
@media(max-width:700px){.cloud-preview-docx{padding:6px!important}.cloud-preview-pptx{padding:8px}.cloud-image-preview{padding:12px}}
@keyframes okpanCloudCommit{from{background-position:100% 0}to{background-position:-120% 0}}
@keyframes cloudShareEntrySpin{to{transform:rotate(360deg)}}
html body .cloud-preview-window.cloud-immersive-floating[data-preview-kind="editable"] .cloud-custom-editable-shell>main{
  margin:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.cloud-preview-window .cloud-preview-shell{
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
.cloud-preview-window .cloud-preview-toolbar{
  height:64px!important;
  min-height:64px!important;
  padding:0 14px 0 12px!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  background:rgba(255,255,255,.97)!important;
  border-bottom:1px solid #e2e8f0!important;
  box-shadow:0 1px 0 rgba(15,23,42,.02),0 8px 22px rgba(15,23,42,.035)!important;
  -webkit-backdrop-filter:blur(16px)!important;
  backdrop-filter:blur(16px)!important;
  z-index:5!important;
}
.cloud-preview-toolbar-left{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-width:0!important;justify-self:start!important}
.cloud-preview-back{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;
  height:38px!important;padding:0 13px 0 10px!important;border:1px solid #dbe3ee!important;border-radius:10px!important;
  background:#fff!important;color:#243148!important;gap:6px!important;font-size:13px!important;font-weight:800!important;
  box-shadow:0 3px 10px rgba(15,23,42,.045)!important;cursor:pointer!important;
  transition:background .15s,border-color .15s,color .15s,box-shadow .15s!important;
}
.cloud-preview-back:hover{border-color:#b9c8ef!important;background:#f7f9ff!important;color:#1f4fd1!important;box-shadow:0 6px 16px rgba(31,79,209,.09)!important}
.cloud-preview-back svg{width:18px!important;height:18px!important}
.cloud-preview-file{display:flex!important;flex-direction:column!important;justify-content:center!important;min-width:0!important;line-height:1.2!important}
.cloud-preview-file b{max-width:min(42vw,620px)!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;color:#172033!important;font-size:14px!important;font-weight:900!important}
.cloud-preview-file span{margin-top:4px!important;color:#8a95a8!important;font-size:10px!important;font-weight:700!important;white-space:nowrap!important}
.cloud-preview-toolbar-center{
  display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:3px!important;height:40px!important;padding:3px!important;
  border:1px solid #e0e6ef!important;border-radius:12px!important;background:#f8fafc!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important;justify-self:center!important;
}
.cloud-preview-toolbar-right{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-end!important;gap:7px!important;min-width:0!important;justify-self:end!important}
.cloud-preview-tool-btn{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;flex:none!important;width:36px!important;height:36px!important;padding:0!important;
  border:1px solid #dbe3ee!important;border-radius:10px!important;background:#fff!important;color:#344258!important;text-decoration:none!important;cursor:pointer!important;
  box-shadow:0 2px 7px rgba(15,23,42,.035)!important;transition:background .15s,border-color .15s,color .15s,transform .15s,box-shadow .15s!important;
}
.cloud-preview-tool-btn:hover,.cloud-preview-tool-btn.active{background:#f2f6ff!important;border-color:#b7c7f4!important;color:#1f4fd1!important;box-shadow:0 5px 14px rgba(31,79,209,.09)!important}
.cloud-preview-tool-btn:active{transform:translateY(1px)!important}
.cloud-preview-tool-btn svg{width:17px!important;height:17px!important}
.cloud-preview-toolbar-center .cloud-preview-tool-btn{width:32px!important;height:32px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:8px!important}
.cloud-preview-toolbar-center .cloud-preview-tool-btn:hover{background:#fff!important;box-shadow:0 2px 8px rgba(15,23,42,.06)!important}
.cloud-preview-zoom{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:50px!important;height:32px!important;color:#4a566b!important;font-size:11px!important;font-weight:850!important;font-variant-numeric:tabular-nums!important}
.cloud-preview-tool-close:hover{background:#fff5f5!important;border-color:#fecaca!important;color:#dc2626!important}
.cloud-preview-window .cloud-preview-shell>main{background:#eef2f7!important}
.cloud-preview-image-shell .cloud-image-preview{align-items:flex-start!important;justify-content:center!important;padding:24px!important;overscroll-behavior:contain!important}
.cloud-preview-image-shell .cloud-image-preview img{flex:none!important;transform-origin:center center!important}
@media(max-width:700px){
  .cloud-preview-window .cloud-preview-toolbar{
    height:58px!important;min-height:58px!important;padding:0 8px!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-rows:58px!important;gap:6px!important;
  }
  .cloud-preview-window .cloud-preview-image-shell .cloud-preview-toolbar{height:104px!important;min-height:104px!important;grid-template-rows:58px 46px!important}
  .cloud-preview-toolbar-left{grid-column:1!important;grid-row:1!important;gap:7px!important;min-width:0!important}
  .cloud-preview-toolbar-right{grid-column:2!important;grid-row:1!important;gap:4px!important}
  .cloud-preview-toolbar-center{grid-column:1/-1!important;grid-row:2!important;height:38px!important;align-self:start!important;margin-top:2px!important}
  .cloud-preview-back{height:36px!important;padding:0 10px 0 8px!important;border-radius:9px!important;font-size:12px!important;gap:4px!important}
  .cloud-preview-back svg{width:17px!important;height:17px!important}
  .cloud-preview-file b{max-width:none!important;width:100%!important;font-size:12px!important}
  .cloud-preview-file span{display:none!important}
  .cloud-preview-tool-btn{width:36px!important;height:36px!important;border-radius:9px!important}
  .cloud-preview-toolbar-center .cloud-preview-tool-btn{width:31px!important;height:31px!important}
  .cloud-preview-zoom{min-width:46px!important}
  .cloud-preview-image-shell .cloud-image-preview{padding:10px!important}
}
@media(max-width:380px){
  .cloud-preview-back span{display:none!important}
  .cloud-preview-back{width:36px!important;padding:0!important;justify-content:center!important}
  .cloud-preview-toolbar-left{gap:5px!important}
  .cloud-preview-tool-btn{width:34px!important;height:34px!important}
  .cloud-preview-toolbar-right{gap:3px!important}
}
body.cloud-preview-open .modal{z-index:13020!important}
body.cloud-preview-open .toast{z-index:13040!important}
.cloud-preview-window.cloud-preview-pseudo-fullscreen{inset:0!important;padding:0!important}
.cloud-preview-tool-btn.is-loading{opacity:.58!important;cursor:wait!important}
.cloud-preview-tool-btn.is-active{border-color:#f0bd55!important;background:#fff7df!important;color:#d98200!important}
@media(min-width:701px){
  body .cloud-preview-window.cloud-immersive-floating,body .cloud-preview-window.cloud-immersive-floating{
    display:grid!important;
    place-items:center!important;
    padding:46px 28px!important;
    background:rgba(8,14,24,.38)!important;
    -webkit-backdrop-filter:blur(1.5px)!important;
    backdrop-filter:blur(1.5px)!important;
  }
  body .cloud-preview-window.cloud-immersive-floating .cloud-preview-shell,body .cloud-preview-window.cloud-immersive-floating .cloud-preview-shell{
    width:min(1210px,calc(100vw - 64px))!important;
    height:min(780px,calc(100dvh - 110px))!important;
    min-height:520px!important;
    overflow:hidden!important;
    border:1px solid rgba(255,255,255,.72)!important;
    border-radius:12px!important;
    background:#fff!important;
    box-shadow:0 30px 90px rgba(0,0,0,.46)!important;
  }
  body .cloud-preview-window.cloud-immersive-floating.cloud-preview-pseudo-fullscreen{
    padding:0!important;
    background:#eef2f7!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  body .cloud-preview-window.cloud-immersive-floating.cloud-preview-pseudo-fullscreen .cloud-preview-shell,body .cloud-preview-window.cloud-immersive-floating .cloud-preview-shell:fullscreen{
    width:100%!important;
    height:100%!important;
    max-width:none!important;
    max-height:none!important;
    min-height:0!important;
    border:0!important;
    border-radius:0!important;
  }
}
@media(max-width:700px){
  html body .cloud-preview-window.cloud-immersive-floating{
    inset:0!important;
    padding:0!important;
    overflow:hidden!important;
    background:#eef2f7!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-shell{
    width:100%!important;
    height:100dvh!important;
    min-width:0!important;
    min-height:0!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar,html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-image-shell .cloud-preview-toolbar{
    position:relative!important;
    z-index:50!important;
    display:grid!important;
    width:100%!important;
    height:50px!important;
    min-height:50px!important;
    margin:0!important;
    padding:0 6px!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    grid-template-rows:50px!important;
    gap:4px!important;
    border:0!important;
    border-bottom:1px solid #e1e7f0!important;
    border-radius:0!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 1px 5px rgba(15,23,42,.045)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-left{
    grid-column:1!important;
    grid-row:1!important;
    display:grid!important;
    min-width:0!important;
    grid-template-columns:30px minmax(0,1fr)!important;
    align-items:center!important;
    gap:4px!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-back{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    padding:0!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-back span{display:none!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-back svg{width:16px!important;height:16px!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-file{
    display:block!important;
    min-width:0!important;
    width:100%!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-file b{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    overflow:hidden!important;
    color:#1f2937!important;
    font-size:11px!important;
    font-weight:850!important;
    line-height:1.2!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-file span{display:none!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-right{
    position:relative!important;
    grid-column:2!important;
    grid-row:1!important;
    display:flex!important;
    min-width:0!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:1px!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-right>.cloud-preview-tool-btn{
    width:30px!important;
    height:30px!important;
    min-width:30px!important;
    border:0!important;
    border-radius:8px!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar-right>.cloud-preview-tool-btn svg{width:15px!important;height:15px!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-more-toggle{display:inline-flex!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-action-divider{display:none!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions{
    position:absolute!important;
    z-index:80!important;
    top:39px!important;
    right:30px!important;
    display:none!important;
    width:min(188px,calc(100vw - 24px))!important;
    padding:6px!important;
    grid-template-columns:repeat(4,36px)!important;
    justify-content:end!important;
    gap:5px!important;
    overflow:visible!important;
    border:1px solid #dce4ef!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.98)!important;
    box-shadow:0 14px 36px rgba(15,23,42,.18)!important;
    -webkit-backdrop-filter:blur(16px)!important;
    backdrop-filter:blur(16px)!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions.is-open{display:grid!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions>.cloud-preview-tool-btn{
    width:36px!important;
    height:36px!important;
    border:0!important;
    border-radius:9px!important;
    background:#f4f7fb!important;
    box-shadow:none!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions .cloud-preview-mobile-zoom{
    position:static!important;
    grid-column:1/-1!important;
    grid-row:auto!important;
    display:flex!important;
    width:100%!important;
    height:36px!important;
    margin:0!important;
    padding:2px!important;
    transform:none!important;
    border:0!important;
    border-radius:9px!important;
    background:#f4f7fb!important;
    box-shadow:none!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions .cloud-preview-mobile-zoom .cloud-preview-tool-btn{
    width:30px!important;
    height:30px!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions .cloud-preview-mobile-zoom .cloud-preview-zoom{
    min-width:44px!important;
    height:30px!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-shell>main{
    min-width:0!important;
    width:100%!important;
    margin:0!important;
    overflow:hidden!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-image-shell .cloud-image-preview{
    align-items:flex-start!important;
    justify-content:center!important;
    padding:8px!important;
    overflow:auto!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-image-shell .cloud-image-preview img{
    max-width:100%!important;
    max-height:none!important;
    margin:0 auto!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-native-pdf,html body .cloud-preview-window.cloud-immersive-floating .cloud-generic-preview-shell iframe,html body .cloud-preview-window.cloud-immersive-floating .cloud-office-preview-host,html body .cloud-preview-window.cloud-immersive-floating .cloud-custom-editable-preview,html body .cloud-preview-window.cloud-immersive-floating .cloud-media-preview{
    min-width:0!important;
    width:100%!important;
    max-width:100%!important;
    height:100%!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-native-pdf{
    display:block!important;
    height:100%!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-custom-text-preview{padding:18px 14px!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-custom-doc-preview,html body .cloud-preview-window.cloud-immersive-floating .cloud-custom-markdown-preview{padding:22px 15px!important}
}
@media(max-width:700px){
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar{
    overflow:visible!important;
    transition:height .16s ease,min-height .16s ease!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-toolbar.is-actions-open{
    height:96px!important;
    min-height:96px!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions,html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions.is-open{
    position:absolute!important;
    z-index:80!important;
    top:40px!important;
    right:-6px!important;
    width:100vw!important;
    max-width:none!important;
    height:46px!important;
    min-height:46px!important;
    margin:0!important;
    padding:5px 10px!important;
    align-items:center!important;
    justify-content:center!important;
    gap:6px!important;
    overflow:hidden!important;
    border:0!important;
    border-top:1px solid #edf1f6!important;
    border-bottom:1px solid #e1e7f0!important;
    border-radius:0!important;
    background:rgba(255,255,255,.985)!important;
    box-shadow:0 5px 12px rgba(15,23,42,.06)!important;
    -webkit-backdrop-filter:blur(14px)!important;
    backdrop-filter:blur(14px)!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions{display:none!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions.is-open{display:flex!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions>.cloud-preview-tool-btn{
    flex:0 0 34px!important;
    width:34px!important;
    height:34px!important;
    min-width:34px!important;
    border:0!important;
    border-radius:9px!important;
    background:#f3f6fb!important;
    box-shadow:none!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions .cloud-preview-mobile-zoom{
    position:static!important;
    display:flex!important;
    flex:0 0 142px!important;
    width:142px!important;
    max-width:142px!important;
    height:34px!important;
    margin:0 2px 0 0!important;
    padding:2px!important;
    grid-column:auto!important;
    transform:none!important;
    border:0!important;
    border-radius:9px!important;
    background:#f3f6fb!important;
    box-shadow:none!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions .cloud-preview-mobile-zoom .cloud-preview-tool-btn{
    flex:0 0 28px!important;
    width:28px!important;
    height:28px!important;
    min-width:28px!important;
  }
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-secondary-actions .cloud-preview-mobile-zoom .cloud-preview-zoom{
    flex:1 1 auto!important;
    min-width:40px!important;
    height:28px!important;
  }
}
.cloud-preview-window [data-ooxml-selection-run]{color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}
.cloud-preview-window [data-ooxml-selection-run]::selection{color:transparent!important;-webkit-text-fill-color:transparent!important;background:rgba(75,119,214,.24)!important}
.cloud-preview-window [data-ooxml-selection-surface]{user-select:text!important;-webkit-user-select:text!important}
.cloud-preview-window [data-ooxml-selection-run]{user-select:text!important;-webkit-user-select:text!important}
.cloud-preview-window .cloud-preview-docx-dom section.docx,.cloud-preview-window .cloud-preview-docx-dom section.docx *{user-select:text!important;-webkit-user-select:text!important}
.cloud-preview-window .cloud-preview-docx-dom section.docx *::selection{background:#2f67d8!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
.cloud-preview-window .cloud-preview-docx-dom>.docx-wrapper,.cloud-preview-window .cloud-preview-docx-dom .docx-wrapper{max-width:100%!important;box-sizing:border-box!important}
.cloud-preview-window .cloud-preview-docx-dom .cloud-docx-page-frame{max-width:100%!important;box-sizing:border-box!important}
@media(max-width:700px){
  html body .cloud-preview-window.cloud-immersive-floating .cloud-office-preview-host.cloud-preview-docx-dom{overflow-x:hidden!important;overflow-y:auto!important;scrollbar-gutter:auto!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-office-preview-host.cloud-preview-excel,html body .cloud-preview-window.cloud-immersive-floating .cloud-office-preview-host.cloud-preview-pptx{overflow:auto!important;scrollbar-gutter:auto!important;touch-action:pan-x pan-y!important;-webkit-overflow-scrolling:touch!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-pptx{padding:6px!important}
  html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-pptx>.vue-office-pptx,html body .cloud-preview-window.cloud-immersive-floating .cloud-preview-pptx>div{min-width:0!important;max-width:100%!important}
}

/* HOTFIX268 shared PDF and viewport constraints */
/*  one native touch scroller, bounded canvas memory. */
.public-pdf-preview{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0;min-width:0;background:#e6e9ee}
.public-pdf-tools{display:flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;padding:8px;background:#fff;border-bottom:1px solid #dbe2ec;font-size:13px}
.public-pdf-tools button,.public-pdf-tools input{font:inherit;min-height:32px;border:1px solid #ccd5e0;background:#fff;border-radius:6px;color:#172033;padding:4px 8px}
.public-pdf-tools input{width:64px}.public-pdf-tools [data-status]:empty{display:none}.public-pdf-tools [data-status]{flex-basis:100%;text-align:center;color:#b42318}
.public-pdf-scroll{position:relative;flex:1;min-height:0;overflow:auto!important;overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom!important;-webkit-overflow-scrolling:touch;padding:8px;scrollbar-gutter:stable}
.public-pdf-page{position:relative;width:100%;max-width:1100px;margin:0 auto 12px;background:white;box-shadow:0 1px 5px #0002;overflow:hidden}
.public-pdf-page>span{position:absolute;top:8px;left:8px;font-size:12px;color:#64748b}.public-pdf-page canvas{position:absolute;inset:0;display:block;width:100%;height:100%;background:#fff}

.cloud-preview-window .cloud-preview-shell{font-family:"Google Sans","Noto Sans SC","Microsoft YaHei",Arial,sans-serif}.cloud-preview-window .cloud-preview-shell,.cloud-preview-window .cloud-preview-shell *{box-sizing:border-box}.cloud-preview-window .cloud-preview-shell{min-height:0!important}.cloud-preview-window .cloud-image-preview img{margin:auto;flex-shrink:0}.cloud-preview-window .public-pdf-tools{position:relative!important;float:none!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;margin:0!important;min-height:44px;flex-shrink:0!important}.cloud-preview-window .public-pdf-tools input{width:64px!important}.cloud-preview-window .public-pdf-tools button{width:auto!important}
html body #cloudPreviewWindow .cloud-preview-shell,html body #cloudPreviewWindow .cloud-preview-shell *{box-sizing:border-box!important}

/* HOTFIX271: compact PDF navigation, shared by Drive and public shares. */
html body #cloudPreviewWindow .public-pdf-tools{min-height:40px!important;height:40px;gap:6px!important;padding:4px 12px!important;background:#f8fafc!important;border-bottom:1px solid #e2e8f0!important;box-shadow:none!important;color:#475569!important;font:13px/1.4 Arial,"Microsoft YaHei",sans-serif!important}
html body #cloudPreviewWindow .public-pdf-tools button{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:30px!important;width:30px!important;height:30px!important;min-height:30px!important;padding:0!important;border:0!important;background:transparent!important;border-radius:6px!important;box-shadow:none!important;font:24px/1 Arial,sans-serif!important;color:#475569!important}
html body #cloudPreviewWindow .public-pdf-tools button:hover{background:#e8eef6!important;color:#1d4ed8!important}
html body #cloudPreviewWindow .public-pdf-tools input{width:42px!important;height:28px!important;min-height:28px!important;margin:0!important;padding:2px 4px!important;text-align:center!important;border:1px solid #dce3ec!important;border-radius:5px!important;background:white!important;box-shadow:none!important;font:13px/1.4 Arial,sans-serif!important;appearance:textfield!important;-moz-appearance:textfield!important}
html body #cloudPreviewWindow .public-pdf-tools input::-webkit-inner-spin-button,html body #cloudPreviewWindow .public-pdf-tools input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
html body #cloudPreviewWindow .public-pdf-tools [data-total]{min-width:38px!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
html body #cloudPreviewWindow .public-pdf-tools:has([data-status]:not(:empty)){height:auto}
html body #cloudPreviewWindow .public-pdf-tools button:focus-visible,html body #cloudPreviewWindow .public-pdf-tools input:focus-visible{outline:2px solid #3b82f6!important;outline-offset:1px!important}

/* HOTFIX274: desktop preview uses the available window, with a 24px margin. */
@media(min-width:701px){
 html body #cloudPreviewWindow.cloud-immersive-floating:not(.cloud-preview-pseudo-fullscreen){padding:24px!important}
 html body #cloudPreviewWindow.cloud-immersive-floating:not(.cloud-preview-pseudo-fullscreen) .cloud-preview-shell:not(:fullscreen){width:calc(100vw - 48px)!important;height:calc(100vh - 48px)!important;height:calc(100dvh - 48px)!important;max-width:none!important;max-height:none!important;min-height:0!important}
}