:root{color-scheme:light;--canvas: #f7f4ee;--surface: #fffdf8;--surface-muted: #f0ece4;--text: #24211c;--muted: #70695f;--faint: #948b7d;--border: #dfd8cc;--border-strong: #c8bba8;--accent: #9b6b2f;--accent-soft: #fbf0dd;--support-bg: #8f642d;--support-text: #fff9ee;--support-hover: #714d20;--heart-idle: #fff9ee;--heart-pink: #e95f98;--tutorial-bg: #fff7e8;--tutorial-hover: #f7ead4;--file-bg: #fbf8f2;--table-head: #f4efe6;--action-hover: #38332b;--disabled-bg: #d4ccbf;--disabled-text: #82786b;--button-mark-bg: rgba(255, 253, 248, .14);--good: #2f6846;--good-soft: #edf4ec;--warn: #8a5f16;--warn-soft: #fbf3db;--bad: #943c35;--bad-soft: #fdebea;--focus: #7c5525;font-family:Geist Sans,Satoshi,Aptos,Segoe UI Variable,system-ui,sans-serif;background:var(--canvas);color:var(--text);font-size:16px;font-variant-numeric:tabular-nums}:root[data-resolved-theme=dark]{color-scheme:dark;--canvas: #171512;--surface: #211e19;--surface-muted: #2a261f;--text: #f4eadc;--muted: #c8bba8;--faint: #9f907b;--border: #463c30;--border-strong: #665642;--accent: #d4a15d;--accent-soft: #332919;--support-bg: #f0bd74;--support-text: #1c1710;--support-hover: #ffd79a;--heart-idle: #1c1710;--heart-pink: #ff70ad;--tutorial-bg: #2b241a;--tutorial-hover: #3a2f20;--file-bg: #1d1a16;--table-head: #28231d;--action-hover: #ead9bd;--disabled-bg: #3a342b;--disabled-text: #867867;--button-mark-bg: rgba(23, 21, 18, .18);--good: #95cf9e;--good-soft: #1e2b20;--warn: #ddb864;--warn-soft: #352b17;--bad: #e89b91;--bad-soft: #3a1f1c;--focus: #d4a15d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100dvh;background:var(--canvas)}button,input,kbd{font:inherit}button{border:0}button,label,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,summary:focus-visible,label:focus-within{outline:2px solid var(--focus);outline-offset:3px}h1,h2,p{margin:0}kbd{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid var(--border-strong);border-radius:5px;background:var(--surface);color:var(--text);font-family:Geist Mono,SF Mono,JetBrains Mono,Consolas,monospace;font-size:.78rem;white-space:nowrap}.skip-link{position:absolute;left:18px;top:12px;z-index:2;transform:translateY(-160%);padding:8px 12px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface);color:var(--text);text-decoration:none;transition:transform .18s cubic-bezier(.16,1,.3,1)}.theme-switcher{align-self:end;justify-self:end;display:flex;gap:2px;inline-size:max-content;padding:4px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 94%,transparent);box-shadow:0 10px 26px #46392714}.theme-choice{min-height:32px;padding:0 10px;border-radius:5px;background:transparent;color:var(--muted);font-size:.75rem;font-weight:720;cursor:pointer;transition:background .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.theme-choice:hover{color:var(--text);background:var(--surface-muted)}.theme-choice:active{transform:scale(.98)}.theme-choice.is-active{background:var(--text);color:var(--surface)}.skip-link:focus{transform:translateY(0)}.app-shell{width:min(980px,calc(100vw - 32px));min-height:100dvh;margin:0 auto;padding:46px 0 34px}.injector{display:grid;gap:16px}.hero-panel,.command-panel,.result-card{border:1px solid var(--border);border-radius:8px;background:var(--surface)}.hero-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:stretch;padding:32px}.hero-copy{display:grid;gap:12px;max-width:680px}.eyebrow,.section-label{color:var(--accent);font-size:.73rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}h1{max-width:720px;color:var(--text);font-size:clamp(2.2rem,5vw,4.5rem);font-weight:760;letter-spacing:0;line-height:.98;text-wrap:balance}h2{color:var(--text);font-size:clamp(1.35rem,2.5vw,2.1rem);font-weight:720;letter-spacing:0;line-height:1.08;text-wrap:balance}.hero-text,.result-copy,.action-help,.page-footer{color:var(--muted);font-size:.98rem;line-height:1.6}.hero-text,.result-copy{max-width:64ch}.related-tools{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:2px}.related-tools-label{color:var(--faint);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.related-tool-button{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border:1px solid var(--border-strong);border-radius:6px;background:var(--surface-muted);color:var(--text);font-size:.82rem;font-weight:800;line-height:1;text-decoration:none;transition:background .14s ease,border-color .14s ease,transform .14s ease}.related-tool-button:hover{border-color:var(--accent);background:var(--accent-soft)}.related-tool-button:active{transform:scale(.98)}.related-tool-button:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.hero-actions{display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:18px;min-width:216px}.hero-action-buttons,.readiness{display:grid;gap:8px}.support-button,.tutorial-button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:0 16px;border-radius:6px;font-size:.88rem;font-weight:850;letter-spacing:.02em;text-decoration:none;cursor:pointer;transition:background .18s cubic-bezier(.16,1,.3,1),color .18s cubic-bezier(.16,1,.3,1),border-color .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.support-button{border:1px solid color-mix(in srgb,var(--support-bg) 76%,var(--border));background:var(--support-bg);color:var(--support-text)}.support-button:hover{background:var(--support-hover)}.tutorial-button{border:1px solid var(--border-strong);background:var(--tutorial-bg);color:var(--text)}.tutorial-button:hover{border-color:var(--accent);background:var(--tutorial-hover)}.support-button:active,.tutorial-button:active{transform:scale(.98)}.support-button:focus-visible,.tutorial-button:focus-visible,.modal-close:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.support-heart{flex:0 0 auto;inline-size:18px;block-size:18px;color:var(--heart-idle);transition:color .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.support-heart path{fill:transparent;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;transition:fill .18s cubic-bezier(.16,1,.3,1),stroke .18s cubic-bezier(.16,1,.3,1)}.support-button:hover .support-heart{color:var(--heart-pink);animation:heart-wiggle .56s cubic-bezier(.16,1,.3,1);transform:scale(1.08)}.support-button:hover .support-heart path{fill:var(--heart-pink);stroke:var(--heart-pink)}.action-icon{flex:0 0 auto;inline-size:18px;block-size:18px}.action-icon path{fill:currentColor}@keyframes heart-wiggle{0%{transform:rotate(0) scale(1)}18%{transform:rotate(-12deg) scale(1.08)}36%{transform:rotate(10deg) scale(1.1)}54%{transform:rotate(-7deg) scale(1.08)}72%{transform:rotate(4deg) scale(1.06)}to{transform:rotate(0) scale(1.08)}}.status-badge,.state-chip{border:1px solid var(--border);border-radius:999px;background:var(--surface-muted)}.status-badge{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:0 12px}.status-badge span,.summary-metric span{color:var(--faint);font-size:.76rem}.status-badge strong{font-size:.78rem;font-weight:760}.status-good{background:var(--good-soft);color:var(--good)}.status-warn{background:var(--warn-soft);color:var(--warn)}.command-panel{display:grid;gap:14px;padding:16px}.command-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,auto);gap:10px;align-items:stretch}.file-command{position:relative;display:grid;gap:6px;min-height:86px;padding:18px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--file-bg);cursor:pointer;transition:border-color .18s cubic-bezier(.16,1,.3,1),background .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.file-command:hover,.file-command.is-dragging{border-color:var(--accent);background:var(--accent-soft)}.file-command:active{transform:scale(.995)}.file-command input{position:absolute;inline-size:1px;block-size:1px;opacity:0;pointer-events:none}.file-label{color:var(--text);font-size:1.1rem;font-weight:760}.file-name{max-width:100%;color:var(--muted);font-size:.9rem;overflow-wrap:anywhere}.primary-action{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:86px;padding:0 18px 0 20px;border-radius:6px;background:var(--text);color:var(--surface);font-weight:760;cursor:pointer;transition:background .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.primary-action:hover:not(:disabled){background:var(--action-hover)}.primary-action:active:not(:disabled){transform:scale(.98)}.primary-action:disabled{cursor:not-allowed;background:var(--disabled-bg);color:var(--disabled-text)}.button-mark{display:grid;place-items:center;inline-size:30px;block-size:30px;border-radius:6px;background:var(--button-mark-bg);font-family:Geist Mono,SF Mono,Consolas,monospace;font-size:1.1rem}.scale-control{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,34%);gap:16px;align-items:center;padding:14px 16px;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.scale-copy{display:grid;gap:4px}.scale-label{color:var(--text);font-size:.92rem;font-weight:760}.scale-help{color:var(--muted);font-size:.86rem;line-height:1.45}.scale-input-row{display:grid;grid-template-columns:minmax(0,1fr) 58px;gap:12px;align-items:center}.scale-input-row input{width:100%;accent-color:var(--accent);cursor:pointer}.scale-input-row strong{color:var(--text);font-variant-numeric:tabular-nums;text-align:right}.action-help{font-size:.9rem}.helper-callout{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:space-between;padding:12px;border:1px solid #ead8a8;border-radius:8px;background:var(--warn-soft);color:var(--warn);font-size:.9rem}.result-card{display:grid;gap:22px;padding:28px}.result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.result-heading>div{display:grid;gap:8px}.state-chip{flex:0 0 auto;padding:7px 12px;font-size:.72rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.state-idle{background:var(--surface-muted);color:var(--muted)}.state-safe{background:var(--good-soft);color:var(--good)}.state-patch{background:var(--warn-soft);color:var(--warn)}.state-danger{background:var(--bad-soft);color:var(--bad)}.summary-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.summary-metric{display:grid;gap:8px;min-height:76px;padding:16px 18px;border-right:1px solid var(--border)}.summary-metric:last-child{border-right:0}.summary-metric strong{color:var(--text);font-size:1.04rem;font-weight:740;overflow-wrap:anywhere}.status-list{display:grid;gap:8px}.status-line{position:relative;padding-left:18px;color:var(--muted);font-size:.9rem;line-height:1.45}.status-line:before{content:"";position:absolute;left:0;top:.58em;inline-size:7px;block-size:7px;border-radius:50%;background:var(--border-strong)}.status-line-good:before{background:var(--good)}.status-line-warn:before{background:var(--warn)}.status-line-bad{color:var(--bad)}.status-line-bad:before{background:var(--bad)}.technical-details{border-top:1px solid var(--border);padding-top:12px}.technical-details summary{width:max-content;max-width:100%;color:var(--accent);font-size:.9rem;font-weight:720;cursor:pointer}.conflict-table-wrap{max-height:360px;margin-top:12px;overflow:auto;border:1px solid var(--border);border-radius:8px;background:var(--surface)}.conflict-table{width:100%;border-collapse:collapse;font-size:.78rem}.conflict-table th,.conflict-table td{padding:11px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top;overflow-wrap:anywhere}.conflict-table th{position:sticky;top:0;z-index:1;background:var(--table-head);color:var(--muted);font-size:.7rem;letter-spacing:.06em;text-transform:uppercase}.conflict-table tr:last-child td{border-bottom:0}.page-footer{padding:4px 2px 0;font-size:.76rem}.page-footer a{color:var(--accent);font-weight:740;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.page-footer a:hover{color:var(--text)}.page-footer a:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.tutorial-overlay{position:fixed;inset:0;z-index:10;display:grid;place-items:center;padding:24px;background:#171512ad}.tutorial-dialog{display:grid;grid-template-rows:auto auto minmax(0,1fr);gap:16px;width:min(900px,100%);max-height:min(88dvh,780px);overflow:hidden;padding:18px;border:1px solid var(--border-strong);border-radius:8px;background:var(--surface);color:var(--text);box-shadow:0 24px 70px #17151257}.tutorial-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.tutorial-header>div{display:grid;gap:6px}.tutorial-copy{max-width:68ch;color:var(--muted);font-size:.94rem;line-height:1.55}.modal-close{display:grid;place-items:center;flex:0 0 auto;inline-size:38px;block-size:38px;border:1px solid var(--border);border-radius:6px;background:var(--surface-muted);color:var(--text);cursor:pointer;transition:background .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1)}.modal-close:hover{background:var(--tutorial-hover)}.modal-close:active{transform:scale(.96)}.close-icon{inline-size:19px;block-size:19px}.close-icon path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.tutorial-media{display:grid;place-items:center;min-height:0;padding:10px;overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface-muted)}.tutorial-media img{display:block;width:auto;max-width:100%;max-height:min(54dvh,520px);height:auto;object-fit:contain}@media(max-width:780px){.app-shell{width:min(100vw - 20px,620px);padding:18px 0 96px}.hero-panel,.command-main,.result-heading,.scale-control,.summary-grid{grid-template-columns:1fr}.hero-panel,.result-card{padding:22px}.readiness{grid-template-columns:1fr 1fr;min-width:0}.hero-actions{min-width:0}.hero-action-buttons{grid-template-columns:1fr 1fr}.command-panel{position:sticky;bottom:10px;z-index:2;box-shadow:0 12px 30px #46392714}.primary-action,.file-command{min-height:72px}.summary-metric{min-height:auto;border-right:0;border-bottom:1px solid var(--border)}.summary-metric:last-child{border-bottom:0}}@media(max-width:480px){.app-shell{width:calc(100vw - 16px);padding-top:8px}.hero-panel,.result-card{padding:18px}.readiness,.hero-action-buttons{grid-template-columns:1fr}h1{font-size:clamp(2rem,14vw,3rem)}.helper-callout{align-items:flex-start;flex-direction:column}.theme-choice{padding:0 8px}.tutorial-overlay{padding:10px}.tutorial-dialog{max-height:calc(100dvh - 20px);padding:14px}.tutorial-media img{max-height:calc(100dvh - 220px)}}