:root{--bg:#f5f8fb;--panel:#ffffffe0;--panel-strong:#fff;--line:#e3e8ef;--line-strong:#d5dde8;--text:#202733;--muted:#6c7786;--soft:#eef3f8;--blue:#2f80ed;--blue-soft:#e9f2ff;--orange:#f37b3d;--orange-soft:#fff1e8;--green:#20a86b;--green-soft:#e7f7ef;--rose:#f5657c;--rose-soft:#fff0f3;--shadow:0 18px 50px #212c3f1f;--theme-primary:#2f80ed;--theme-secondary:#6aa8ff;--theme-soft:#e9f2ff;--theme-glow-start:#2f80ed29;--theme-glow-end:#67b5ff1f;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{background:linear-gradient(135deg,#fff7ef 0%,#f8fbff 42%,#f1fbf6 100%);height:100%;min-height:100%}body{background:linear-gradient(90deg, var(--theme-glow-start), #fff0 34%), linear-gradient(135deg, #fffaf5 0%, #f8fbff 45%, var(--theme-glow-end) 100%);min-width:320px;height:100%;min-height:100vh;margin:0;transition:background .28s}body[data-theme=word]{--theme-primary:#2f80ed;--theme-secondary:#72aaff;--theme-soft:#e9f2ff;--theme-glow-start:#2f80ed29;--theme-glow-end:#72aaff24}body[data-theme=powerpoint]{--theme-primary:#f37b3d;--theme-secondary:#ffac76;--theme-soft:#fff1e8;--theme-glow-start:#f37b3d33;--theme-glow-end:#ffac7629}body[data-theme=excel]{--theme-primary:#20a86b;--theme-secondary:#63c995;--theme-soft:#e7f7ef;--theme-glow-start:#20a86b2e;--theme-glow-end:#63c99524}body.embed-mode{background:#dfe5ec;overflow:hidden}button,select,input{font:inherit}button,label,select{-webkit-tap-highlight-color:transparent}button{border:0}.app-shell{grid-template-columns:220px minmax(0,1fr);gap:20px;min-height:100vh;padding:20px;display:grid}.app-shell.embed-mode{width:100vw;height:100vh;min-height:100vh;padding:0;display:block;overflow:hidden}.app-shell.embed-mode .sidebar,.app-shell.embed-mode .app-header,.app-shell.embed-mode .sample-section,.app-shell.embed-mode .preview-toolbar,.app-shell.embed-mode .diagnostics-fab,.app-shell.embed-mode .diagnostics-overlay,.app-shell.embed-mode .diagnostics-drawer,.app-shell.embed-mode .preview-card>.card-title{display:none}.sidebar{background:var(--panel);height:calc(100vh - 40px);min-height:620px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffbd;border-radius:8px;grid-template-rows:auto auto minmax(0,1fr);gap:22px;padding:18px;display:grid;position:sticky;top:20px}.brand-block{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg, var(--theme-primary), var(--theme-secondary));width:42px;height:42px;box-shadow:0 10px 22px color-mix(in srgb, var(--theme-primary) 28%, transparent);border-radius:8px;flex:none;place-items:center;display:grid}.brand-mark svg{width:37px;height:37px;display:block;overflow:visible}.logo-shadow-page{fill:#ffffff52}.logo-main-page{fill:#fff}.logo-fold{fill:#ffffffb8;stroke:color-mix(in srgb, var(--theme-primary) 34%, #fff);stroke-width:1.4px;stroke-linejoin:round}.logo-line{fill:none;stroke:color-mix(in srgb, var(--theme-primary) 52%, #fff);stroke-width:2px;stroke-linecap:round}.logo-chart{fill:none;stroke:var(--theme-primary);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.logo-dot{stroke:#fff;stroke-width:1.4px}.logo-dot-a{fill:#2f80ed}.logo-dot-b{fill:#20a86b}.logo-dot-c{fill:#f37b3d}.brand-copy{gap:3px;min-width:0;display:grid}.brand-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.brand-copy span,.sidebar-note span,.sidebar-note small,.section-kicker,.sample-select-field span,.status-strip span,.current-file small,.card-title span,.drawer-title span{color:var(--muted);font-size:12px}.side-nav{gap:8px;display:grid}.side-nav-item{color:#536170;cursor:pointer;text-align:left;background:0 0;border-radius:8px;align-items:center;gap:10px;width:100%;height:42px;padding:0 12px;font-weight:650;display:flex}.nav-icon{color:currentColor;fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;opacity:.76;flex:none;width:18px;height:18px}.nav-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.side-nav-item:focus,.sample-card:focus{outline:none}.side-nav-item:focus-visible,.sample-card:focus-visible,.primary-button:focus-visible,.upload-button:focus-visible,.plain-button:focus-visible,.diagnostics-fab:focus-visible{outline:2px solid color-mix(in srgb, var(--theme-primary) 44%, transparent);outline-offset:2px}.side-nav-item.active{color:var(--theme-primary);background:var(--theme-soft)}.side-nav-item.active .nav-icon{opacity:1}.sidebar-note{background:linear-gradient(135deg, #fff, var(--theme-soft));border:1px solid color-mix(in srgb, var(--theme-primary) 22%, #fff);border-radius:8px;align-self:end;gap:6px;padding:14px;display:grid}.sidebar-note strong{font-size:15px}.sidebar-note small{line-height:1.6}.app-main{grid-template-rows:auto auto minmax(540px,1fr);gap:16px;min-width:0;min-height:calc(100vh - 40px);display:grid}@media (width>=1081px){body{overflow:hidden}.app-shell{height:100dvh;min-height:0;overflow:hidden}.app-main{grid-template-rows:auto auto minmax(0,1fr);height:calc(100dvh - 40px);min-height:0;overflow:hidden}.preview-card{min-height:0}}.app-shell.embed-mode .app-main{width:100%;height:100%;min-height:100vh;display:block}.app-header{background:var(--panel);min-width:0;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #ffffffd1;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;padding:20px 22px;display:flex}.app-shell.preview-active .app-header{padding:14px 18px}.hero-copy{min-width:0}.eyebrow,.section-kicker{letter-spacing:0;margin:0;font-weight:800}.eyebrow{color:var(--theme-primary)}.hero-copy h1{letter-spacing:0;margin:4px 0 6px;font-size:clamp(24px,2.4vw,34px);line-height:1.18}.hero-copy p:last-child{color:var(--muted);margin:0;font-size:14px;line-height:1.7}.app-shell.preview-active .hero-copy h1{margin-bottom:0;font-size:24px}.app-shell.preview-active .hero-copy p:last-child{display:none}.top-actions{flex:none;align-items:center;gap:10px;display:flex}.primary-button,.upload-button,.plain-button{cursor:pointer;border-radius:8px;place-items:center;min-width:96px;height:38px;padding:0 14px;font-weight:750;display:inline-grid}.primary-button{color:#fff;background:linear-gradient(135deg, var(--theme-primary), var(--theme-secondary));box-shadow:0 10px 22px color-mix(in srgb, var(--theme-primary) 24%, transparent)}.primary-button:disabled{cursor:progress;opacity:.68}.upload-button{color:#263241;border:1px solid var(--line-strong);background:#fff}.upload-button input{display:none}.plain-button{color:#455363;border:1px solid var(--line-strong);background:#fff}.sample-section{min-width:0}.section-heading{justify-content:space-between;align-items:end;gap:16px;margin-bottom:12px;display:flex}.app-shell.preview-active .section-heading{margin-bottom:0}.section-heading h2{margin:3px 0 0;font-size:18px;line-height:1.25}.section-tools{justify-content:flex-end;align-items:end;gap:10px;min-width:min(560px,58%);display:flex}.sample-toggle{color:#455363;border:1px solid var(--line-strong);cursor:pointer;white-space:nowrap;background:#ffffffdb;border-radius:8px;place-items:center;height:38px;padding:0 13px;font-weight:800;display:inline-grid;box-shadow:0 8px 18px #212c3f0f}.sample-toggle:hover{color:var(--theme-primary);border-color:color-mix(in srgb, var(--theme-primary) 34%, var(--line-strong))}.sample-select-field{flex:320px;gap:5px;min-width:min(420px,100%);display:grid}.sample-select-field select{width:100%;height:38px;color:var(--text);border:1px solid var(--line-strong);background:#fff;border-radius:8px;padding:0 36px 0 12px}.sample-grid{grid-template-columns:repeat(auto-fill,minmax(190px,240px));justify-content:start;align-items:stretch;gap:12px;display:grid}.app-shell.samples-collapsed .sample-grid{display:none}.sample-card{width:100%;min-width:0;max-width:240px;min-height:148px;color:inherit;text-align:left;cursor:pointer;background:#ffffffeb;border:1px solid #dfe5edf5;border-radius:8px;grid-template-rows:auto 74px auto auto;gap:7px;padding:10px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid;position:relative;box-shadow:0 10px 26px #212c3f14}.sample-card:hover,.sample-card.active{border-color:color-mix(in srgb, var(--theme-primary) 38%, #fff);transform:translateY(-1px);box-shadow:0 16px 34px #212c3f1f}.sample-card.active{outline:2px solid color-mix(in srgb, var(--theme-primary) 24%, transparent);outline-offset:-2px}.format-chip,.format-badge{border-radius:6px;place-items:center;width:max-content;min-width:48px;height:24px;padding:0 8px;font-size:11px;font-weight:900;display:inline-grid}.tone-blue{color:#1e62c7;background:var(--blue-soft)}.tone-orange{color:#d45d21;background:var(--orange-soft)}.tone-green{color:#168257;background:var(--green-soft)}.sample-thumb{background:#f8fbff;border:1px solid #e5ebf3;border-radius:8px;align-content:center;gap:5px;min-width:0;height:74px;padding:10px 10px 10px 34px;display:grid;position:relative;overflow:hidden}.thumb-icon{border-radius:8px;place-items:center;width:28px;height:28px;font-size:15px;font-weight:900;display:grid;position:absolute;bottom:10px;left:10px;box-shadow:0 8px 18px #1e2d4421}.doc-line,.slide-title,.slide-block{background:#d7e0eb;border-radius:999px;height:5px;display:block}.doc-line.wide{width:82%}.doc-line{width:66%}.doc-line.short{width:48%}.doc-table{grid-template-columns:repeat(3,1fr);gap:2px;width:82%;margin-top:6px;display:grid}.doc-table span,.thumb-sheet span{background:#fff;border:1px solid #d6e0ea;min-width:0;height:9px}.slide-title{background:#ffb083;width:58%}.slide-block{background:#fff3ec;border:1px solid #ffd1ba;border-radius:6px;width:84%;height:20px}.slide-bars{align-items:end;gap:5px;height:24px;display:flex}.slide-bars i{background:#f37b3d;border-radius:4px 4px 0 0;width:10px;display:block}.slide-bars i:first-child{height:12px}.slide-bars i:nth-child(2){height:20px}.slide-bars i:nth-child(3){height:15px}.thumb-sheet{background:#f4fbf7;grid-template-columns:repeat(6,1fr);gap:2px;padding-left:34px}.thumb-sheet span:nth-child(6n+1),.thumb-sheet span:nth-child(6n+2){background:#e8f6ef}.sample-title,.sample-detail{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sample-title{font-size:14px;font-weight:800}.sample-detail{color:var(--muted);font-size:12px}.preview-toolbar{z-index:30;pointer-events:none;justify-content:flex-end;align-items:stretch;gap:8px;width:min(720px,100% - 24px);display:flex;position:absolute;top:12px;right:12px}.preview-stage[data-preview-mode=preview-word]>.preview-toolbar{display:none}.current-file{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#ffffffe6;border:1px solid #e2e9f1f5;border-radius:8px;align-items:center;gap:12px;min-width:0;max-width:310px;padding:8px 10px;display:flex;box-shadow:0 14px 34px #212c3f1f}.current-file>div{gap:3px;min-width:0;display:grid}.current-file strong,.current-file small,.status-strip strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.status-strip{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;background:#ffffffe6;border:1px solid #e2e9f1f5;border-radius:8px;min-width:0;display:flex;box-shadow:0 14px 34px #212c3f1f}.status-strip div{border-right:1px solid var(--line);gap:3px;min-width:68px;padding:7px 9px;display:grid}.status-strip div:last-child{border-right:0}.status-strip strong{font-size:12px}.preview-info-toggle,.preview-close-button{display:none}.preview-card{background:var(--panel-strong);min-height:0;box-shadow:var(--shadow);border:1px solid #dee5eef5;border-radius:8px;grid-template-rows:auto minmax(0,1fr);display:grid;position:relative;overflow:hidden}.preview-stage{min-height:0;position:relative;overflow:hidden}.app-shell.embed-mode .preview-card{width:100%;height:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;display:block}.app-shell.embed-mode .preview-stage{width:100%;height:100%}.card-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:50px;padding:0 16px;display:flex}.card-title h2,.drawer-title h2{margin:0;font-size:15px;line-height:1.25}.preview{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y;height:100%;min-height:0;overflow:auto}.app-shell.embed-mode .preview{width:100%;height:100vh;min-height:100vh}.preview-empty{min-height:520px;color:var(--muted);background:linear-gradient(#f9fbfd,#f3f6fa);place-items:center;display:grid}.preview-empty:before{content:"请选择综合样例或上传文件，然后点击“渲染当前文件”。";color:#637184;text-align:center;background:#ffffffb8;border:1px dashed #b8c6d6;border-radius:8px;max-width:360px;padding:18px 20px}.app-shell.embed-mode .preview-empty:before{content:"正在加载文档...";background:0 0;border:0}.preview-loading,.preview-message{color:#475569;background:radial-gradient(circle at center, color-mix(in srgb, var(--theme-primary) 10%, transparent), transparent 42%), #f8fafc;place-items:center;min-height:520px;display:grid}.preview .loading-state{color:#1f2937;text-align:center;align-content:center;place-items:center;gap:18px;width:100%;min-height:100%;padding:24px;display:grid}.loading-visual{place-items:center;width:112px;height:112px;display:grid;position:relative}.loading-ring{border:3px solid color-mix(in srgb, var(--theme-primary) 14%, #fff);border-top-color:var(--theme-primary);border-right-color:color-mix(in srgb, var(--theme-secondary) 70%, var(--theme-primary));box-shadow:0 0 0 8px #ffffff94, 0 18px 42px color-mix(in srgb, var(--theme-primary) 18%, transparent);border-radius:999px;animation:.92s linear infinite loading-spin;position:absolute;inset:0}.loading-ring:after{content:"";border:1px solid color-mix(in srgb, var(--theme-primary) 12%, transparent);border-radius:inherit;position:absolute;inset:10px}.loading-document{border:1px solid color-mix(in srgb, var(--theme-primary) 18%, #dbe4ef);background:#fff;border-radius:8px;width:56px;height:66px;display:block;position:relative;box-shadow:0 14px 28px #1f29371f,inset 0 0 0 1px #ffffffad}.loading-document:before{content:"";background:color-mix(in srgb, var(--theme-primary) 10%, #fff);border:1px solid color-mix(in srgb, var(--theme-primary) 12%, #dbe4ef);z-index:-1;border-radius:8px;width:45px;height:54px;position:absolute;bottom:8px;left:-8px;transform:rotate(-5deg)}.loading-fold{background:linear-gradient(135deg, color-mix(in srgb, var(--theme-primary) 18%, #fff) 0 50%, transparent 50% 100%);border-top-right-radius:8px;width:18px;height:18px;position:absolute;top:-1px;right:-1px}.loading-doc-lines{gap:6px;display:grid;position:absolute;top:18px;left:12px;right:10px}.loading-doc-lines i{background:color-mix(in srgb, var(--theme-primary) 16%, #cfd9e6);border-radius:999px;height:5px;animation:1.25s ease-in-out infinite loading-line-pulse;display:block}.loading-doc-lines i:nth-child(2){width:78%;animation-delay:.12s}.loading-doc-lines i:nth-child(3){width:56%;animation-delay:.24s}.loading-app-badge{border-radius:8px;place-items:center;width:32px;height:32px;font-size:17px;font-weight:900;display:grid;position:absolute;bottom:10px;left:-10px;box-shadow:0 9px 20px #1f293724}.loading-copy{gap:6px;max-width:min(360px,100%);display:grid}.loading-copy strong{color:#1f2937;font-size:16px}.loading-message{color:var(--muted);font-size:13px;line-height:1.6}.loading-progress{gap:7px;width:min(320px,76vw);margin-top:8px;display:grid}.loading-progress[hidden]{display:none}.loading-progress-track{background:color-mix(in srgb, var(--theme-primary) 10%, #e5edf6);border-radius:999px;height:7px;position:relative;overflow:hidden}.loading-progress-bar{background:linear-gradient(90deg, var(--theme-primary), var(--theme-secondary));border-radius:inherit;width:0;min-width:8px;transition:width .16s;position:absolute;inset:0 auto 0 0}.loading-progress-bar.is-indeterminate{animation:1.05s ease-in-out infinite loading-progress-slide}.loading-progress-text{color:#526173;font-size:12px}@keyframes loading-spin{to{transform:rotate(360deg)}}@keyframes loading-line-pulse{0%,to{opacity:.45;transform-origin:0;transform:scaleX(.86)}50%{opacity:1;transform:scaleX(1)}}@keyframes loading-progress-slide{0%{left:-42%}50%{left:38%}to{left:100%}}.preview-message{text-align:center;padding:24px}.preview-word{background:#dfe5ec;padding:76px 32px 32px;overflow:auto}.app-shell.embed-mode .preview-word,.app-shell.embed-mode .preview-slides,.app-shell.embed-mode .preview-excel{padding:24px}.word-page{min-height:1123px;padding:72px 78px;overflow:hidden;box-shadow:0 12px 34px #0f172a33;background:#fff!important;width:794px!important;min-width:794px!important;max-width:none!important;margin:0!important}.doc-page{font-size:16px;line-height:1.8}.preview-doc .msdoc-viewer-shell{width:100%;min-width:0}.preview-doc .msdoc-root{background:0 0;max-width:none;padding:0}.preview-doc .msdoc-root[data-msdoc-view=flow]{font-size:16px;line-height:1.8}.preview-doc .msdoc-viewer-toolbar{z-index:8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #d2deebf2;border-radius:8px;justify-content:center;width:max-content;max-width:100%;margin:0 auto 20px;padding:8px 10px;position:static;box-shadow:0 10px 28px #0f172a1f}.preview-doc .msdoc-viewer-hint{display:none}.docx-viewer-toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #d2deebf2;border-radius:8px;justify-content:center;gap:8px;width:max-content;max-width:100%;margin:0 auto 20px;padding:8px 10px;display:flex;box-shadow:0 10px 28px #0f172a1f}.docx-viewer-toolbar button{color:#334155;cursor:pointer;background:#f8fafc;border:1px solid #d8e2ee;border-radius:6px;height:32px;padding:0 14px;font-size:13px;font-weight:800}.docx-viewer-toolbar button.active{color:#fff;background:var(--theme-primary);border-color:var(--theme-primary)}.preview-doc .msdoc-paged-view{background:0 0;border-radius:0;padding:0}.preview-doc .msdoc-page{border-color:#d2deebf2;overflow:hidden;box-shadow:0 12px 34px #0f172a33;max-width:none!important;margin:0!important}.preview-doc .msdoc-flow-view{box-sizing:border-box;background:#fff;width:min(794px,100%);max-width:100%;min-height:1123px;margin:0 auto;padding:72px 78px;overflow:hidden;box-shadow:0 12px 34px #0f172a33}.preview-doc .msdoc-flow-view>.msdoc-page-chrome,.preview-doc .msdoc-flow-view>.msdoc-floating-leftovers,.preview-doc .msdoc-flow-view>.msdoc-textboxes,.preview-doc .msdoc-flow-view>.msdoc-shapes,.preview-doc .msdoc-flow-view>.msdoc-headers{display:none}.preview-doc .msdoc-flow-view .msdoc-body,.preview-doc .msdoc-flow-view .msdoc-flow-block,.preview-doc .msdoc-flow-view .msdoc-paragraph,.preview-doc .msdoc-flow-view .msdoc-table{max-width:100%}.preview-doc .msdoc-flow-view .msdoc-table{table-layout:fixed;width:100%!important;min-width:0!important;margin-left:0!important;margin-right:0!important}.preview-doc .msdoc-flow-view col{width:auto!important}.preview-doc .msdoc-flow-view .msdoc-cell{overflow:hidden;min-width:0!important}.preview-doc .msdoc-flow-view .msdoc-image{max-width:100%!important;height:auto!important}.preview-doc .msdoc-flow-view .msdoc-inline-group{max-width:100%}.preview-doc .msdoc-flow-view .msdoc-floating{clear:both;float:none!important;width:auto!important;max-width:100%!important;margin:12px auto!important}.preview-docx .docx-wrapper{flex-direction:column;align-items:center;gap:28px;width:max-content!important;min-width:0!important;max-width:none!important;box-shadow:none!important;background:0 0!important;margin:0 auto!important;padding:0!important;display:flex!important}.preview-docx.docx-flow-mode .docx-wrapper{gap:0}.preview-docx section.docx{overflow:hidden;background:#fff!important;max-width:none!important;margin:0!important;box-shadow:0 12px 34px #0f172a33!important}.preview-docx .docx-wrapper>.word-page-frame+.word-page-frame,.preview-docx .docx-wrapper>section.docx+section.docx{margin-top:0}.word-page-frame,.slide-page-frame{margin:0 auto 28px;overflow:visible}.word-page-frame:last-child,.slide-page-frame:last-child{margin-bottom:0}.scaled-preview-page{transform-origin:0 0;will-change:transform;display:block}.doc-page .msdoc-document,.doc-page .msdoc-body,.doc-page .msdoc-flow-block,.doc-page .msdoc-paragraph,.doc-page .msdoc-table{max-width:100%}.doc-page table{box-sizing:border-box;max-width:100%}.doc-page .msdoc-table{width:auto}.doc-page td,.doc-page th{min-width:0}.doc-page img{max-width:100%;height:auto}.preview-slides{background:#e7edf4;padding:76px 28px 28px;overflow:auto}.preview-pptx .pptxv-root,.preview-ppt .ppt-viewer{justify-content:center;gap:28px;display:grid}.preview-pptx .pptxv-root [data-slide-index]{background:#fff;max-width:none;overflow:hidden;box-shadow:0 12px 34px #0f172a33}.preview-pptx .pptxv-slide,.preview-ppt .ppt-viewer-slide{max-width:none;overflow:hidden;box-shadow:0 12px 34px #0f172a33}.progressive-render-status{z-index:6;color:#1f2937;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #d2deebf2;border-radius:8px;justify-self:center;width:max-content;max-width:min(420px,100% - 24px);margin:0 auto 18px;padding:8px 12px;font-size:13px;font-weight:800;line-height:1.3;position:sticky;top:12px;box-shadow:0 10px 28px #0f172a24}.preview-excel{background:#edf5f1;place-items:stretch stretch;padding:76px 32px 32px;display:grid;overflow:hidden}.preview-excel .excel-viewer{background:#fff;border:1px solid #d5e2daf2;border-radius:8px;width:100%;min-width:0;height:100%;min-height:0;max-height:100%;margin:0;overflow:hidden;box-shadow:0 12px 34px #0f172a29}.preview-excel .excel-sheet-panel.active{min-height:0}.preview-excel .excel-table-scroll,.preview-excel .excel-virtual-scroll{overscroll-behavior:contain;min-height:0}.preview-excel .excel-grid-stage,.preview-excel .excel-sheet-table,.preview-excel .excel-virtual-spacer{max-width:none}.diagnostics-fab{z-index:2147482990;color:#fff;cursor:pointer;background:#263241;border-radius:8px;height:42px;padding:0 16px;font-weight:800;position:fixed;bottom:24px;right:24px;box-shadow:0 14px 32px #121c2b3d}.diagnostics-overlay{z-index:2147482991;background:#141d2a33;position:fixed;inset:0}.diagnostics-drawer{z-index:2147482992;border-left:1px solid var(--line-strong);background:#fff;grid-template-rows:auto minmax(0,1fr) auto;width:min(520px,100vw);height:100vh;transition:transform .22s;display:grid;position:fixed;top:0;right:0;transform:translate(102%);box-shadow:-18px 0 42px #121c2b2e}.app-shell.diagnostics-open .diagnostics-drawer{transform:translate(0)}.drawer-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.drawer-title>div{gap:4px;min-width:0;display:grid}.diagnostics-drawer pre{color:#e6edf3;white-space:pre-wrap;word-break:break-word;background:#111820;margin:0;padding:16px;font-size:12px;line-height:1.55;overflow:auto}.drawer-actions{border-top:1px solid var(--line);background:#f8fafc;padding:12px 16px}@media (width<=1280px){.sample-grid{grid-template-columns:repeat(auto-fill,minmax(176px,220px))}}@media (width<=1080px){.app-shell{grid-template-columns:1fr}.sidebar{grid-template-rows:auto;grid-template-columns:minmax(180px,240px) minmax(0,1fr);align-items:center;height:auto;min-height:0;position:static}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.sidebar-note{display:none}.app-main{min-height:auto}}@media (width<=760px){html,body{height:auto;min-height:100%;overflow:hidden auto}html{scroll-padding-bottom:calc(92px + env(safe-area-inset-bottom))}body.embed-mode{height:100%;overflow:hidden}.app-shell{min-height:100dvh;padding:12px 12px calc(82px + env(safe-area-inset-bottom));gap:14px}.app-header{padding:14px}.sidebar{top:auto;bottom:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:120;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffffff0;border:1px solid #e2e9f1f5;border-radius:8px;height:auto;min-height:0;padding:8px;display:block;position:fixed;left:10px;box-shadow:0 14px 34px #121c2b29}.sidebar .brand-block,.sidebar .sidebar-note{display:none}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.side-nav-item{color:#667386;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;gap:5px;height:auto;min-height:56px;padding:6px 5px;font-size:12px;line-height:1}.side-nav-item .nav-icon{stroke-width:1.9px;width:20px;height:20px}.side-nav-item .nav-label{min-height:18px;line-height:18px;display:block;overflow:visible}.side-nav-item.active{color:var(--theme-primary);background:color-mix(in srgb, var(--theme-primary) 11%, #fff)}.app-shell:not(.preview-active):not(.embed-mode) .app-main{grid-template-rows:auto auto}.app-shell:not(.preview-active):not(.embed-mode) .preview-card{display:none}.app-shell.preview-active{height:100dvh;min-height:100dvh;overflow:hidden}.app-shell.preview-active .app-main{height:calc(100dvh - 94px - env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr);min-height:0;overflow:hidden}.app-shell.preview-active .app-header,.app-shell.preview-active .sample-section{display:none}.app-shell.preview-active .preview-card{height:100%;min-height:0}.app-shell.preview-active .preview-stage,.app-shell.preview-active .preview{min-height:0}.app-header,.section-heading{flex-direction:column;justify-content:flex-start;align-items:stretch}.section-tools{flex-direction:column-reverse;justify-content:flex-start;align-items:stretch;min-width:0}.sample-toggle,.top-actions{width:100%}.primary-button,.upload-button{flex:1;min-width:0}.sample-select-field{flex:none;min-width:0}.sample-grid{grid-template-columns:repeat(auto-fill,minmax(156px,220px))}.sample-card{max-width:220px;scroll-margin-bottom:calc(92px + env(safe-area-inset-bottom))}.sample-section,.preview-card,.primary-button,.upload-button{scroll-margin-bottom:calc(92px + env(safe-area-inset-bottom))}.preview-toolbar{flex-wrap:wrap;width:calc(100% - 20px);top:10px;right:10px}.status-strip{flex:100%;order:2;overflow:hidden}.status-strip div{flex:1 1 0;min-width:0}.app-shell.preview-active .card-title{z-index:42;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff94;border:1px solid #e2e9f1c7;border-radius:999px;width:auto;max-width:calc(100% - 154px);min-height:34px;padding:0 10px;position:absolute;top:10px;left:10px;box-shadow:0 10px 26px #212c3f14}.app-shell.preview-active .card-title h2{color:#202733d1;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.app-shell.preview-active .card-title span{color:#526173c2;white-space:nowrap;font-size:11px}.app-shell.preview-active .preview-info-toggle{z-index:43;min-width:72px;height:34px;color:var(--theme-primary);border:1px solid color-mix(in srgb, var(--theme-primary) 18%, #e2e9f1cc);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;opacity:.78;background:#ffffff9e;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;top:10px;right:52px;box-shadow:0 10px 26px #212c3f1a}.app-shell.preview-active .preview-close-button{z-index:43;color:#526173e6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);cursor:pointer;opacity:.78;background:#ffffff9e;border:1px solid #e2e9f1d1;border-radius:999px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:10px;right:10px;box-shadow:0 10px 26px #212c3f1a}.app-shell.preview-active .preview-close-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2px;width:17px;height:17px}.app-shell.preview-active .preview-close-button:active,.app-shell.preview-active .preview-info-toggle:active{opacity:1;transform:scale(.98)}.preview-info-icon,.preview-info-icon svg{width:16px;height:16px;display:block}.preview-info-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}.app-shell.preview-active.preview-info-open .preview-info-toggle{opacity:1;background:#ffffffe6;box-shadow:0 14px 34px #212c3f24}.app-shell.preview-active .preview-toolbar{z-index:44;opacity:0;pointer-events:none;transform-origin:100% 0;visibility:hidden;flex-flow:column;gap:6px;width:min(320px,100% - 20px);transition:opacity .18s,transform .18s,visibility .18s;top:50px;right:10px;transform:translateY(-6px)scale(.98)}.app-shell.preview-active.preview-info-open .preview-toolbar{opacity:.96;pointer-events:auto;visibility:visible;transform:none}.app-shell.preview-active .current-file{background:#ffffffd6;border-color:#e2e9f1d1;gap:8px;width:100%;max-width:none;padding:7px 8px;box-shadow:0 12px 30px #212c3f1a}.app-shell.preview-active .format-badge{min-width:48px;padding:5px 8px;font-size:12px}.app-shell.preview-active .current-file strong{font-size:13px}.app-shell.preview-active .current-file small{font-size:11px}.app-shell.preview-active .status-strip{background:#ffffffd6;border-color:#e2e9f1d1;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid;box-shadow:0 12px 30px #212c3f1a}.app-shell.preview-active .status-strip div{border-bottom:1px solid #e2e9f1d6;border-right:1px solid #e2e9f1d6;min-width:0;padding:6px 8px}.app-shell.preview-active .status-strip div:nth-child(2n){border-right:0}.app-shell.preview-active .status-strip div:nth-last-child(-n+2){border-bottom:0}.app-shell.preview-active .status-strip strong{font-size:11px}.preview-card{min-height:520px}.app-shell.preview-active .preview-card{min-height:0}.preview-word,.preview-slides,.preview-excel{padding:80px 14px 14px}.preview-excel{align-items:stretch}.preview-excel .excel-viewer{width:100%}.word-page{min-height:1123px}.preview-doc .msdoc-flow-view{min-height:0;padding:40px 28px}.preview-doc .msdoc-flow-view .msdoc-table{-webkit-overflow-scrolling:touch;display:block;overflow-x:auto}.preview-doc .msdoc-flow-view .msdoc-table>tbody{min-width:100%;display:table}.diagnostics-fab{right:14px;bottom:calc(82px + env(safe-area-inset-bottom))}}@media (width<=520px){.sample-grid{grid-template-columns:1fr}.sample-card{max-width:none}.current-file{align-items:flex-start}}