/* PC progressive preview. Scoped to the existing PPT workspace. */
#app.pc-ppt-workspace .ppt-preview-entry{display:flex;align-items:center;justify-content:center;gap:12px;margin:18px auto 0;color:#78849b;font-size:12px}
#app.pc-ppt-workspace .ppt-preview-entry button{border:1px solid #e1ddf8;border-radius:20px;background:#fff;color:#6551c8;padding:9px 15px;font:inherit;cursor:pointer}
#app.pc-ppt-workspace .ppt-generation-costs{display:inline-block;max-width:100%;box-sizing:border-box;text-align:left;vertical-align:baseline;overflow-wrap:anywhere}
#app.pc-ppt-workspace .ppt-generation-costs>i,#app.pc-ppt-workspace .ppt-generation-costs>span>i,#app.pc-ppt-workspace .ppt-generation-costs .ppt-body-cost-hint>i{vertical-align:baseline;margin-right:6px}
#app.pc-ppt-workspace .ppt-generation-costs .ppt-body-cost-hint{display:inline;margin:0 0 0 12px;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;color:inherit;font:inherit;line-height:inherit;white-space:normal;overflow-wrap:anywhere}
#app.pc-ppt-workspace .ppt-review-intro{max-width:1200px;margin:0 auto 26px;text-align:left}
#app.pc-ppt-workspace .ppt-review-steps{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:#797084;font-size:12px;line-height:1.6}
#app.pc-ppt-workspace .ppt-review-steps>span{display:inline-flex;align-items:center;gap:6px;max-width:100%;box-sizing:border-box;padding:6px 11px;border-radius:8px;overflow-wrap:anywhere}
#app.pc-ppt-workspace .ppt-review-steps .is-done{color:#726180;background:#f1edf8}
#app.pc-ppt-workspace .ppt-review-steps .is-current{color:#6c52bb;background:#eae4fa;font-weight:600}
#app.pc-ppt-workspace .ppt-review-intro h1{margin:20px 0 8px;font-size:28px;line-height:1.45;font-weight:700;color:#282141;overflow-wrap:anywhere}
#app.pc-ppt-workspace .ppt-review-intro p{margin:0;color:#756c81;font-size:14px;line-height:1.8;overflow-wrap:anywhere}
#app.pc-ppt-workspace .ppt-review-stage .ppt-editor-heading{max-width:1200px!important;flex-wrap:wrap;gap:16px}
#app.pc-ppt-workspace .ppt-review-stage .ppt-editor-heading>div{min-width:0;flex:1 1 260px}
#app.pc-ppt-workspace .ppt-review-stage .ppt-editor-heading h2{overflow-wrap:anywhere}
#app.pc-ppt-workspace .ppt-review-stage .ppt-editor-heading>button{flex:none}
#app.pc-ppt-workspace .ppt-review-layout{grid-template-columns:minmax(0,1fr) 340px;max-width:1200px;gap:20px;padding:0;align-items:start}
#app.pc-ppt-workspace .ppt-review-layout .outline-main{min-width:0;padding:22px;border:1px solid #e6e8f1;box-shadow:0 12px 36px rgba(39,31,77,.035)}
#app.pc-ppt-workspace .ppt-review-layout .outline-tree{max-height:55vh;min-height:240px}
#app.pc-ppt-workspace .ppt-review-layout .outline-sidebar{min-width:0;order:initial}
#app.pc-ppt-workspace .ppt-review-layout .node-actions{opacity:1}
#app.pc-ppt-workspace .ppt-review-edit-hint{display:inline-flex;align-items:center;gap:5px;color:#7a678e;font-size:12px;white-space:nowrap}
#app.pc-ppt-workspace .ppt-review-template-card{box-sizing:border-box;min-width:0;padding:22px;border:1px solid #e6e8f1;border-radius:16px;background:#fff;box-shadow:0 12px 36px rgba(39,31,77,.035);text-align:left}
#app.pc-ppt-workspace .ppt-review-template-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}
#app.pc-ppt-workspace .ppt-review-template-heading>div{min-width:0}
#app.pc-ppt-workspace .ppt-review-template-heading h3{margin:6px 0 0;color:#282141;font-size:18px;line-height:1.5}
#app.pc-ppt-workspace .ppt-review-template-heading button{flex:none;min-height:40px;padding:0;color:#755bc2;font-size:12px;white-space:nowrap}
#app.pc-ppt-workspace .ppt-review-template-cover{display:grid;place-items:center;width:100%;aspect-ratio:16/9;box-sizing:border-box;overflow:hidden;border:1px solid #e9e5f4;border-radius:12px;background:#f5f3fa}
#app.pc-ppt-workspace .ppt-review-template-cover img{display:block;width:100%;height:100%;object-fit:contain}
#app.pc-ppt-workspace .ppt-review-template-cover>i{font-size:40px;color:#b0a1cb}
#app.pc-ppt-workspace .ppt-review-template-selected>strong{display:block;margin:13px 0 5px;font-size:15px;line-height:1.6;color:#413754;overflow-wrap:anywhere}
#app.pc-ppt-workspace .ppt-review-template-selected>span{display:inline-flex;align-items:center;gap:5px;color:#7a668f;font-size:12px;line-height:1.6}
#app.pc-ppt-workspace .ppt-review-template-selected>span i{color:#8068b1}
#app.pc-ppt-workspace .ppt-review-template-empty{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;box-sizing:border-box;width:100%;min-height:215px;padding:24px 16px;border:1px dashed #d5cbeb;border-radius:12px;background:#faf8ff;color:#7a668f;font:inherit;text-align:center;cursor:pointer;transition:background-color 140ms ease}
#app.pc-ppt-workspace .ppt-review-template-empty:hover{background:#f5f0fe}
#app.pc-ppt-workspace .ppt-review-template-empty>i{font-size:36px;color:#ab98cb}
#app.pc-ppt-workspace .ppt-review-template-empty>strong{font-size:15px;line-height:1.6;color:#58466f}
#app.pc-ppt-workspace .ppt-review-template-empty>span{font-size:12px;line-height:1.7}
#app.pc-ppt-workspace .ppt-review-template-note{margin:18px 0 0;color:#786b85;font-size:13px;line-height:1.8;overflow-wrap:anywhere}
#app.pc-ppt-workspace .ppt-review-cost{margin:14px 0 0;padding:11px 12px;border:1px solid #eeebf6;border-radius:8px;background:#f8f6fc;color:#766382;font-size:12px;line-height:1.8;overflow-wrap:anywhere}
#app.pc-ppt-workspace .ppt-review-confirm{display:flex;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;width:100%;min-height:46px;margin-top:18px;padding:12px 14px;font-size:14px;line-height:1.6;white-space:normal}
#app.pc-ppt-workspace .ppt-review-confirm i{flex:none}
#app.pc-ppt-workspace .ppt-review-confirm-note{margin:10px 0 0;text-align:center;color:#786c84;font-size:12px;line-height:1.7;overflow-wrap:anywhere}
#app.pc-ppt-workspace .ppt-review-template-empty:focus-visible,#app.pc-ppt-workspace .ppt-review-confirm:focus-visible{outline:2px solid #a58bdc;outline-offset:3px}
#app.pc-ppt-workspace .ppt-preview-layout{grid-template-columns:minmax(320px,.78fr) minmax(520px,1.5fr);max-width:1680px;gap:20px;padding:0}
#app.pc-ppt-workspace .ppt-editor-heading{max-width:1680px!important}
#app.pc-ppt-workspace .ppt-preview-layout .outline-main{padding:22px;min-width:0;box-shadow:0 12px 36px rgba(39,31,77,.035);border:1px solid #e8e9f2}
#app.pc-ppt-workspace .ppt-preview-layout .outline-tree{max-height:calc(100vh - 450px);min-height:240px}
#app.pc-ppt-workspace .ppt-preview-layout .outline-sidebar{min-width:0;gap:14px;order:initial}
#app.pc-ppt-workspace .ppt-preview-layout .template-card{padding:20px;border:1px solid #e6e8f3;box-shadow:0 12px 36px rgba(39,31,77,.035)}
#app.pc-ppt-workspace .ppt-preview-layout .template-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-height:290px}
.ppt-preview-panel{background:#fff;border:1px solid #e5e7f2;border-radius:18px;overflow:hidden;box-shadow:0 12px 42px rgba(45,36,82,.045)}
.ppt-preview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:21px 24px;border-bottom:1px solid #eeedf5}
.ppt-preview-heading h3{font-size:17px;line-height:1.5;color:#282141;margin:3px 0 0;font-weight:650}
.ppt-preview-eyebrow{font-size:9px;font-weight:600;color:#9c91bb;letter-spacing:1.7px}
.ppt-preview-heading-actions{display:flex;gap:8px;align-items:center}
.ppt-preview-heading button,.ppt-preview-error button,.ppt-preview-empty button{font:inherit;font-size:12px;cursor:pointer;border-radius:9px;padding:8px 12px;border:1px solid #e3def6;background:#faf8ff;color:#7057cc}
.ppt-preview-heading button:disabled,.ppt-preview-empty button:disabled{opacity:.5;cursor:wait}
.ppt-preview-template-button{display:flex;align-items:center;gap:7px;max-width:230px}
.ppt-preview-template-button span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.ppt-preview-counter{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:11px 24px;background:#fcfbff;color:#8b839f;font-size:11px;border-bottom:1px solid #efedf7}
.ppt-preview-counter strong{color:#775fd0;font-weight:600}
.ppt-preview-live-dot{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#55c4c3;box-shadow:0 0 0 4px rgba(85,196,195,.09)}
.ppt-preview-counter button{border:0;background:none;color:#7b63cc;font-size:11px;cursor:pointer}
.ppt-preview-playback{display:flex;align-items:center;gap:10px;flex:none;min-width:0;max-width:100%}
.ppt-preview-playback>span{min-width:0;overflow-wrap:anywhere}
.ppt-preview-counter .ppt-preview-playback-toggle{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;min-height:32px;padding:6px 12px;border:1px solid #ded7f4;border-radius:8px;background:#f5f1ff;color:#7057cc;font:inherit;font-size:12px;line-height:1.4;white-space:nowrap;cursor:pointer}
#app.pc-ppt-workspace .ppt-preview-counter .ppt-preview-playback-toggle:focus-visible{outline:2px solid #a58bdc;outline-offset:3px}
#app.pc-ppt-workspace .ppt-preview-counter .ppt-preview-playback-toggle:disabled{opacity:.45;cursor:default}
.ppt-preview-frame-wrap{height:clamp(490px,calc(100vh - 290px),780px);position:relative;background:#f8f7fc}
.ppt-preview-frame{display:block;width:100%;height:100%;border:0;background:#f8f7fc}
.ppt-preview-frame.ppt-preview-frame-inactive{visibility:hidden}
.ppt-preview-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:36px;text-align:center;background:radial-gradient(ellipse at 65% 22%,#f0ecff 0,transparent 58%),linear-gradient(150deg,#fafaff,#f5f8fc)}
.ppt-preview-empty-art{width:160px;height:115px;position:relative;margin-bottom:25px}
.ppt-preview-empty-art:before,.ppt-preview-empty-art:after{content:"";position:absolute;width:120px;height:77px;border-radius:10px;border:1px solid #d8d2f2;background:linear-gradient(140deg,rgba(255,255,255,.9),rgba(238,232,254,.65));box-shadow:0 12px 28px rgba(96,75,166,.09)}
.ppt-preview-empty-art:before{left:8px;top:9px;transform:rotate(-10deg)}
.ppt-preview-empty-art:after{right:1px;bottom:5px;transform:rotate(6deg)}
.ppt-preview-empty-art i{position:absolute;z-index:1;left:69px;top:43px;font-size:32px;color:#ab9add}
.ppt-preview-empty h4{font-size:18px;font-weight:600;color:#3d335c;margin:0 0 10px}
.ppt-preview-empty p{font-size:12px;line-height:1.9;color:#948ba8;max-width:340px;margin:0 0 20px}
.ppt-preview-footnote{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 22px;color:#a299b1;font-size:10px;border-top:1px solid #efedf7}
.ppt-preview-error{padding:12px 20px;display:flex;gap:12px;align-items:center;justify-content:space-between;font-size:12px;line-height:1.6;background:#fff8ee;color:#a77b42;border-top:1px solid #f4e5cb}
.ppt-preview-error button{white-space:nowrap;background:white;border-color:#ecd9b9;color:#a77b42}
.ppt-preview-error a{white-space:nowrap;color:#8e6b31;font-size:12px;text-decoration:none}
#app.pc-ppt-workspace .ppt-preview-template-dialog .el-dialog{display:flex;flex-direction:column;height:80vh;max-height:80vh;margin:10vh auto;margin-top:10vh!important;left:0;box-sizing:border-box;overflow:hidden}
#app.pc-ppt-workspace .ppt-preview-template-dialog .el-dialog__header{flex:none}
#app.pc-ppt-workspace .ppt-preview-template-dialog .el-dialog__body{display:flex;flex-direction:column;flex:1;min-height:0;padding-top:6px;overflow:hidden}
#app.pc-ppt-workspace .ppt-preview-template-dialog .template-grid{flex:1;min-height:0;max-height:none;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:none;grid-auto-rows:min-content;align-content:start;gap:10px;overflow-y:auto;overflow-x:hidden;padding:4px}
#app.pc-ppt-workspace .ppt-preview-template-dialog .template-item{min-width:0;border-radius:9px}
#app.pc-ppt-workspace .ppt-preview-template-dialog .template-cover-wrap{aspect-ratio:16/9}
#app.pc-ppt-workspace .ppt-preview-template-dialog .template-name{padding:8px 6px;font-size:12px}
#app.pc-ppt-workspace .ppt-preview-template-dialog .ppt-preview-picker-note,#app.pc-ppt-workspace .ppt-preview-template-dialog .modern-tabs,#app.pc-ppt-workspace .ppt-preview-template-dialog .el-pagination{flex:none}
.ppt-preview-template-dialog .ppt-preview-picker-note{font-size:12px;line-height:1.9;color:#9284b0;margin:0 0 16px}
#app.pc-ppt-workspace .ppt-preview-template-dialog .modern-tabs{display:flex;flex-wrap:nowrap;gap:8px;max-width:100%;min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-padding-inline:4px;padding:4px 4px 8px;scrollbar-width:thin;scrollbar-color:#d4cef1 transparent;-webkit-overflow-scrolling:touch}
#app.pc-ppt-workspace .ppt-preview-template-dialog .modern-tab{flex:0 0 auto;min-width:80px;padding:10px 18px;white-space:nowrap}
#app.pc-ppt-workspace .ppt-preview-template-dialog .modern-tabs::-webkit-scrollbar{height:6px}
#app.pc-ppt-workspace .ppt-preview-template-dialog .modern-tabs::-webkit-scrollbar-thumb{background:#d4cef1;border-radius:4px}
@media(max-width:850px){#app.pc-ppt-workspace .ppt-review-layout{grid-template-columns:minmax(0,1fr)}#app.pc-ppt-workspace .ppt-review-layout .outline-tree{max-height:45vh}#app.pc-ppt-workspace .ppt-review-template-cover{max-width:460px;margin:0 auto}#app.pc-ppt-workspace .ppt-review-template-empty{min-height:180px}}
@media(max-width:560px){#app.pc-ppt-workspace .ppt-review-stage{padding:16px!important}#app.pc-ppt-workspace .ppt-review-intro h1{font-size:24px}#app.pc-ppt-workspace .ppt-review-layout .outline-main,#app.pc-ppt-workspace .ppt-review-template-card{padding:18px}#app.pc-ppt-workspace .ppt-review-steps{font-size:11px;gap:5px}#app.pc-ppt-workspace .ppt-review-steps>span{padding:5px 8px}}
@media(min-width:1500px){#app.pc-ppt-workspace .ppt-preview-layout{grid-template-columns:minmax(380px,.7fr) minmax(700px,1.5fr)}#app.pc-ppt-workspace .ppt-preview-layout .outline-tree{max-height:calc(100vh - 430px)}}
@media(max-width:1150px){#app.pc-ppt-workspace .ppt-preview-layout{grid-template-columns:minmax(290px,.85fr) minmax(430px,1.2fr);gap:14px}#app.pc-ppt-workspace .ppt-preview-layout .outline-main{padding:18px}.ppt-preview-heading{padding:18px}.ppt-preview-heading-actions{gap:6px}.ppt-preview-heading button{padding:8px}.ppt-preview-template-button{max-width:160px}}
@media(max-width:900px){#app.pc-ppt-workspace .ppt-preview-layout{grid-template-columns:1fr}#app.pc-ppt-workspace .ppt-preview-layout .outline-tree{max-height:400px}.ppt-preview-frame-wrap{height:600px}.ppt-preview-heading{flex-wrap:wrap}.ppt-preview-entry{flex-wrap:wrap}}

/* Keep the template charge visible before selection, including VIP users. */
#app.pc-ppt-workspace .template-score-cost{padding:0 6px 9px;color:#6254cb;font-size:12px;line-height:1.5;font-weight:600;overflow-wrap:anywhere}
#app.pc-ppt-workspace .ppt-review-template-selected .template-score-cost{padding:0 0 8px}
