.ppr-demo{--bg:#0c132b;--card:#0e1936;--input:#0a0d1d;--fg:#f1f5f9;--mut:#94a3b8;--dim:#64748b;--blue:#3b82f6;--royal:#2563eb;--elec:#5ea3e8;--grn:#10b981;--red:#ef4444;--amb:#f59e0b;--bdr:#ffffff20;--font:"Segoe UI",system-ui,sans-serif;--body-bg:#080c1a;--frame-bdr:#3b82f630;--close-c:#fff6}.ppr-demo.light{--bg:#f0f2f7;--card:#fff;--input:#f5f6fa;--fg:#1a1d26;--mut:#5c6475;--dim:#8890a0;--body-bg:#e4e7ee;--frame-bdr:#3b82f640;--close-c:#0006}.ppr-frame{background:var(--bg);border:1px solid var(--frame-bdr);width:100%;min-width:1200px;height:800px;font-family:var(--font);color:var(--fg);border-radius:14px;flex-direction:column;display:flex;overflow:hidden}.ppr-titlebar{border-bottom:1px solid var(--bdr);flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 20px 12px;display:flex}.ppr-tb-left{align-items:center;gap:10px;display:flex}.ppr-tb-icon{background:#3b82f621;border:1px solid #3b82f640;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;overflow:hidden}.ppr-tb-icon img{object-fit:contain;width:22px;height:22px}.ppr-tb-title{color:var(--fg);font-size:14px;font-weight:600}.ppr-tb-sub{color:var(--dim);font-size:10px}.ppr-tb-right{align-items:center;gap:8px;display:flex}.ppr-theme-toggle{cursor:pointer;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:11px;width:40px;height:22px;transition:background .3s;position:relative}.ppr-demo.light .ppr-theme-toggle{background:#00000014;border-color:#00000026}.ppr-theme-toggle .ppr-knob{background:var(--blue);border-radius:8px;width:16px;height:16px;transition:left .3s;position:absolute;top:2px;left:2px}.ppr-demo.light .ppr-theme-toggle .ppr-knob{left:20px}.ppr-theme-toggle .ppr-t-icon{color:#ffffff80;position:absolute;top:5px}.ppr-demo.light .ppr-theme-toggle .ppr-t-icon{color:#0006}.ppr-theme-toggle .ppr-moon{left:5px}.ppr-theme-toggle .ppr-sun{right:5px}.ppr-body{flex:1;grid-template-columns:1.5fr 3fr 1.5fr;gap:0;min-height:0;padding:10px 16px 4px;display:grid;overflow:hidden}.ppr-col-l{scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;padding-right:8px;overflow-y:auto}.ppr-col-m{flex-direction:column;min-height:0;padding-right:8px;display:flex}.ppr-col-r{flex-direction:column;min-height:0;display:flex}.ppr-card{background:var(--card);border:1px solid var(--bdr);border-radius:10px;margin-bottom:4px;padding:12px}.ppr-sec-lbl{color:var(--blue);align-items:center;gap:6px;margin-bottom:6px;font-size:9px;font-weight:700;display:flex}.ppr-sec-lbl .ppr-bar{background:var(--blue);border-radius:2px;width:3px;height:14px}.ppr-sep{background:#80808026;height:1px;margin:8px 0}.ppr-flbl{color:var(--dim);margin:8px 0 2px;font-size:8px}.ppr-sinput{background:var(--input);width:100%;height:24px;color:var(--fg);font-size:9px;font-family:var(--font);border:1px solid #80808033;border-radius:4px;outline:none;padding:2px 6px}.ppr-combo-wrap{position:relative}.ppr-scombo{background:var(--input);width:100%;height:24px;color:var(--fg);font-size:9px;font-family:var(--font);cursor:pointer;text-align:left;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 5 5-5' fill='%236B7280'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;border:1px solid #80808033;border-radius:6px;outline:none;padding:0 22px 0 6px}.ppr-combo-menu{z-index:100;background:var(--card);border:1px solid var(--bdr);scrollbar-width:thin;border-radius:8px;max-height:160px;margin-top:2px;padding:3px;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 8px 24px #00000059}.ppr-combo-item{color:var(--fg);cursor:pointer;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:9px;transition:background .15s;display:flex}.ppr-combo-item:hover{background:#3b82f61f}.ppr-combo-active{background:#3b82f62e;font-weight:600}.ppr-combo-check{color:var(--blue);font-size:9px;font-weight:700}.ppr-demo.light .ppr-combo-menu{background:#fff;border-color:#0000001a;box-shadow:0 8px 24px #0000001f}.ppr-demo.light .ppr-combo-item:hover{background:#3b82f614}.ppr-demo.light .ppr-combo-active{background:#3b82f61f}.ppr-demo.light .ppr-scombo{background:#fff;border-color:#0000001f}.ppr-demo.light .ppr-scombo option{color:#1a1d26;background:#fff}.ppr-demo.light .ppr-filter-combo{background:#fff;border-color:#0000001f}.ppr-demo.light .ppr-filter-combo option{color:#1a1d26;background:#fff}.ppr-demo.light .ppr-sinput,.ppr-demo.light .ppr-search-wrap{background:#fff;border-color:#0000001f}.ppr-chk-row{color:var(--mut);align-items:center;gap:6px;margin:5px 0;font-size:9px;display:flex}.ppr-chk{appearance:none;cursor:pointer;background:#8080801a;border:1.5px solid #80808066;border-radius:3px;flex-shrink:0;width:14px;height:14px;position:relative}.ppr-demo.light .ppr-chk{background:#0000000a;border-color:#00000040}.ppr-demo.light .ppr-chk:checked,.ppr-chk:checked{background:var(--blue);border-color:var(--blue)}.ppr-chk:checked:after{content:"";border:1.8px solid #fff;border-width:0 1.8px 1.8px 0;width:5px;height:8px;position:absolute;top:1px;left:3px;transform:rotate(45deg)}.ppr-chk-grid{grid-template-columns:1fr 1fr 1fr;gap:0;display:grid}.ppr-fcard{border:1px solid;border-radius:8px;margin-top:6px;padding:10px}.ppr-fcard-hdr{align-items:center;gap:6px;margin-bottom:6px;font-size:9px;font-weight:700;display:flex}.ppr-fcard-hdr .ppr-fc-bar{border-radius:2px;width:4px;height:14px}.ppr-fcard-desc{color:var(--dim);margin:2px 0 4px;font-size:7px}.ppr-fbar{background:var(--card);border:1px solid #8080801f;border-radius:8px;margin-bottom:4px;padding:10px}.ppr-fbar-inner{grid-template-columns:auto 1fr;align-items:center;gap:16px;display:grid}.ppr-filter-row{gap:4px;display:flex}.ppr-filter-combo{background:var(--input);height:24px;color:var(--fg);font-size:9px;font-family:var(--font);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 5 5-5' fill='%236B7280'/%3E%3C/svg%3E");background-position:right 7px center;background-repeat:no-repeat;border:1px solid #80808033;border-radius:6px;outline:none;padding:0 20px 0 6px}.ppr-lbl-sm{color:var(--dim);letter-spacing:.5px;margin-bottom:4px;font-size:7.5px}.ppr-btn-row{gap:4px;display:flex}.ppr-sbtn{width:52px;height:24px;color:var(--fg);font-size:8.5px;font-weight:600;font-family:var(--font);cursor:pointer;background:#8080801f;border:1px solid #80808033;border-radius:6px}.ppr-sbtn:hover{background:#80808033}.ppr-dash-row{justify-content:flex-end;gap:4px;display:flex}.ppr-dash-card{text-align:center;border:1px solid;border-radius:8px;min-width:52px;padding:5px 10px}.ppr-dash-num{font-size:18px;font-weight:700}.ppr-dash-lbl{color:var(--dim);font-size:7px}.ppr-sep-thin{background:#8080801f;height:1px;margin:6px 0}.ppr-col-hdrs{border-bottom:1px solid #80808026;grid-template-columns:22px 55px 1fr 60px 50px 70px;margin:0 6px;padding:6px;display:grid}.ppr-col-hdr{color:var(--mut);padding-left:4px;font-size:9.5px;font-weight:700}.ppr-search-wrap{background:var(--input);border:1px solid #80808033;border-radius:6px;margin:4px 6px;padding:0 6px}.ppr-search-input{width:100%;height:24px;color:var(--fg);font-size:9px;font-family:var(--font);background:0 0;border:none;outline:none}.ppr-search-input::placeholder{color:var(--dim)}.ppr-cnt-lbl{color:var(--dim);padding:4px 6px 3px;font-size:8.5px}.ppr-tbl-wrap{background:var(--card);border:1px solid var(--bdr);scrollbar-width:thin;scrollbar-color:#80808040 transparent;border-radius:10px;flex:1;min-height:0;padding:2px;overflow-y:auto}.ppr-trow{cursor:pointer;border-bottom:1px solid #8080800f;grid-template-columns:22px 55px 1fr 60px 50px 70px;align-items:center;min-height:30px;padding:0 4px;display:grid}.ppr-trow:nth-child(odd){background:#80808008}.ppr-trow:hover{background:#3b82f60f}.ppr-trow.ppr-selected{background:#3b82f61f!important}.ppr-tcell{color:var(--fg);white-space:nowrap;text-overflow:ellipsis;padding-left:4px;font-size:9px;overflow:hidden}.ppr-tcell.ppr-num{font-weight:600}.ppr-tcell.ppr-dim{color:var(--dim);font-size:8px}.ppr-pill{text-align:center;border:1px solid;border-radius:10px;justify-content:center;align-items:center;min-width:48px;padding:1px 6px;font-size:7px;font-weight:600;display:inline-flex}.ppr-pill-valid{color:var(--grn);background:#22c55e1f;border-color:#22c55e36}.ppr-pill-unplaced{color:var(--red);background:#ef44441f;border-color:#ef444436}.ppr-pill-notenc{color:var(--amb);background:#fbbf241f;border-color:#fbbf2436}.ppr-det-card{background:var(--card);border:1px solid var(--bdr);scrollbar-width:thin;scrollbar-color:#80808040 transparent;border-radius:10px;flex:1;margin-bottom:6px;padding:16px 12px 12px;overflow-y:auto}.ppr-det-num{color:var(--fg);margin-top:2px;font-size:26px;font-weight:700}.ppr-det-name{color:var(--mut);margin-top:2px;font-size:12px;font-weight:500}.ppr-det-pills{color:var(--dim);gap:6px;margin-top:5px;font-size:8px;display:flex}.ppr-det-area-lbl{color:var(--dim);margin-bottom:2px;font-size:8px;font-weight:600}.ppr-det-area-val{color:var(--blue);font-size:17px;font-weight:700}.ppr-det-line{color:var(--dim);font-size:9px}.ppr-det-line.ppr-det-mut{color:var(--mut)}.ppr-det-status{color:var(--grn);margin-top:6px;font-size:9px}.ppr-preview{color:var(--blue);margin:2px 0 1px;font-size:7px}.ppr-tokens{color:var(--dim);font-size:7px}.ppr-scale-row{align-items:center;gap:6px;margin:4px 0 6px;display:flex}.ppr-scale-lbl{color:var(--dim);font-size:8px}.ppr-scale-combo{width:60px;height:22px}.ppr-gen-card{background:var(--card);border:1px solid var(--bdr);border-radius:10px;margin-top:auto;padding:10px}.ppr-gen-btn{background:var(--blue);color:#fff;width:100%;height:44px;font-size:13px;font-weight:700;font-family:var(--font);cursor:pointer;letter-spacing:.5px;border:none;border-radius:18px;transition:box-shadow .3s}.ppr-gen-btn:hover{background:#2563eb;box-shadow:0 0 20px #3b82f659}.ppr-footer{border-top:1px solid #8080801a;flex-shrink:0;justify-content:center;align-items:center;gap:5px;padding:3px 20px 6px;display:flex}.ppr-footer img{object-fit:contain;width:16px;height:16px}.ppr-footer .ppr-nx{color:var(--royal);font-size:9px;font-weight:600}.ppr-footer .ppr-tools{color:var(--fg);font-size:9px;font-weight:600}.ppr-footer .ppr-url{color:var(--dim);margin-left:3px;font-size:8px}.ppr-col-l::-webkit-scrollbar{width:5px}.ppr-tbl-wrap::-webkit-scrollbar{width:5px}.ppr-det-card::-webkit-scrollbar{width:5px}.ppr-col-l::-webkit-scrollbar-thumb{background:#8080804d;border-radius:3px}.ppr-tbl-wrap::-webkit-scrollbar-thumb{background:#8080804d;border-radius:3px}.ppr-det-card::-webkit-scrollbar-thumb{background:#8080804d;border-radius:3px}.ppr-col-l::-webkit-scrollbar-track{background:0 0}.ppr-tbl-wrap::-webkit-scrollbar-track{background:0 0}.ppr-det-card::-webkit-scrollbar-track{background:0 0}.ppr-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#00000080;border-radius:14px;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ppr-demo.light .ppr-overlay{background:#00000059}.ppr-demo.light .ppr-confirm-box,.ppr-demo.light .ppr-progress-box,.ppr-demo.light .ppr-result-box{background:#fff;border-color:#0000001a}.ppr-confirm-box{background:var(--card);border:1px solid var(--bdr);text-align:center;border-radius:14px;max-width:420px;padding:32px}.ppr-confirm-title{color:var(--fg);margin-bottom:8px;font-size:16px;font-weight:700}.ppr-confirm-msg{color:var(--mut);margin-bottom:20px;font-size:11px;line-height:1.6}.ppr-confirm-btns{justify-content:center;gap:8px;display:flex}.ppr-confirm-yes{background:var(--blue);color:#fff;cursor:pointer;height:36px;font-size:12px;font-weight:600;font-family:var(--font);border:none;border-radius:18px;padding:0 24px}.ppr-confirm-no{height:36px;color:var(--fg);cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font);background:#80808026;border:1px solid #80808033;border-radius:18px;padding:0 24px}.ppr-progress-box{background:var(--card);border:1px solid var(--bdr);border-radius:14px;width:100%;max-width:460px;padding:32px 40px}.ppr-progress-title{color:var(--fg);margin-bottom:4px;font-size:14px;font-weight:700}.ppr-progress-sub{color:var(--dim);margin-bottom:16px;font-size:10px}.ppr-progress-track{background:#80808026;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}.ppr-progress-fill{background:var(--blue);border-radius:3px;height:100%;transition:width .15s linear}.ppr-progress-pct{color:var(--mut);text-align:right;font-size:10px}.ppr-result-box{background:var(--card);border:1px solid var(--bdr);border-radius:14px;width:100%;max-width:700px;padding:28px}.ppr-result-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.ppr-result-title{color:var(--fg);font-size:16px;font-weight:700}.ppr-result-badge{color:var(--grn);background:#22c55e1f;border:1px solid #22c55e36;border-radius:12px;padding:4px 10px;font-size:9px;font-weight:600}.ppr-result-sheet{aspect-ratio:1.414;color:#1a1a1a;background:#fff;border-radius:4px;padding:20px;position:relative;overflow:hidden}.ppr-result-titleblock{color:#333;border-top:2px solid #333;border-left:2px solid #333;width:200px;padding:8px 10px;font-size:7px;line-height:1.8;position:absolute;bottom:0;right:0}.ppr-result-plan{border:1px solid #ccc;justify-content:center;align-items:center;display:flex;position:absolute;inset:30px 220px 40px 30px}.ppr-result-keyplan{color:#666;border:1px solid #999;width:80px;height:80px;padding:4px;font-size:6px;position:absolute;top:12px;right:12px}.ppr-result-close{background:var(--blue);color:#fff;cursor:pointer;height:36px;font-size:12px;font-weight:600;font-family:var(--font);border:none;border-radius:18px;margin-top:16px;margin-left:auto;margin-right:auto;padding:0 24px;display:block}.ppr-result-stats{justify-content:center;gap:12px;margin-top:12px;display:flex}.ppr-result-stat{color:var(--dim);font-size:9px}.ppr-result-stat strong{color:var(--fg)}