:root{--bg:#f7f9fc;--ink:#172a43;--muted:#74849d;--line:#e2eaf5;--blue:#2774e7;--card:#fff;--soft:#f7faff;--green:#138765;--red:#c34a56;--amber:#93610e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8bb8fa;outline-offset:2px}button:not(:disabled):hover{filter:brightness(.97)}[hidden]{display:none!important}.shell{width:min(1440px,calc(100% - 64px));margin:0 auto}.visually-hidden{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden;white-space:nowrap}.skip{position:absolute;left:8px;top:-100px;padding:10px;background:#fff;z-index:99}.skip:focus{top:8px}.site-header{background:#ffffffdd;border-bottom:1px solid var(--line)}.header-inner{height:76px;display:flex;align-items:center;gap:42px}.brand{font-size:21px;font-weight:730;letter-spacing:-.8px;display:flex;align-items:center;gap:10px}.brand strong{color:var(--blue)}.brand-symbol{display:grid;place-items:center;width:37px;height:37px;background:#d7e9ff;color:#2280ec;border-radius:11px;font-size:25px;font-weight:850}.header-inner nav{display:flex;gap:24px;color:#62748e;font-size:13px;font-weight:550}.private{margin-left:auto;color:#6d8299;font-size:11px;white-space:nowrap}.private-dot{width:7px;height:7px;background:#32bc91;border-radius:50%;display:inline-block;margin-right:8px}.hero{display:grid;grid-template-columns:1fr 280px;gap:35px;align-items:center;padding:59px 26px 43px}.eyebrow,.overline{font-size:10px;font-weight:780;letter-spacing:2px;color:#7590b2}.eyebrow span{margin:0 6px;color:#b8c6d9}.hero h1{font-size:clamp(35px,4vw,53px);font-weight:760;line-height:1.12;letter-spacing:-2px;margin:15px 0 13px}.hero h1 em{font-style:normal;color:var(--blue)}.hero p{color:#697c98;font-size:15px;line-height:1.8;margin:0;max-width:670px}.hero-chips{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.hero-chips span{border:1px solid #dfe8f5;background:#fff;border-radius:30px;color:#637d9e;font-size:11px;padding:6px 12px;font-weight:650}.hero-art{background:#fff;border:1px solid #e4ebf5;border-radius:20px;padding:20px;box-shadow:0 16px 40px #2345670d}.art-foot,.art-head{display:flex;justify-content:space-between;gap:6px;font-size:9px;color:#91a0b6;font-weight:700;letter-spacing:1px}.art-foot{letter-spacing:0;margin-top:17px}.art-row{display:flex;gap:12px;margin-top:17px}.art-row i{display:block;height:7px;flex:1;border-radius:5px;background:linear-gradient(90deg,#d1e0f3 78%,transparent 78%)}.art-row i:last-child{background:linear-gradient(90deg,#d1e0f3 66%,transparent 66%)}.art-row i.green{background:#c9f0de}.art-row i.red{background:#f7d7d8}.studio{background:#fff;border:1px solid #dfe7f2;border-radius:20px;box-shadow:0 16px 55px #2345670a;overflow:hidden}.studio-top{padding:23px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:14px}.workspace-title{font-size:20px;font-weight:760;letter-spacing:-.6px;margin:7px 0 2px}.subtle{font-size:11px;color:#8a9ab0}.local-tag{font-size:9px;letter-spacing:1px;color:#23866c;background:#e4f6ee;padding:4px 7px;border-radius:5px;margin-left:8px}.config-bar,.export-bar,.result-toolbar,.top-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.btn{padding:8px 13px;background:#fff;border:1px solid #dce5f2;border-radius:9px;color:#526780;font-size:12px;font-weight:650;min-height:38px}.btn.soft{background:#f2f7fe}.btn.primary{background:var(--blue);color:#fff;border-color:var(--blue);padding:10px 20px}.btn.danger{color:#b4575a}.inputs-grid{display:grid;grid-template-columns:1fr 1fr}.source-panel{padding:24px 26px;min-width:0}.source-panel:first-child{border-right:1px solid var(--line)}.source-heading{display:flex;align-items:center;gap:11px;min-width:0;margin-bottom:16px}.version-indicator{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;font-size:12px;font-weight:800;flex:none}.version-indicator.old{background:#edf3fb;color:#56789e}.version-indicator.new{background:#e5f0ff;color:#2072dc}.source-heading h2{margin:0;font-size:14px;font-weight:730}.source-heading p{margin:1px 0 0;color:#9aa8bb;font-size:11px}.file-meta{margin-left:auto;font-size:10px;color:#8ca0b8;overflow:hidden;text-overflow:ellipsis;max-width:190px;white-space:nowrap}.dropzone{display:grid;place-items:center;text-align:center;gap:3px;padding:17px 9px;border:1.5px dashed #c8d9ee;border-radius:11px;background:#f9fbff;cursor:pointer;color:#367bcf}.dropzone.drag,.dropzone:hover{background:#eaf4ff;border-color:#5c9bec}.dropzone strong{font-size:12px}.dropzone span{font-size:10px;color:#96a7bb}.editor-label{display:block;margin:15px 0 7px;font-size:11px;color:#60738d;font-weight:700}.source-panel textarea{min-height:153px;display:block;resize:vertical;width:100%;padding:13px;color:#344961;font-size:12px;line-height:1.55;background:#fff;border:1px solid #dce5f2;border-radius:10px;font-family:ui-monospace,Consolas,monospace}.source-note{font-size:11px;color:#8a7990;margin:8px 0 0;min-height:17px;line-height:1.6}.config-bar{padding:14px 25px;background:#fafdff;border-block:1px solid var(--line)}.config-bar label,.result-toolbar label{display:flex;align-items:center;gap:7px;font-size:11px;color:#677d96;font-weight:620}.config-bar select,.result-toolbar select{border:1px solid #dae5f3;border-radius:8px;padding:7px 23px 7px 9px;color:#3c526e;background:#fff;max-width:180px}.check{white-space:nowrap}.check input{accent-color:#2774e7}.config-spacer{flex:1}.message{padding:15px 25px;background:#f1f6ff;color:#567398;font-size:12px;line-height:1.6;border-bottom:1px solid #e0e9f6}.message.error{background:#fff2f0;color:#a4454d}.message.busy{background:#fff8e9;color:#825b16}.results-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 27px 14px}.results-top h2{font-size:21px;letter-spacing:-.7px;margin:5px 0 0}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:0 26px 23px}.metrics>div{border:1px solid #e7edf6;background:#f8faff;border-radius:11px;padding:14px}.metrics span{font-size:10px;color:#8fa0b7;display:block}.metrics strong{font-size:24px;letter-spacing:-.5px;display:block;margin-top:3px;color:#285f9f}.metrics strong.add{color:var(--green)}.metrics strong.remove{color:var(--red)}.metrics strong.modify{color:var(--amber)}.result-toolbar{padding:13px 24px;border-block:1px solid var(--line);background:#fcfdff}.result-toolbar [role=tablist]{display:flex;border:1px solid #e2ebf7;border-radius:9px;padding:3px;background:#f4f8ff;gap:3px}.view{background:0 0;border:1px solid transparent;border-radius:7px;padding:7px 10px;color:#7890aa;font-size:11px;font-weight:700}.view.selected{color:#216edb;background:#fff;border-color:#dfe7f3;box-shadow:0 1px 6px #1c4b8210}.position{min-width:46px;text-align:center;font-size:11px;color:#8195af}.comparison-layout{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:270px}.changes-sidebar{border-right:1px solid var(--line);background:#fcfdff;min-width:0}.sidebar-title{font-size:11px;color:#5e7290;font-weight:760;padding:18px 17px 12px}.change-list{max-height:530px;overflow:auto;padding:0 9px 12px}.change-item{display:block;width:100%;text-align:left;border:1px solid transparent;background:0 0;border-radius:8px;padding:10px 9px;margin-bottom:3px;font-size:11px;color:#72839b}.change-item.selected,.change-item:hover{background:#eff5ff;border-color:#dce9fb}.change-item strong{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:2px}.change-item .insert{color:#238b68}.change-item .delete{color:#c5525b}.change-item .replace{color:#a77618}.change-item span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.diff-view{padding:15px 19px;max-height:560px;overflow:auto;min-width:0}.diff-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid #ebf0f7;scroll-margin-top:10px}.diff-grid>*{min-width:0}.diff-cell{padding:12px 13px;border-right:1px solid #e9eff7;font-size:12px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;min-height:34px;color:#44576c}.diff-cell:last-child{border-right:0}.diff-grid:first-child{background:#f2f7fe;font-weight:750;color:#647b9c;font-size:11px}.diff-grid.insert .diff-cell:last-child,.unified.insert{background:#e8f7ef}.diff-grid.delete .diff-cell:first-child,.unified.delete{background:#fff0f1}.diff-grid.replace .diff-cell{background:#fffaf0}.diff-grid.active,.unified.active{outline:2px solid #69a3ee;outline-offset:-2px}.empty-side{color:#c0ccdc;font-style:italic}.inline-del{background:#ffcfd4;color:#9c2e41;text-decoration:line-through;border-radius:2px}.inline-add{background:#bff0d5;color:#166e50;border-radius:2px}.unified{font-size:12px;color:#4e627c;padding:13px 18px;border-bottom:1px solid #edf1f7;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;scroll-margin-top:10px}.line-prefix{display:inline-block;width:24px;font-weight:850;color:#9eafc2}.unified .oldline{display:block;background:#fff0f1;margin:4px -8px;padding:2px 8px}.unified .newline{display:block;background:#e8f7ef;margin:4px -8px;padding:2px 8px}.unified .same{display:block}.empty-result{padding:40px 20px;color:#8195ad;text-align:center}.more{display:block;margin:9px auto 21px}.export-bar{padding:21px 24px;background:#fafcff;border-top:1px solid var(--line)}.export-bar>div{margin-right:auto;display:grid}.export-bar strong{font-size:12px}.export-bar span{font-size:10px;color:#90a0b4}.guide{padding:80px 10px}.guide h2{font-size:30px;letter-spacing:-1px;margin:11px 0}.guide>p{color:#72839d;line-height:1.8;max-width:800px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:29px 0}.guide-grid article{background:#fff;border:1px solid #e5ebf4;border-radius:15px;padding:24px}.step{font-size:12px;color:#2e78e4;font-weight:800}.guide-grid h3{font-size:15px;margin:15px 0 7px}.guide-grid p{font-size:12px;color:#8392a7;line-height:1.7;margin:0}.guide .disclaimer{font-size:11px;color:#8492a6;line-height:1.8;max-width:1100px}footer{background:#fff;border-top:1px solid var(--line)}.footer-content{display:flex;justify-content:space-between;gap:12px;padding:24px 0;color:#98a4b5;font-size:11px}@media(max-width:1060px){.comparison-layout{grid-template-columns:175px minmax(0,1fr)}.result-toolbar .config-spacer{display:none}.hero{grid-template-columns:1fr 210px}}@media(max-width:780px){.shell{width:calc(100% - 24px)}.header-inner{height:65px;gap:18px}.header-inner nav{gap:12px;font-size:11px}.private{display:none}.hero{display:block;padding:36px 12px}.hero h1{font-size:38px}.hero-art{display:none}.studio-top{padding:18px;flex-wrap:wrap}.inputs-grid{grid-template-columns:1fr}.source-panel{padding:17px}.source-panel:first-child{border-right:0;border-bottom:1px solid var(--line)}.config-bar{padding:14px 16px}.config-bar .compare{width:100%}.config-spacer{display:none}.results-top{padding:20px 17px}.metrics{padding:0 15px 17px;gap:6px}.metrics>div{padding:10px}.metrics strong{font-size:20px}.result-toolbar{padding:12px;gap:10px}.comparison-layout{grid-template-columns:1fr}.changes-sidebar{border-right:0;border-bottom:1px solid var(--line)}.change-list{display:flex;max-height:110px;overflow-x:auto;gap:7px}.change-item{min-width:165px;max-width:200px;flex:none}.diff-view{padding:10px;max-height:570px}.diff-cell{font-size:11px;padding:9px 6px}.export-bar{padding:16px}.export-bar>div{width:100%}.export-bar .btn{flex:1}.guide{padding:60px 4px}.guide-grid{grid-template-columns:1fr}.footer-content{flex-wrap:wrap}}@media(max-width:380px){.shell{width:calc(100% - 14px)}.brand{font-size:18px}.brand-symbol{width:32px;height:32px;font-size:21px}.header-inner nav{font-size:10px}.hero h1{font-size:33px}.metrics span{font-size:9px}.metrics strong{font-size:18px}.config-bar{gap:10px 14px}.config-bar label{font-size:10px}}@media print{body{background:#fff}.changes-sidebar,.config-bar,.export-bar,.guide,.hero,.inputs-grid,.message,.more,.result-toolbar,.site-header,.studio-top,footer{display:none!important}.shell{width:100%}.studio{border:0;box-shadow:none}.results{display:block!important}.results-top{padding:0 0 15px}.comparison-layout{display:block}.diff-view{max-height:none;overflow:visible}.diff-grid,.unified{break-inside:avoid}.diff-cell{border:1px solid #d5dbe4}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.review-controls{display:grid;gap:6px;padding:0 11px 13px;border-bottom:1px solid var(--line)}.review-controls label,.review-inspector label:not(.check){font-size:11px;font-weight:750;color:#5b708c}.review-controls input,.review-controls select,.review-inspector textarea{width:100%;min-width:0;min-height:34px;border:1px solid #d8e4f3;border-radius:8px;background:#fff;color:var(--ink);padding:7px 9px;outline-offset:2px}.review-controls .review-progress{font-size:11px;line-height:1.5;color:#2865b4;background:#edf5ff;border-radius:7px;padding:7px 9px;margin-top:4px}.review-inspector{padding:13px 11px 16px;background:#f7faff;border-top:1px solid #e2ebf6;display:grid;gap:9px}.review-inspector>strong{font-size:12px;color:var(--ink)}.review-inspector>span{font-size:11px;color:#637b99;overflow-wrap:anywhere}.review-inspector .check{display:flex;gap:7px;align-items:center;font-size:11px;color:#455d78}.review-inspector textarea{resize:vertical;min-height:78px;font:12px/1.5 inherit}.review-inspector small{font-size:10px;line-height:1.6;color:var(--muted)}.file-action{display:inline-flex;justify-content:center;align-items:center;cursor:pointer}.diff-grid[role=button],.unified[role=button]{cursor:pointer}.diff-grid[role=button]:focus-visible,.unified[role=button]:focus-visible{outline:3px solid #85b4fa;outline-offset:-3px}@media(max-width:780px){.review-controls{grid-template-columns:1fr 1fr;align-items:center;gap:8px}.review-controls label[for=change-search],.review-controls label[for=review-filter]{grid-row:1}.review-controls #change-search,.review-controls #review-filter{grid-row:2}.review-controls .review-progress{grid-column:1/-1;margin:0}.review-inspector{grid-template-columns:1fr 1fr;gap:8px}.review-inspector small,.review-inspector strong,.review-inspector textarea,.review-inspector>span{grid-column:1/-1}.review-inspector .check{grid-column:1/-1}.changes-sidebar .change-list{max-height:160px}}@media print{.review-controls,.review-inspector{display:none!important}}.print-review-notes{display:none}@media print{.print-review-notes{display:block!important;margin-top:28px;border-top:2px solid #dbe8f8;padding-top:18px}.print-review-notes h2{font-size:19px}.print-review-notes section{border:1px solid #dce5f2;padding:12px;margin:12px 0;break-inside:avoid}.print-review-notes pre{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.5 ui-monospace,monospace}}.compact-hero{padding-block:20px!important;min-height:0!important}.compact-hero .hero-art{max-height:145px;overflow:hidden}.compact-hero h1{font-size:clamp(26px,3.1vw,39px)}.compact-hero p{margin:7px 0}.compact-hero .hero-chips{margin-top:7px}.export-scope select,.review-inspector select{width:100%;min-width:0;max-width:210px;border:1px solid #d8e4f3;border-radius:8px;background:#fff;color:var(--ink);padding:8px}.export-scope{display:flex;flex-direction:column;gap:4px;flex:none;font-size:11px;font-weight:650;color:#5b708c}.export-bar{flex-wrap:wrap;gap:9px}.export-bar>div{min-width:160px}.review-inspector .check{grid-column:1/-1}@media(max-width:780px){.compact-hero{padding:16px 4px!important}.compact-hero .hero-chips{display:none}.export-bar .export-scope{flex:1 1 100%}.export-scope select{max-width:none}}@media(max-width:420px){.shell{width:calc(100% - 12px)}.header-inner{height:auto;min-height:65px;flex-wrap:wrap;gap:8px}.pk-search-field,.pk-site-search{min-width:0;max-width:100%;flex:1 1 130px}.pk-search-field input{min-width:0;width:100%}.export-bar,.hero,.result-toolbar,.site-header,.source-panel,.studio{max-width:100%;min-width:0}.studio-top,.top-actions{flex-wrap:wrap}.config-bar{flex-wrap:wrap}.result-toolbar{flex-wrap:wrap}}@media(max-width:420px){footer.pk-studio-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;padding:12px;max-width:100%;overflow-x:clip}footer.pk-studio-footer nav{width:100%;min-width:0;display:flex;flex-wrap:wrap;justify-content:center;gap:8px}footer.pk-studio-footer nav a{white-space:nowrap}footer.pk-studio-footer small{white-space:normal;text-align:center}}