:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--pp-background:#fff;--pp-foreground:#0a0a0a;--pp-surface:#fff;--pp-muted:#f5f5f5;--pp-muted-foreground:#737373;--pp-border:#e5e5e5;--pp-primary:#171717;--pp-primary-foreground:#fafafa;--pp-positive:#2e7d46;--pp-warning:#a15c07;--pp-danger:#dc2626;--pp-overlay:#00000080;--pp-radius:10px}:root.dark,:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--pp-background:#0a0a0a;--pp-foreground:#fafafa;--pp-surface:#171717;--pp-muted:#262626;--pp-muted-foreground:#a3a3a3;--pp-border:#ffffff1a;--pp-primary:#fafafa;--pp-primary-foreground:#171717;--pp-positive:#46a758;--pp-warning:#f4a340;--pp-danger:#f87171}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--pp-background);color:var(--pp-foreground);margin:0;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.review-shell{background:var(--pp-background);grid-template-columns:268px minmax(720px,1fr) 340px;min-height:100vh;display:grid}.page-rail,.annotation-panel{background:var(--pp-background);min-width:0}.page-rail{border-right:1px solid var(--pp-border);padding:20px 14px}.rail-heading{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.rail-heading strong{font-size:20px}.rail-heading span{color:var(--pp-muted-foreground);font-size:13px}.page-search input,.demo-toolbar input{border:1px solid var(--pp-border);width:100%;height:40px;color:inherit;background:0 0;border-radius:8px;padding:0 12px}.page-list{flex-direction:column;gap:4px;margin-top:14px;display:flex}.page-list button{min-height:40px;color:inherit;text-align:left;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;padding:0 12px;display:flex}.page-list button:hover,.page-list button.active{background:var(--pp-muted)}.page-list i,.annotation-list i{border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 10px}.page-colors{gap:4px;display:inline-flex}.preview-column{border-right:1px solid var(--pp-border);min-width:0}.browser-bar{border-bottom:1px solid var(--pp-border);background:var(--pp-surface);grid-template-columns:auto minmax(180px,1fr) auto auto;align-items:center;gap:10px;height:50px;padding:0 12px;display:grid}.browser-bar code{border:1px solid var(--pp-border);min-width:0;color:var(--pp-muted-foreground);border-radius:7px;padding:8px 12px;overflow:hidden}.browser-bar select,.browser-bar button,.demo-toolbar button{border:1px solid var(--pp-border);background:var(--pp-surface);height:36px;color:inherit;border-radius:8px;padding:0 12px}.demo-canvas{background:var(--pp-muted);height:calc(100vh - 50px);min-height:560px;padding:4px;position:relative;overflow:auto}.prototype-frame{background:var(--pp-background);border:0;width:100%;height:100%;min-height:680px;display:block}.demo-header{border-bottom:1px solid var(--pp-border);background:var(--pp-surface);grid-template-columns:1fr 1fr 1fr;padding:20px 24px;display:grid}.demo-brand{align-items:center;gap:8px;display:inline-flex}.demo-brand img{border-radius:8px;width:28px;height:28px}.demo-header span:last-child{text-align:right}.demo-content{background:var(--pp-background);min-height:680px;padding:34px;position:relative}.demo-content h1{margin:0 0 6px;font-size:28px}.demo-content>p{color:var(--pp-muted-foreground);margin:0}.scenario-state{border:1px dashed var(--pp-border);text-align:center;border-radius:10px;place-content:center;justify-items:center;gap:8px;min-height:100%;display:grid}.scenario-state strong{font-size:16px}.scenario-state p{color:var(--pp-muted-foreground);margin:0;font-size:13px}.demo-toolbar{grid-template-columns:minmax(240px,1fr) auto auto;gap:12px;margin:28px 0 18px;display:grid}.demo-toolbar .primary{background:var(--pp-primary);color:var(--pp-primary-foreground);margin-left:auto}.demo-table{border:1px solid var(--pp-border);border-radius:10px;overflow:hidden}.demo-row{border-bottom:1px solid var(--pp-border);grid-template-columns:1.1fr 1.5fr 1fr .8fr;align-items:center;min-height:68px;padding:0 18px;display:grid}.demo-row:last-child{border-bottom:0}.annotation-marker{z-index:4;width:14px;height:14px;box-shadow:0 0 0 2px color-mix(in srgb, currentColor 22%, transparent), 0 0 14px 5px color-mix(in srgb, currentColor 34%, transparent);border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.annotation-marker:hover,.annotation-marker.selected{box-shadow:0 0 0 2px color-mix(in srgb, currentColor 42%, transparent), 0 0 22px 8px color-mix(in srgb, currentColor 48%, transparent)}.annotation-panel header{border-bottom:1px solid var(--pp-border);align-items:center;gap:10px;height:64px;padding:0 18px;display:flex}.annotation-panel header span{color:var(--pp-muted-foreground);font-size:13px}.annotation-list{max-height:calc(100vh - 64px);overflow:auto}.annotation-list button{border:0;border-bottom:1px solid var(--pp-border);width:100%;min-height:78px;color:inherit;text-align:left;background:0 0;grid-template-columns:12px 1fr;align-items:center;gap:12px;padding:16px 18px;display:grid}.annotation-list button:hover,.annotation-list button.selected{background:var(--pp-muted)}.annotation-list span{line-height:1.55}.empty-note{color:var(--pp-muted-foreground);padding:24px}.review-state{text-align:center;place-content:center;justify-items:center;gap:10px;min-height:100vh;padding:24px;display:grid}.review-state p{color:var(--pp-muted-foreground);margin:0}.state-spinner{border:2px solid var(--pp-border);border-top-color:var(--pp-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.shake{animation:.42s ease-in-out quick-shake}@keyframes spin{to{transform:rotate(360deg)}}@keyframes quick-shake{0%,to{translate:0}20%{translate:-5px}40%{translate:5px}60%{translate:-5px}80%{translate:5px}}@media (prefers-reduced-motion:reduce){.shake,.state-spinner{animation:none}*{scroll-behavior:auto!important}}.password-gate{background:var(--pp-background);place-items:center;min-height:100vh;padding:24px;display:grid}.password-panel{border:1px solid var(--pp-border);background:var(--pp-surface);border-radius:12px;width:min(100%,420px);padding:32px;box-shadow:0 18px 50px #00000014}.brand-mark{border-radius:11px;width:44px;height:44px;display:block}.password-panel h1{margin:22px 0 8px;font-size:24px}.password-panel p{color:var(--pp-muted-foreground);margin:0 0 22px}.password-panel form{gap:8px;display:grid}.password-panel label{font-size:13px;font-weight:600}.password-panel input{border:1px solid var(--pp-border);width:100%;height:40px;color:inherit;background:0 0;border-radius:8px;padding:0 12px}.password-panel button{background:var(--pp-primary);height:40px;color:var(--pp-primary-foreground);border:0;border-radius:8px;margin-top:8px}.password-error{color:var(--pp-danger,#d9485f);font-size:13px}@media (width<=1180px){.review-shell{grid-template-columns:220px minmax(620px,1fr)}.annotation-panel{display:none}}