:root{--ink: #101828;--ink-soft: #344054;--muted: #667085;--page: #f4f6f9;--page-deep: #e8edf4;--surface: #ffffff;--surface-muted: #f8fafc;--border: #e4e7ec;--border-strong: #d0d5dd;--accent: #175cd3;--accent-strong: #1849a9;--accent-soft: #eff4ff;--accent-glow: rgba(23, 92, 211, .16);--danger: #d92d20;--mark: #fef0c7;--shadow: 0 1px 2px rgba(16, 24, 40, .04), 0 8px 24px rgba(16, 24, 40, .05);--radius: 12px;--radius-sm: 8px;--font-ui: "Figtree", ui-sans-serif, sans-serif;--font-brand: "Bricolage Grotesque", "Figtree", sans-serif;--font-mono: "SF Mono", "Cascadia Code", Consolas, "Liberation Mono", monospace;--header-h: 64px;color:var(--ink);background:var(--page);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;margin:0;color:var(--ink);background:radial-gradient(ellipse 80% 50% at 100% -20%,rgba(23,92,211,.08),transparent 55%),radial-gradient(ellipse 60% 40% at -10% 30%,rgba(16,24,40,.04),transparent 50%),linear-gradient(180deg,#f7f8fb 0%,var(--page) 40%,var(--page-deep) 100%);background-attachment:fixed}button,textarea,input{font:inherit}button{min-height:40px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);cursor:pointer;font-weight:600;letter-spacing:-.01em;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}button:hover{border-color:var(--accent);color:var(--accent-strong)}button:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{width:100%;height:100dvh;min-height:100dvh;max-height:100dvh;margin:0;padding:10px 14px;display:flex;flex-direction:column;overflow:hidden;animation:rise-in .42s cubic-bezier(.22,1,.36,1) both}@keyframes rise-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:0 0 auto;min-height:52px;margin-bottom:10px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffffeb;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-mark{width:36px;height:36px;flex:0 0 auto;border-radius:10px;background:linear-gradient(145deg,#2e90fa 0%,var(--accent) 55%,var(--accent-strong) 100%);box-shadow:inset 0 1px #ffffff47;position:relative}.brand-mark:after{content:"";position:absolute;inset:10px 8px;border:2px solid rgba(255,255,255,.92);border-radius:999px;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(40deg)}.brand-copy{min-width:0}h1,h2,h3,p{margin-top:0}h1{margin:0;font-family:var(--font-brand);font-size:1.35rem;font-weight:700;letter-spacing:-.04em;line-height:1.1}.brand-tag{margin:2px 0 0;color:var(--muted);font-size:.84rem;font-weight:500;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-nav{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}.nav-link{display:inline-flex;align-items:center;justify-content:center;min-height:36px;border-color:transparent;background:transparent;color:var(--ink-soft);padding:0 12px;font-size:.9rem;text-decoration:none}.nav-link:hover{background:var(--surface-muted);border-color:var(--border);color:var(--ink)}.privacy-badge{display:inline-flex;align-items:center;gap:7px;min-height:36px;margin-left:4px;padding:0 12px;border:1px solid var(--border);border-radius:999px;background:var(--surface-muted);color:var(--ink-soft);font-size:.82rem;font-weight:650}.privacy-dot{width:7px;height:7px;border-radius:999px;background:#12b76a;box-shadow:0 0 0 3px #12b76a29}.section-kicker{margin:0 0 4px;color:var(--muted);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}h2{margin-bottom:0;font-family:var(--font-brand);font-size:1.05rem;font-weight:650;letter-spacing:-.02em}h3{margin:0 0 10px;font-family:var(--font-brand);font-size:.92rem;font-weight:650;letter-spacing:-.015em}.workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.55fr) minmax(0,1.1fr);gap:10px;align-items:stretch;flex:1;min-height:0;animation:rise-in .5s cubic-bezier(.22,1,.36,1) 60ms both}.dialog{width:min(600px,calc(100vw - 28px));border:1px solid var(--border);border-radius:14px;background:var(--surface);color:var(--ink);box-shadow:0 24px 64px #1018282e;padding:0}.dialog::backdrop{background:#10182866;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog form{display:grid;gap:16px;padding:22px}.dialog p{color:var(--muted);line-height:1.55;font-weight:500}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:16px}.dialog-heading h2{max-width:460px;font-size:1.28rem;line-height:1.25;letter-spacing:-.03em}.icon-button{display:inline-grid;place-items:center;width:34px;min-width:34px;min-height:34px;padding:0;color:var(--muted);font-size:1.15rem;line-height:1}.about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.about-grid div{display:grid;gap:6px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);padding:14px}.about-grid strong{font-family:var(--font-brand);font-size:.95rem;letter-spacing:-.02em}.about-grid span,.dialog-note{color:var(--muted);font-size:.86rem;line-height:1.45;font-weight:500}.dialog-textarea{min-height:140px;padding:12px 14px;resize:vertical}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}.dialog-actions button[data-action=submit-feedback]{border-color:var(--accent);background:var(--accent);color:#fff}.dialog-actions button[data-action=submit-feedback]:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.dialog-note{margin-bottom:0}.panel{min-width:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow)}.input-panel,.output-panel,.recipe-panel{display:flex;flex-direction:column;min-height:0;height:100%;padding:10px;overflow:hidden}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin-bottom:12px}.panel-heading.compact{min-height:auto;margin-bottom:10px}.small-button{min-width:78px;min-height:34px;font-size:.86rem}textarea{width:100%;min-height:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--ink);line-height:1.5;resize:none;transition:border-color .15s ease,box-shadow .15s ease}textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}#sourceText,#resultText{flex:1;padding:14px;font-family:var(--font-mono);font-size:.9rem}.input-actions,.result-actions,.selection-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.result-actions button[data-action=copy]{border-color:var(--accent);background:var(--accent);color:#fff}.result-actions button[data-action=copy]:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:#fff}.result-actions button[data-action=copy].is-copied{border-color:#087443;background:#087443;color:#fff}.menu-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-bottom:10px;padding:4px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted)}.menu-tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;border:0;border-radius:6px;background:transparent;color:var(--muted);padding:8px 10px;font-size:.88rem;font-weight:650}.menu-tab.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #10182814}.recipe-groups{display:grid;gap:6px;min-height:0;overflow:auto;padding-right:2px}.recipes{display:grid;grid-template-columns:1fr 1fr;gap:6px}.recipe-group-clean,.recipe-group-format{grid-template-columns:1fr}.recipe-group-clean .recipe,.recipe-group-format .recipe{justify-content:flex-start;text-align:left}.recipe{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:36px;padding:8px 10px;text-align:center;font-size:.86rem}.recipe span{overflow-wrap:anywhere;font-weight:650;letter-spacing:-.01em;line-height:1.2}.recipe-badge{flex:0 0 auto;margin:0;border-radius:4px;background:var(--accent);color:#fff;padding:2px 5px;font-size:.62rem;font-style:normal;font-weight:700;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}.recipe.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong);box-shadow:inset 0 0 0 1px #175cd31f}.recipe.active .recipe-badge{background:var(--accent-strong)}.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:min(300px,100%);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);padding:3px}.tab{min-height:34px;border:0;background:transparent;color:var(--muted);font-weight:600;font-size:.84rem}.tab.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #10182814}.hint{min-height:0;margin:0 0 8px;color:var(--muted);font-size:.86rem;font-weight:500;line-height:1.35}.dialog-note a{color:var(--accent-strong);font-weight:650;text-decoration:underline;text-underline-offset:2px}.changelog{margin-top:4px;display:grid;gap:12px}.changelog-entry{display:grid;gap:6px}.changelog-entry strong{font-size:.9rem}.changelog-entry ul{margin:0;padding-left:1.1rem;color:var(--muted);font-size:.86rem;line-height:1.45}.useful-prompt{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 10px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-muted);color:var(--ink);font-size:.88rem;font-weight:600}.useful-prompt[hidden]{display:none}.useful-actions{display:flex;gap:8px}.useful-actions button{min-width:52px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--ink);font:inherit;font-size:.84rem;font-weight:650;cursor:pointer}.useful-actions button:hover{border-color:var(--accent);color:var(--accent-strong)}.app-footer{flex:0 0 auto;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;color:var(--muted);font-size:.78rem;font-weight:550}.app-footer a{color:inherit;text-decoration:none}.app-footer a:hover{color:var(--accent-strong);text-decoration:underline;text-underline-offset:2px}.status-bar{flex:0 0 auto;margin:0 0 10px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-strong);font-size:.88rem;font-weight:650;line-height:1.3}.status-bar:empty{display:none}.result-meta{min-height:22px;margin:0 0 10px;color:var(--accent-strong);font-size:.88rem;font-weight:650}.result-meta.error{color:var(--danger)}.view{display:none;min-height:0;flex:1}.view.active{display:flex;flex-direction:column}.select-helper{display:grid;gap:8px;margin-bottom:12px}.highlight-modes{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:4px}.highlight-mode{font-weight:600;font-size:.86rem}.highlight-mode.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.analysis-summary{display:grid;gap:4px;margin-bottom:14px;border-left:3px solid var(--accent);padding:8px 0 8px 14px}.analysis-summary.error{border-left-color:var(--danger)}.analysis-summary.error strong{color:var(--danger)}.analysis-summary span,.match-preview p{color:var(--muted);font-weight:500}.match-preview{min-height:120px;margin-bottom:18px}.match-preview ol{display:grid;gap:7px;max-height:220px;margin:0;overflow:auto;padding-left:24px}.match-preview li{overflow-wrap:anywhere;border-bottom:1px solid var(--border);padding-bottom:7px;font-family:var(--font-mono);font-size:.88rem}.select-helper label{color:var(--ink);font-size:.88rem;font-weight:650}.selection-row{grid-template-columns:minmax(0,1fr) auto;margin-top:0}.selection-row.muted{opacity:.55}input{min-height:40px;min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 12px;background:var(--surface-muted);transition:border-color .15s ease,box-shadow .15s ease}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow);outline:none}.highlight-notice{min-height:22px;margin:0 0 10px;color:var(--muted);font-size:.88rem;font-weight:600}.highlight-notice.success{color:var(--accent-strong)}.highlight-notice.error{color:var(--danger)}.highlight-box{flex:1;overflow:auto;margin:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;background:var(--surface-muted);white-space:pre-wrap;word-break:break-word;line-height:1.55;font-family:var(--font-mono);font-size:.88rem}mark{border-radius:3px;background:var(--mark);color:var(--ink);padding:0 2px}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 20px}.stats-grid div{min-width:0;border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px;background:var(--surface-muted)}dt{color:var(--muted);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}dd{margin:6px 0 0;font-family:var(--font-brand);font-size:1.28rem;font-weight:700;letter-spacing:-.03em}.word-cloud{display:flex;flex-wrap:wrap;gap:8px}.word-cloud span{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;background:var(--surface-muted);color:var(--ink);font-size:.88rem;font-weight:550}.word-cloud small{color:var(--accent-strong);font-weight:700}.status{display:none}@media(max-width:1120px){.workspace{grid-template-columns:minmax(0,1fr) minmax(240px,.55fr)}.recipe-panel{grid-column:2;grid-row:1}.input-panel{grid-column:1;grid-row:1}.output-panel{grid-column:1 / -1}}@media(min-width:1121px){.workspace{height:auto}}@media(max-width:760px){.shell{height:auto;max-height:none;min-height:100dvh;overflow:auto;padding:10px 12px 14px}.app-header{flex-direction:column;align-items:stretch;gap:10px;padding:12px;min-height:0}.brand-tag{white-space:normal}.app-nav{justify-content:stretch}.nav-link{flex:1;border-color:var(--border);background:var(--surface-muted)}.privacy-badge{flex:1;justify-content:center;margin-left:0}.workspace{grid-template-columns:1fr;gap:10px}.input-panel,.recipe-panel,.output-panel{grid-column:auto;grid-row:auto;min-height:0;height:auto}.input-panel{min-height:280px}.recipe-panel{min-height:0;max-height:none}.output-panel{min-height:360px}.panel-heading{align-items:stretch;flex-direction:column}.mode-tabs{width:100%}.menu-tabs{position:sticky;top:0;z-index:2}.recipes{grid-template-columns:1fr 1fr}.recipe-group-clean,.recipe-group-format{grid-template-columns:1fr}.recipe{min-height:40px}.about-grid{grid-template-columns:1fr}.dialog{width:calc(100vw - 20px)}.dialog form{padding:16px}.dialog-actions{display:grid;grid-template-columns:1fr}.input-actions,.result-actions,.selection-row,.stats-grid{grid-template-columns:1fr}}@media(max-width:420px){.recipes{grid-template-columns:1fr}.brand-mark{width:32px;height:32px}h1{font-size:1.2rem}}