:root{--navy:#10283b;--navy-deep:#071a2b;--navy-soft:#284258;--ink:#132535;--muted:#6c7d8a;--line:#d9e2e6;--paper:#ffffff;--canvas:#f4f7f6;--mint:#08bd8c;--mint-dark:#037a61;--mint-soft:#e4f9f2;--coral:#f54a5e;--coral-dark:#a51e31;--coral-soft:#fff0f2;--amber:#f2b84b;--blue-soft:#e8f2f8;--radius:18px;--shadow:0 20px 65px rgba(17,42,60,0.1),0 2px 8px rgba(17,42,60,0.05);--font-sans:ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;--font-mono:ui-monospace,"SFMono-Regular",Consolas,"Liberation Mono",monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);color:var(--ink);font-family:var(--font-sans)}button,input,select,textarea{font:inherit}button,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(8,189,140,.32);outline-offset:2px}a,button{color:inherit}a{text-decoration:none}.app-shell{min-height:100vh;background:radial-gradient(circle at 50% -20%,rgba(34,200,155,.11),transparent 32rem),linear-gradient(180deg,#f9fbfa,#f2f6f5 55%,#eef4f2)}.topbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(249,251,250,.86);border-bottom:1px solid rgba(16,40,59,.08);display:grid;grid-template-columns:1fr auto 1fr;min-height:70px;padding:10px max(22px,calc((100vw - 1500px) / 2));position:sticky;top:0;z-index:40}.brand,.topbar{align-items:center}.brand{display:inline-flex;font-size:22px;font-weight:710;letter-spacing:-.045em;justify-self:start}.brand strong{color:var(--mint);font-weight:740}.brand-icon{border-radius:12px;box-shadow:0 6px 18px rgba(6,26,43,.18);height:42px;margin-right:10px;object-fit:cover;width:42px}.privacy-pill{align-items:center;background:rgba(255,255,255,.78);border:1px solid rgba(8,189,140,.2);border-radius:999px;color:var(--mint-dark);display:flex;font-size:12px;font-weight:680;gap:7px;padding:8px 13px}.privacy-pill small{border-left:1px solid #d9e7e2;color:var(--muted);font-weight:500;margin-left:2px;padding-left:9px}.desktop-nav{display:flex;gap:22px;justify-self:end}.desktop-nav a{color:var(--muted);font-size:13px;font-weight:620}.desktop-nav a:hover{color:var(--ink)}.mobile-menu,.mobile-menu-button{display:none!important}.intro{align-items:end;display:grid;gap:38px;grid-template-columns:1fr minmax(300px,540px);margin:0 auto;max-width:1500px;padding:38px 28px 22px}.eyebrow{color:var(--mint-dark);font-size:11px;font-weight:760;letter-spacing:.13em;margin:0 0 8px;text-transform:uppercase}.intro h1{color:var(--navy-deep);font-size:clamp(34px,4vw,58px);letter-spacing:-.055em;line-height:.98;margin:0}.intro>p{color:#667984;font-size:clamp(14px,1.2vw,17px);line-height:1.55;margin:0 0 2px}.workspace{background:rgba(255,255,255,.72);border:1px solid rgba(16,40,59,.09);border-radius:26px;box-shadow:var(--shadow);margin:0 auto;max-width:1500px;overflow:visible;position:relative;width:calc(100% - 40px)}.workspace-toolbar{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:64px;padding:10px 14px}.view-tabs{background:#eaf0ee;border-radius:13px;display:flex;gap:3px;padding:4px}.view-tabs button{align-items:center;background:transparent;border:0;border-radius:10px;color:var(--muted);cursor:pointer;display:flex;font-size:12px;font-weight:650;gap:7px;min-height:36px;padding:0 12px;transition:.18s ease}.view-tabs button:hover{color:var(--ink)}.view-tabs button.active{background:white;box-shadow:0 3px 12px rgba(14,39,56,.09);color:var(--navy)}.toolbar-actions{align-items:center;display:flex;gap:8px}.editor-utilities button,.icon-button,.toolbar-button{align-items:center;background:white;border:1px solid var(--line);border-radius:10px;cursor:pointer;display:inline-flex;font-size:12px;font-weight:630;gap:7px;height:38px;justify-content:center;padding:0 11px;transition:.18s ease}.editor-utilities button:hover,.icon-button:hover,.toolbar-button:hover{border-color:#b9cacb;box-shadow:0 4px 12px rgba(16,40,59,.07);transform:translateY(-1px)}.toolbar-button.active{background:var(--navy);border-color:var(--navy);color:white}.icon-button{padding:0;width:38px}.select-control{align-items:center;background:white;border:1px solid var(--line);border-radius:10px;display:flex;font-size:11px;height:38px;overflow:hidden}.select-control span{color:var(--muted);padding:0 4px 0 10px}.select-control select{appearance:none;background:transparent;color:var(--ink);font-size:12px;height:100%;padding:0 25px 0 3px}.primary-button,.select-control select{border:0;cursor:pointer;font-weight:680}.primary-button{align-items:center;background:linear-gradient(135deg,#153a50,#092337);border-radius:12px;box-shadow:0 8px 20px rgba(7,27,45,.18);color:white;display:inline-flex;font-size:13px;gap:8px;justify-content:center;min-height:44px;padding:0 16px;transition:.18s ease}.primary-button:hover{box-shadow:0 11px 24px rgba(7,27,45,.24);transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.primary-button.compact{border-radius:10px;min-height:38px;padding:0 13px}.primary-button.full{width:100%}.export-wrap{position:relative}.export-menu{animation:reveal .16s ease-out;background:white;border:1px solid var(--line);border-radius:14px;box-shadow:0 22px 60px rgba(9,35,52,.19);display:grid;min-width:250px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:35}.export-menu p{background:#f3f7f5;border-radius:9px;color:var(--muted);font-size:11px;line-height:1.4;margin:0 0 5px;padding:9px}.export-menu button{align-items:center;background:transparent;border:0;border-radius:8px;cursor:pointer;display:flex;font-size:12px;gap:9px;padding:9px;text-align:left}.export-menu button:hover{background:#eff5f2}.editor-grid{align-items:stretch;background:linear-gradient(180deg,rgba(238,244,242,.65),rgba(246,248,247,.55));display:grid;gap:34px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:22px;position:relative}.editor-card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 9px 26px rgba(17,42,60,.07),inset 0 1px 0 white;display:flex;flex-direction:column;min-height:250px;overflow:hidden;position:relative;transition:transform .32s cubic-bezier(.2,.8,.2,1),box-shadow .2s ease}.editor-card:focus-within{border-color:rgba(8,189,140,.5);box-shadow:0 14px 35px rgba(17,42,60,.1),0 0 0 3px rgba(8,189,140,.08);transform:translateY(-2px)}.editor-grid.is-swapping .editor-original{transform:translateX(calc(100% + 34px))}.editor-grid.is-swapping .editor-revised{transform:translateX(calc(-100% - 34px))}.editor-card header{align-items:center;border-bottom:1px solid #e8eeef;display:flex;justify-content:space-between;min-height:49px;padding:8px 11px 8px 15px}.editor-card header>div{align-items:center;display:flex;gap:7px;min-width:0}.editor-card header strong{font-size:13px}.editor-card header small{color:var(--muted);font-size:10px;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-card header button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--muted);cursor:pointer;display:inline-flex;font-size:11px;gap:5px;height:31px;padding:0 7px}.editor-card header button:hover{background:#f0f5f3;color:var(--ink)}.document-dot{border-radius:4px;height:10px;width:10px}.dot-original{background:var(--coral);box-shadow:0 0 0 4px var(--coral-soft)}.dot-revised{background:var(--mint);box-shadow:0 0 0 4px var(--mint-soft)}.editor-card textarea{background:transparent;border:0;color:#223847;flex:1 1;font-size:14px;line-height:1.65;min-height:180px;outline:0;padding:17px;resize:vertical;width:100%}.editor-card textarea::placeholder{color:#9aabb3}.editor-card footer{background:#fbfcfc;border-top:1px solid #e8eeef;color:var(--muted);font-size:10px;gap:14px;min-height:35px;padding:0 15px}.editor-card footer,.swap-orb{align-items:center;display:flex}.swap-orb{background:var(--navy-deep);border:4px solid #edf3f1;border-radius:50%;box-shadow:0 8px 24px rgba(7,26,43,.23);color:white;cursor:pointer;height:43px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:.2s ease;width:43px;z-index:4}.swap-orb:hover{transform:translate(-50%,-50%) rotate(180deg) scale(1.05)}.mobile-editor-tabs{display:none}.editor-utilities{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:8px;min-height:52px;padding:7px 22px}.editor-utilities button{background:transparent;border-color:transparent;color:var(--muted);height:34px}.editor-utilities span{align-items:center;color:var(--mint-dark);display:flex;font-size:11px;font-weight:620;gap:6px;margin-left:auto}.result-section{min-height:330px;position:relative}.empty-result{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:370px;padding:40px;text-align:center}.empty-result h2{color:var(--navy);font-size:24px;letter-spacing:-.03em;margin:8px 0}.empty-result>p:not(.eyebrow){color:var(--muted);line-height:1.55;margin:0 0 20px;max-width:520px}.empty-stack{height:62px;margin-bottom:15px;position:relative;width:76px}.empty-stack span{background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 8px 20px rgba(17,42,60,.07);height:52px;left:12px;position:absolute;top:0;transform:rotate(-6deg);width:52px}.empty-stack span:nth-child(2){background:#edf8f4;left:20px;transform:rotate(6deg)}.empty-stack span:nth-child(3){background:linear-gradient(135deg,var(--coral-soft) 0 48%,var(--mint-soft) 52%);left:15px;transform:none}.error-state,.manual-compare,.processing{align-items:center;display:flex;justify-content:center;min-height:330px;padding:40px}.processing{gap:16px}.processing-orb{align-items:center;animation:pulse 1.4s ease-in-out infinite;background:var(--navy);border-radius:50%;color:white;display:flex;height:46px;justify-content:center;width:46px}.error-state,.manual-compare div,.processing div{display:flex;flex-direction:column;gap:4px}.processing small{color:var(--muted)}.manual-compare{gap:26px}.error-state p,.manual-compare p{color:var(--muted);margin:3px 0 0}.manual-compare kbd{background:rgba(255,255,255,.13);border-radius:5px;font-size:10px;padding:3px 5px}.error-state strong{color:var(--coral-dark)}.result-toolbar{align-items:center;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;min-height:62px;padding:10px 15px 10px 20px;position:sticky;top:70px;z-index:20}.result-controls,.result-summary{align-items:center;display:flex;gap:13px}.result-summary strong{font-size:15px}.result-summary span{align-items:center;color:var(--muted);display:flex;font-size:11px;gap:5px}.result-summary i{border-radius:2px;height:8px;width:8px}.legend-add{background:var(--mint)}.legend-remove{background:var(--coral)}.legend-change{background:var(--amber)}.legend-moved{background:#6f75d8}.search-box{align-items:center;background:#f4f7f6;border:1px solid transparent;border-radius:9px;color:var(--muted);display:flex;gap:6px;height:36px;padding:0 10px}.search-box:focus-within{background:white;border-color:#adc8c1}.search-box input{background:transparent;border:0;font-size:11px;outline:0;width:130px}.inline-toggle{align-items:center;color:var(--muted);display:flex;font-size:11px;gap:7px}.toggle{background:#c9d4d7;border:0;border-radius:99px;cursor:pointer;height:20px;padding:2px;transition:.18s ease;width:35px}.toggle span{background:white;border-radius:50%;box-shadow:0 1px 4px rgba(0,0,0,.18);display:block;height:16px;transition:.18s ease;width:16px}.toggle.is-on{background:var(--mint)}.toggle.is-on span{transform:translateX(15px)}.result-controls .icon-button{height:34px;width:34px}.change-position{color:var(--muted);font-size:11px;min-width:35px;text-align:center}.side-diff{display:grid;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);min-height:440px}.side-head{background:#f3f7f5;border-bottom:1px solid var(--line);color:var(--muted);display:grid;font-size:10px;font-weight:720;grid-column:1/-1;grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr);letter-spacing:.08em;text-transform:uppercase}.side-head span{padding:10px 15px}.side-head span:nth-child(2){font-size:8px;padding:11px 0;text-align:center}.side-head span:last-child{text-align:right}.pane{height:min(56vh,620px);overflow:auto;overscroll-behavior:contain;scrollbar-color:#bdc9cc transparent}.pane-left{border-right:1px solid #e1e8ea}.pane-right{border-left:1px solid #e1e8ea}.connector-rail{background:linear-gradient(90deg,#f4f7f6,#fff,#f4f7f6);height:min(56vh,620px);overflow:hidden}.connector,.diff-line{border-bottom:1px solid rgba(218,228,231,.55);height:34px;min-width:max-content}.diff-line{transition:background .18s ease,box-shadow .18s ease}.line-content{align-items:stretch;display:flex;min-height:33px}.line-number{background:rgba(239,244,243,.65);border-right:1px solid #e5ebed;color:#91a0a8;flex:0 0 45px;font-family:var(--font-mono);font-size:10px;justify-content:flex-end;padding:0 9px;-webkit-user-select:none;user-select:none}.line-number,.line-text{align-items:center;display:flex}.line-text{font-size:12px;line-height:33px;min-width:max-content;padding:0 12px;white-space:pre}.line-empty{opacity:.55}.line-added{background:var(--mint-soft);box-shadow:inset 3px 0 0 var(--mint)}.line-removed{background:var(--coral-soft);box-shadow:inset 3px 0 0 var(--coral)}.line-modified{background:#fff9e9;box-shadow:inset 3px 0 0 var(--amber)}.line-moved{background:#f0efff;box-shadow:inset 3px 0 0 #6f75d8}.active-change{box-shadow:inset 4px 0 0 var(--navy),inset 0 0 0 2px rgba(16,40,59,.16)}.token-added{background:#9eead4;border-bottom:2px solid var(--mint-dark);color:#064f40}.token-added,.token-removed{border-radius:3px;padding:2px 1px}.token-removed{background:#ffc4cb;border-bottom:2px solid var(--coral-dark);color:#711626;text-decoration:line-through;text-decoration-thickness:1px}.connector{align-items:center;display:flex;justify-content:center;position:relative}.connector:not(.connector-equal):after,.connector:not(.connector-equal):before{border-top:1px solid;content:"";opacity:.35;position:absolute;top:50%;width:15px}.connector:before{left:2px;transform:rotate(8deg)}.connector:after{right:2px;transform:rotate(-8deg)}.connector span{align-items:center;background:white;border:1px solid;border-radius:99px;display:flex;font-size:10px;font-weight:800;height:20px;justify-content:center;width:20px;z-index:1}.connector-added{color:var(--mint-dark)}.connector-removed{color:var(--coral-dark)}.connector-modified{color:#a56d02}.connector-moved{color:#565bae}.collapsed-row{align-items:center;background:repeating-linear-gradient(-45deg,#f2f5f4,#f2f5f4 5px,#f8faf9 0,#f8faf9 10px);border:0;color:#6f8088;cursor:pointer;display:flex;font-size:10px;font-weight:620;gap:6px;height:34px;justify-content:center;min-width:100%;padding:0 15px;white-space:nowrap}.collapsed-row:hover{color:var(--ink)}.inline-diff{margin:0 auto;max-width:1080px;padding:22px}.context-control{align-items:center;background:#eaf0ee;border-radius:11px;display:flex;gap:3px;margin-bottom:12px;padding:4px;width:max-content}.context-control span{color:var(--muted);font-size:10px;font-weight:680;padding:0 8px}.context-control button,.filter-tabs button{background:transparent;border:0;border-radius:8px;color:var(--muted);cursor:pointer;font-size:10px;padding:7px 9px}.context-control button.active,.filter-tabs button.active{background:white;box-shadow:0 2px 8px rgba(16,40,59,.08);color:var(--ink);font-weight:700}.inline-sheet{background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 40px rgba(16,40,59,.08);min-height:240px;overflow:hidden}.inline-row{border-bottom:1px solid #e8eeef;padding:3px 0;position:relative}.inline-row:last-child{border-bottom:0}.inline-line{align-items:stretch;display:grid;grid-template-columns:28px minmax(0,1fr)}.inline-symbol{align-items:center;color:var(--muted);display:flex;font-family:var(--font-mono);font-size:12px;justify-content:center}.inline-modified .inline-line:nth-of-type(2),.inline-moved .inline-line:nth-of-type(2),.inline-removed .inline-line:first-of-type{background:var(--coral-soft)}.inline-added .inline-line,.inline-modified .inline-line:last-child,.inline-moved .inline-line:last-child{background:var(--mint-soft)}.inline-sheet .line-number{flex-basis:38px}.change-badge{align-items:center;background:white;border:1px solid;border-radius:99px;display:inline-flex;font-size:9px;font-weight:740;gap:4px;left:50%;padding:3px 7px;position:absolute;top:-10px;transform:translateX(-50%);z-index:2}.badge-added{color:var(--mint-dark)}.badge-removed{color:var(--coral-dark)}.badge-modified{color:#8f6204}.badge-moved{color:#5359aa}.search-mark{background:#cde8ff;border:1px solid #70afe0;border-radius:2px;color:inherit;padding:0 1px}.changes-view,.stats-view{padding:22px}.filter-tabs{background:#eaf0ee;border-radius:11px;display:flex;gap:3px;margin-bottom:15px;overflow-x:auto;padding:4px;width:max-content;max-width:100%}.change-cards{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.change-card{background:white;border:1px solid var(--line);border-radius:14px;cursor:pointer;overflow:hidden;padding:0;text-align:left;transition:.18s ease}.change-card:hover{border-color:#adc1c3;box-shadow:0 10px 28px rgba(16,40,59,.08);transform:translateY(-2px)}.change-card header{align-items:center;border-bottom:1px solid #e8eeef;display:flex;gap:9px;min-height:42px;padding:8px 12px;position:relative}.change-card header>span:first-child{font-size:11px;font-weight:760}.change-card header .change-badge{left:auto;position:static;transform:none}.change-card header small{color:var(--muted);font-size:9px;margin-left:auto}.change-card p{align-items:flex-start;display:flex;font-size:12px;gap:8px;line-height:1.45;margin:0;padding:10px 12px}.change-card p svg{flex:0 0 auto;margin-top:2px}.change-removed{background:var(--coral-soft);color:#6c2530}.change-added{background:var(--mint-soft);color:#075f4c}.no-filter-results{color:var(--muted);font-size:13px;padding:30px}.stats-view{display:grid;gap:16px;grid-template-columns:1fr 1fr}.stats-view section{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.stats-view .change-stats{grid-column:1/-1}.stats-grid{display:grid;gap:9px;grid-template-columns:repeat(3,1fr)}.change-stats .stats-grid{grid-template-columns:repeat(4,1fr)}.stat-card{background:#f4f7f6;border-radius:11px;display:flex;flex-direction:column;min-height:90px;padding:13px}.stat-card span{color:var(--muted);font-size:10px}.stat-card strong{color:var(--navy);font-size:24px;letter-spacing:-.04em;margin-top:10px}.stat-card small{color:var(--muted);font-size:9px;line-height:1.35;margin-top:4px}.minimap{background:rgba(255,255,255,.92);border:1px solid var(--line);border-radius:99px;box-shadow:0 8px 22px rgba(16,40,59,.1);height:240px;position:absolute;right:-15px;top:126px;width:10px;z-index:15}.map-mark{border:0;cursor:pointer;height:4px;left:1px;padding:0;position:absolute;width:6px}.map-added{background:var(--mint);border-radius:50%}.map-removed{background:var(--coral)}.map-modified{background:var(--amber);transform:rotate(45deg)}.map-moved{background:#676dcc;border-radius:50%}.statusbar{background:var(--navy-deep);color:rgba(255,255,255,.72);font-size:10px;justify-content:space-between;min-height:36px;padding:0 19px}.statusbar,.statusbar>div{align-items:center;display:flex}.statusbar>div{gap:14px}.statusbar span{align-items:center;display:inline-flex;gap:5px}.status-dot{background:#91a0a8;border-radius:50%;display:inline-block;height:7px;width:7px}.status-ready{background:var(--mint);box-shadow:0 0 0 3px rgba(8,189,140,.16)}.status-comparing{animation:pulse 1s infinite;background:var(--amber)}.status-error{background:var(--coral)}.site-footer{align-items:center;color:var(--muted);display:flex;font-size:11px;justify-content:space-between;margin:0 auto;max-width:1500px;padding:24px 30px 40px}.site-footer>span:last-child{display:flex;gap:17px}.site-footer a:hover{color:var(--ink)}.sheet-backdrop{align-items:stretch;background:rgba(5,20,33,.42);display:flex;inset:0;justify-content:flex-end;position:fixed;z-index:80}.rules-sheet{animation:slideIn .28s cubic-bezier(.2,.8,.2,1);background:#fbfdfc;border:0;box-shadow:-20px 0 70px rgba(5,20,33,.22);margin:0 0 0 auto;max-width:440px;overflow-y:auto;padding:25px;width:100%}.rules-sheet>header{align-items:flex-start;display:flex;justify-content:space-between}.rules-sheet h2{color:var(--navy);font-size:26px;letter-spacing:-.04em;margin:0}.rules-sheet header p:last-child{color:var(--muted);font-size:12px;margin:7px 0 0}.rules-sheet section{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.rules-sheet h3{font-size:12px;margin:0 0 11px}.rules-sheet select{background:white;border:1px solid var(--line);border-radius:10px;color:var(--ink);height:42px;padding:0 10px;width:100%}.rule-list{display:grid;gap:5px}.rule-list>div{align-items:center;background:white;border:1px solid #e1e8e9;border-radius:11px;display:flex;justify-content:space-between;min-height:51px;padding:9px 11px 9px 13px}.rule-list>div>span:first-child{display:flex;flex-direction:column;gap:2px;padding-right:10px}.rule-list strong{font-size:11px}.rule-list small{color:var(--muted);font-size:9px;line-height:1.3}.rules-sheet>.primary-button{margin-top:20px}.toast{align-items:center;animation:toastIn .24s ease-out;background:var(--navy-deep);border:1px solid rgba(255,255,255,.13);border-radius:11px;bottom:26px;box-shadow:0 16px 45px rgba(5,20,33,.25);color:white;display:flex;font-size:12px;gap:8px;left:50%;padding:12px 15px;position:fixed;transform:translateX(-50%);z-index:100}.mobile-bottom{display:none}.code-mode .change-card p,.code-mode .line-text,.code-mode textarea{font-family:var(--font-mono);font-size:12px;tab-size:2}.high-contrast{--mint-soft:#d7ffe9;--coral-soft:#ffe0e4}.high-contrast .line-added{box-shadow:inset 6px 0 0 #007e55}.high-contrast .line-removed{box-shadow:inset 6px 0 0 #b00020}.high-contrast .token-added{outline:1px solid #006d4c}.high-contrast .token-removed{outline:1px solid #9c001d}.info-page{min-height:100vh}.info-topbar{display:flex;justify-content:space-between}.back-link{align-items:center;color:var(--muted);display:inline-flex;font-size:12px;font-weight:630;gap:7px}.info-article{margin:0 auto;max-width:820px;padding:90px 26px}.info-article h1{color:var(--navy-deep);font-size:clamp(40px,6vw,68px);letter-spacing:-.06em;line-height:1;margin:0}.info-intro{color:var(--muted);font-size:18px;line-height:1.6;margin:24px 0}.privacy-callout{align-items:center;background:var(--mint-soft);border:1px solid #b9eadb;border-radius:15px;color:var(--mint-dark);display:flex;gap:13px;margin:32px 0;padding:18px}.privacy-callout div{display:flex;flex-direction:column;gap:3px}.privacy-callout span{font-size:12px}.info-article section{border-top:1px solid var(--line);padding:25px 0}.info-article h2{font-size:20px;letter-spacing:-.025em;margin:0 0 9px}.info-article section p{color:var(--muted);line-height:1.7;margin:0}@keyframes reveal{0%{opacity:0;transform:translateY(-5px)}}@keyframes slideIn{0%{transform:translateX(100%)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}}@keyframes pulse{50%{opacity:.55;transform:scale(.94)}}@media (max-width:1100px){.intro{padding-top:30px}.view-tabs button span{display:none}.view-tabs button{padding:0 10px}.inline-toggle span,.result-summary span:nth-of-type(n+4){display:none}.change-stats .stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:820px){.topbar{grid-template-columns:1fr auto;padding:9px 18px}.privacy-pill{justify-self:end}.desktop-nav,.privacy-pill small{display:none}.mobile-menu-button{display:inline-flex!important;justify-self:end}.topbar>.privacy-pill{display:none}.mobile-menu{background:white;border-bottom:1px solid var(--line);display:flex!important;flex-wrap:wrap;gap:18px;padding:14px 20px;position:sticky;top:63px;z-index:35}.mobile-menu a{font-size:12px;font-weight:650}.mobile-menu span{align-items:center;color:var(--mint-dark);display:flex;font-size:11px;gap:6px;margin-left:auto}.intro{align-items:start;display:flex;flex-direction:column;gap:13px;padding:28px 22px 18px}.workspace{border-radius:20px;width:calc(100% - 24px)}.workspace-toolbar{align-items:stretch;flex-direction:column;gap:8px;overflow:visible;padding:10px}.view-tabs{justify-content:space-between;overflow-x:auto}.view-tabs button span{display:inline}.view-tabs button{flex:1 1;white-space:nowrap}.toolbar-actions{overflow-x:auto;padding-bottom:1px}.toolbar-actions .primary-button{display:none}.export-wrap .export-menu{bottom:76px;left:12px;max-height:70vh;overflow-y:auto;position:fixed;right:12px;top:auto}.editor-grid{display:block;padding:13px}.mobile-editor-tabs{background:#e7eeec;border-radius:11px;display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px;padding:4px}.mobile-editor-tabs button{background:transparent;border:0;border-radius:8px;color:var(--muted);font-size:12px;font-weight:670;min-height:34px}.mobile-editor-tabs button[aria-selected=true]{background:white;box-shadow:0 2px 8px rgba(16,40,59,.09);color:var(--ink)}.editor-card.mobile-hidden,.swap-orb{display:none}.editor-card{min-height:300px}.editor-utilities{overflow-x:auto;padding:7px 13px}.editor-utilities span{display:none}.editor-utilities button{white-space:nowrap}.result-toolbar{align-items:flex-start;flex-direction:column;gap:10px;padding:11px 12px;top:62px}.result-summary{overflow-x:auto;width:100%}.result-controls{width:100%}.search-box{flex:1 1}.search-box input{width:100%}.side-diff{min-width:740px}.result-section{overflow-x:auto}.connector-rail,.pane{height:470px}.change-cards,.stats-view{grid-template-columns:1fr}.stats-view .change-stats{grid-column:auto}.stats-grid{grid-template-columns:repeat(3,1fr)}.statusbar{align-items:flex-start;flex-direction:column;gap:4px;padding:8px 13px}.statusbar>div:last-child{overflow-x:auto;width:100%;white-space:nowrap}.site-footer{padding-bottom:92px}.mobile-bottom{align-items:center;background:rgba(255,255,255,.94);border:1px solid var(--line);border-radius:16px;bottom:10px;box-shadow:0 12px 40px rgba(7,26,43,.18);display:grid;grid-template-columns:repeat(4,1fr);left:12px;overflow:hidden;position:fixed;right:12px;z-index:45}.mobile-bottom button{align-items:center;background:transparent;border:0;color:var(--muted);display:flex;flex-direction:column;font-size:9px;gap:4px;justify-content:center;min-height:58px}.mobile-bottom button:hover{background:#eef5f2;color:var(--navy)}.mobile-bottom button:disabled{opacity:.4}.toast{bottom:80px}}@media (max-width:560px){.brand{font-size:19px}.brand-icon{height:38px;width:38px}.intro h1{font-size:38px}.intro>p{font-size:13px}.view-tabs button{flex-direction:column;font-size:8px;gap:3px;min-height:42px;padding:3px 7px}.toolbar-button{white-space:nowrap}.select-control span{display:none}.select-control select{padding-left:10px}.editor-card header small{max-width:90px}.editor-card header button{padding:0 5px}.editor-card header button:first-child{font-size:0}.editor-card textarea{font-size:16px;min-height:230px}.empty-result{min-height:330px;padding:35px 18px}.empty-result h2{font-size:21px}.result-summary span{display:none}.result-summary strong{font-size:13px}.changes-view,.inline-diff,.stats-view{padding:12px}.inline-sheet .line-text{font-size:11px;padding-right:8px}.context-control{max-width:100%;overflow-x:auto}.change-card header{align-items:flex-start;flex-wrap:wrap}.change-card header small{flex-basis:100%;margin-left:0}.change-stats .stats-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.site-footer{align-items:flex-start;flex-direction:column;gap:12px}.site-footer>span:last-child{flex-wrap:wrap}.rules-sheet{padding:20px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@media print{body{background:white}.editor-grid,.editor-utilities,.intro,.minimap,.mobile-bottom,.result-toolbar,.site-footer,.statusbar,.topbar,.workspace-toolbar{display:none!important}.workspace{border:0;box-shadow:none;margin:0;width:100%}.pane,.result-section{overflow:visible}.pane{height:auto}.side-diff{grid-template-columns:1fr 35px 1fr}.connector,.diff-line{page-break-inside:avoid;break-inside:avoid}}