.ppx-wrapper{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:0;color:#0f172a;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}.ppx-wrapper,.ppx-wrapper *,.ppx-wrapper *:before,.ppx-wrapper *:after{box-sizing:border-box}.ppx-wrapper button,.ppx-wrapper input,.ppx-wrapper textarea,.ppx-wrapper select{font:inherit}.ppx-wrapper.is-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999999;display:flex;align-items:center;justify-content:center;padding:24px}.ppx-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:radial-gradient(circle at top,rgba(79,70,229,.14),transparent 30%),#0f172a7a}.ppx-panel{position:relative;display:flex;flex-direction:column;width:100%;height:100%;min-height:min(560px,100%);background:linear-gradient(180deg,#f8fafc,#eef2ff);border:1px solid #dbe4ff;border-radius:24px;box-shadow:0 28px 80px #0f172a29;overflow:hidden;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.ppx-wrapper.is-dialog .ppx-panel{width:min(1400px,100%);height:min(88vh,100%);max-width:min(1400px,100%);max-height:min(88vh,100%);min-height:min(560px,calc(100vh - 48px))}.ppx-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 18px;background:#ffffffe0;border-bottom:1px solid #dbe4ff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ppx-toolbar__title{display:flex;flex-direction:column;gap:4px}.ppx-toolbar__title span{color:#475569;font-size:13px}.ppx-toolbar__actions{display:flex;flex-wrap:wrap;gap:8px}.ppx-button{height:34px;padding:0 12px;border:1px solid #cbd5e1;border-radius:10px;background:#fff;color:#0f172a;font-size:13px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.ppx-button:hover{transform:translateY(-1px);border-color:#a5b4fc;box-shadow:0 10px 24px #4f46e51f}.ppx-button:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}.ppx-button--ghost{background:transparent}.ppx-body{display:grid;grid-template-columns:164px minmax(0,1fr);align-items:stretch;gap:0;flex:1;height:100%;min-height:0}.ppx-thumbs{box-sizing:border-box;height:100%;padding:14px;border-right:1px solid #dbe4ff;background:#f8fafce6;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable}.ppx-thumb{display:flex;flex-direction:column;width:100%;padding:10px;margin-bottom:10px;border:1px solid #dbe4ff;border-radius:14px;background:linear-gradient(180deg,#fff,#f8fbff);text-align:left;cursor:pointer;gap:8px;overflow:hidden}.ppx-thumb.is-active{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51f}.ppx-thumb__preview{display:flex;align-items:center;justify-content:center;min-height:78px;padding:4px;overflow:hidden;border:1px solid #dbe4ff;border-radius:10px;background:#eef4ff}.ppx-thumb__stage{display:flex;align-items:center;justify-content:center;width:100%;min-width:0;min-height:0;pointer-events:none}.ppx-thumb__stage .ppx-stage-shell{display:block;min-width:0;margin:0 auto}.ppx-thumb__stage .ppx-stage{border-radius:6px;box-shadow:0 4px 12px #0f172a1a}.ppx-thumb__meta{display:flex;justify-content:space-between;gap:8px;align-items:center}.ppx-thumb__index{font-weight:600;color:#0f172a}.ppx-thumb__label{margin-top:6px;color:#64748b;font-size:12px}.ppx-stage-area{box-sizing:border-box;height:100%;padding:16px;overflow:auto;overscroll-behavior:contain;min-height:0;scrollbar-gutter:stable}.ppx-stage-shell{position:relative;min-width:fit-content}.ppx-stage{position:relative;overflow:hidden;background:#fff;border-radius:18px;box-shadow:0 18px 40px #0f172a1f}.ppx-element{box-sizing:border-box;pointer-events:auto}.ppx-text,.ppx-shape__content{display:flex;flex-direction:column;width:100%;height:100%;box-sizing:border-box;overflow:visible;min-height:0}.ppx-text{padding:4px 6px}.ppx-text p,.ppx-shape__content p{margin:0;line-height:1.2;white-space:normal;overflow:visible}.ppx-text ul,.ppx-text ol,.ppx-shape__content ul,.ppx-shape__content ol,.ppx-table__rich ul,.ppx-table__rich ol{margin:0;padding-left:1.4em}.ppx-text ol[data-list-depth="1"],.ppx-shape__content ol[data-list-depth="1"],.ppx-table__rich ol[data-list-depth="1"]{list-style-type:decimal}.ppx-text ol[data-list-depth="2"],.ppx-shape__content ol[data-list-depth="2"],.ppx-table__rich ol[data-list-depth="2"]{list-style-type:lower-alpha}.ppx-text ol[data-list-depth="3"],.ppx-shape__content ol[data-list-depth="3"],.ppx-table__rich ol[data-list-depth="3"]{list-style-type:lower-roman}.ppx-text ol[data-list-depth="4"],.ppx-shape__content ol[data-list-depth="4"],.ppx-table__rich ol[data-list-depth="4"]{list-style-type:decimal}.ppx-text ul[data-list-depth="1"],.ppx-shape__content ul[data-list-depth="1"],.ppx-table__rich ul[data-list-depth="1"]{list-style-type:disc}.ppx-text ul[data-list-depth="2"],.ppx-shape__content ul[data-list-depth="2"],.ppx-table__rich ul[data-list-depth="2"]{list-style-type:circle}.ppx-text ul[data-list-depth="3"],.ppx-shape__content ul[data-list-depth="3"],.ppx-table__rich ul[data-list-depth="3"]{list-style-type:square}.ppx-text li.ppx-bullet-item,.ppx-shape__content li.ppx-bullet-item,.ppx-table__rich li.ppx-bullet-item{list-style:none;display:flex;align-items:flex-start;gap:.45em;padding-left:0}.ppx-text .ppx-bullet-marker,.ppx-shape__content .ppx-bullet-marker,.ppx-table__rich .ppx-bullet-marker{flex:0 0 1em;display:inline-block;width:1em;text-align:center;color:currentColor;line-height:1.2}.ppx-text p:last-child,.ppx-shape__content p:last-child{margin-bottom:0}.ppx-text span,.ppx-shape__content span,.ppx-table__rich span{line-height:1.2}.ppx-image-shell{width:100%;height:100%;overflow:hidden;border-radius:12px;background:#f8fafc}.ppx-image{display:block;width:100%;height:100%;max-width:none;max-height:none;transform-origin:top left}.ppx-shape{position:relative;width:100%;height:100%;overflow:visible}.ppx-shape__surface,.ppx-shape__svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.ppx-shape__content{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ppx-shape__content *{max-width:100%}.ppx-group,.ppx-diagram{position:relative;width:100%;height:100%}.ppx-table-shell{width:100%;height:100%;overflow:hidden;background:#fff}.ppx-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:12px;border-spacing:0}.ppx-table td{min-width:40px;padding:6px 8px;word-break:break-word;overflow:hidden;box-sizing:border-box}.ppx-table__rich p{margin:0;line-height:1.2}.ppx-table__rich p:last-child{margin-bottom:0}.ppx-media-shell,.ppx-audio-shell{display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:hidden;background:#0f172a;border-radius:12px}.ppx-media{width:100%;height:100%;object-fit:contain;background:#000}.ppx-audio{width:calc(100% - 20px)}.ppx-audio--hidden{display:none}.ppx-audio-button{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;padding:0;border:0;border-radius:0;background:transparent;color:#94a3b8eb;cursor:pointer}.ppx-audio-button__icon{width:100%;height:100%}.ppx-status{display:flex;align-items:center;justify-content:center;min-height:240px;color:#334155;font-size:15px}.ppx-status--error{color:#b91c1c}.ppx-fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:12px;border:1px dashed #cbd5e1;border-radius:12px;background:#ffffffb8;color:#475569;text-align:center}.ppx-fallback--warn{border-color:#f59e0b;color:#92400e;background:#fffbeb}.ppx-fade-enter-active,.ppx-fade-leave-active{transition:opacity .18s ease}.ppx-fade-enter-from,.ppx-fade-leave-to{opacity:0}@media (max-width:960px){.ppx-body{grid-template-columns:1fr}.ppx-thumbs{display:flex;gap:10px;border-right:0;border-bottom:1px solid #dbe4ff}.ppx-thumb{min-width:128px;margin-bottom:0}.ppx-wrapper.is-dialog{padding:0}.ppx-wrapper.is-dialog .ppx-panel{width:100%;height:100%;max-width:100vw;max-height:100vh;min-height:0;border-radius:0}}