.kai-tool-shell{--bg:#070b16;--bg2:#0b1020;--panel:#10172a;--panel2:#0c1324;--line:#24304a;--text:#f6f8ff;--muted:#9da9c2;--accent:#8fd6b2;--accent2:#67a9ff;--danger:#ff7b8a;--warning:#ffd168;--shadow:0 26px 80px rgba(0,0,0,.38);--radius:22px;width:min(1240px,calc(100% - 48px));margin:0 auto;color:var(--text);padding:38px 0 100px}.kai-tool-shell *{box-sizing:border-box}.kai-tool-shell a{color:inherit;text-decoration:none}.kai-tool-shell button,.kai-tool-shell select,.kai-tool-shell textarea{font:inherit}.kai-tool-shell button{cursor:pointer}.tool-subnav{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin:18px 0 0}.tool-subnav a{font-size:11px;color:#aeb7c8;border:1px solid #ffffff17;border-radius:999px;padding:8px 11px}.tool-breadcrumbs{display:flex;gap:10px;align-items:center;color:#838c9a;font-size:13px;margin:8px 0 15px}.tool-breadcrumbs a{color:#c6ccd5}.tool-language-note{display:none}
button, select, textarea { font: inherit; }
button { cursor: pointer; }
.kai-tool-shell { width: min(1240px, calc(100% - 32px)); margin: 0 auto; }
.hero { max-width: 860px; margin: 88px auto 48px; text-align: center; }
.eyebrow { color: #b6c1d8; text-transform: uppercase; letter-spacing: .15em; font-size: 11px; font-weight: 800; display: inline-flex; align-items: center; gap: 9px; }
.eyebrow > span { width: 18px; height: 2px; background: var(--accent); box-shadow: 0 0 12px rgba(105,245,199,.7); }
.hero h1 { font-size: clamp(44px, 7vw, 78px); line-height: .98; letter-spacing: -.055em; margin: 17px 0 22px; }
.hero h1 em { font-style: normal; color: var(--accent); }
.hero-copy { max-width: 750px; margin: 0 auto; color: #b8c2d8; font-size: clamp(17px, 2vw, 20px); line-height: 1.65; }
.hero-pills { display: flex; flex-wrap: wrap; justify-content: center; gap: 9px; margin-top: 26px; }
.hero-pills span { border: 1px solid rgba(255,255,255,.1); background: rgba(255,255,255,.035); border-radius: 999px; padding: 9px 12px; color: #c8d0df; font-size: 12px; }
.app-card { border: 1px solid rgba(255,255,255,.11); background: linear-gradient(180deg, rgba(16,23,42,.97), rgba(11,17,32,.97)); border-radius: 28px; box-shadow: var(--shadow); overflow: hidden; }
.app-toolbar { padding: 16px 18px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.mode-switch { background: #090f1e; padding: 4px; border-radius: 12px; display: inline-flex; gap: 3px; border: 1px solid #1c2841; }
.mode-btn { color: #929fb7; background: transparent; border: 0; border-radius: 9px; padding: 8px 13px; font-size: 12px; font-weight: 700; }
.mode-btn.active { color: #06130f; background: var(--accent); }
.preset-wrap { display: flex; align-items: center; gap: 9px; color: #8f9bb2; font-size: 12px; font-weight: 700; }
select { color: #e8ecf7; background: #0b1222; border: 1px solid #27334b; border-radius: 9px; padding: 8px 30px 8px 10px; }
.editor-grid { display: grid; grid-template-columns: 1fr 1fr; }
.editor-panel { min-width: 0; }
.editor-panel + .editor-panel { border-left: 1px solid var(--line); }
.panel-head { min-height: 80px; padding: 18px 20px 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.panel-kicker { display: block; color: #7f91b4; font-size: 9px; letter-spacing: .16em; font-weight: 900; margin-bottom: 4px; }
.panel-kicker.green { color: var(--accent); }
.panel-head h2, .section-title-row h3, .scan-card h3 { margin: 0; font-size: 16px; }
.head-actions { display: flex; gap: 7px; }
.ghost-btn, .text-btn, .secondary-btn { color: #afbad0; background: transparent; border: 1px solid #2a3650; border-radius: 8px; padding: 7px 9px; font-size: 11px; font-weight: 700; }
.ghost-btn:hover, .secondary-btn:hover { color: #fff; border-color: #52627e; }
.ghost-btn:disabled { opacity: .4; cursor: not-allowed; }
.text-btn { border: 0; padding: 4px; color: #8fa0bd; }
textarea { width: 100%; min-height: 330px; resize: vertical; border: 0; border-top: 1px solid #1e2940; border-bottom: 1px solid #1e2940; outline: none; background: #090f1d; color: #dfe6f5; padding: 19px 20px; font-family: "SFMono-Regular", Consolas, "Liberation Mono", monospace; font-size: 13px; line-height: 1.7; tab-size: 2; }
textarea:focus { box-shadow: inset 0 0 0 1px rgba(105,245,199,.34); }
.output-panel textarea { background: #0a111f; }
.editor-footer { min-height: 40px; padding: 11px 20px; color: #72819e; font-size: 10px; display: flex; justify-content: space-between; gap: 10px; }
#privacyHint { color: #739d91; }
#savedStats { color: var(--accent); }
.controls-grid { display: grid; grid-template-columns: 1.6fr .8fr; border-top: 1px solid var(--line); }
.options-card, .scan-card { padding: 22px; }
.scan-card { border-left: 1px solid var(--line); background: rgba(7,12,23,.35); }
.section-title-row { display: flex; align-items: center; justify-content: space-between; gap: 18px; margin-bottom: 14px; }
.option-list { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; }
.toggle-row { border: 1px solid #232f47; background: rgba(8,14,27,.55); border-radius: 12px; padding: 11px 12px; display: flex; align-items: center; gap: 12px; min-height: 70px; position: relative; cursor: pointer; }
.toggle-row:hover { border-color: #33435f; }
.toggle-row > span { margin-right: auto; min-width: 0; }
.toggle-row strong { display: block; font-size: 12px; color: #d7deeb; margin-bottom: 4px; }
.toggle-row small { display: block; color: #7787a5; font-size: 10px; line-height: 1.35; }
.toggle-row input { opacity: 0; width: 0; height: 0; position: absolute; }
.toggle-row i { width: 34px; height: 19px; border-radius: 999px; background: #263149; position: relative; flex: 0 0 auto; }
.toggle-row i:after { content: ""; width: 13px; height: 13px; border-radius: 50%; background: #8c99b1; position: absolute; left: 3px; top: 3px; transition: .18s; }
.toggle-row input:checked + i { background: rgba(105,245,199,.22); border: 1px solid rgba(105,245,199,.35); }
.toggle-row input:checked + i:after { left: 17px; top: 2px; background: var(--accent); box-shadow: 0 0 10px rgba(105,245,199,.5); }
.scan-number { font-size: 54px; letter-spacing: -.04em; line-height: 1; font-weight: 850; margin: 18px 0 8px; color: var(--accent); }
.scan-card p { color: #8695b1; font-size: 12px; line-height: 1.55; min-height: 54px; }
.secondary-btn { width: 100%; padding: 10px 12px; }
.scan-results { margin-top: 13px; display: grid; gap: 6px; max-height: 170px; overflow: auto; }
.scan-item { display: grid; grid-template-columns: auto 1fr auto; gap: 8px; align-items: center; border: 1px solid #22304a; padding: 7px 8px; border-radius: 8px; font-size: 10px; }
.scan-char { display: inline-grid; place-items: center; min-width: 28px; height: 24px; padding: 0 5px; border-radius: 6px; background: #141e32; color: var(--warning); font-family: monospace; }
.scan-item code { color: #8da0c3; }
.scan-item b { font-weight: 700; color: #c9d2e3; }
.primary-actions { border-top: 1px solid var(--line); padding: 22px; display: flex; flex-direction: column; align-items: center; gap: 9px; background: linear-gradient(180deg, rgba(105,245,199,.02), rgba(105,245,199,.055)); }
.clean-btn { border: 0; border-radius: 11px; padding: 14px 25px; background: var(--accent); color: #06130f; font-weight: 900; font-size: 14px; box-shadow: 0 10px 30px rgba(105,245,199,.17); }
.clean-btn:hover { transform: translateY(-1px); box-shadow: 0 14px 34px rgba(105,245,199,.23); }
.primary-actions p { margin: 0; color: #7b8aa7; font-size: 10px; }
.results-zone { border-top: 1px solid var(--line); padding: 22px; background: #0a101e; }
.result-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; margin-bottom: 16px; }
.result-stats article { border: 1px solid #233049; background: #0b1322; border-radius: 12px; padding: 13px; }
.result-stats span { display: block; color: #74839e; font-size: 9px; text-transform: uppercase; letter-spacing: .11em; }
.result-stats strong { display: block; font-size: 22px; margin-top: 6px; }
.diff-card, .log-card { border: 1px solid #233049; border-radius: 14px; padding: 16px; background: #0a111f; }
.log-card { margin-top: 12px; }
.legend { color: #7d8ba4; font-size: 10px; display: flex; align-items: center; gap: 6px; }
.removed-dot, .added-dot { width: 8px; height: 8px; border-radius: 50%; display: inline-block; margin-left: 7px; }
.removed-dot { background: var(--danger); }.added-dot { background: var(--accent); }
.diff-output { max-height: 330px; overflow: auto; font-family: monospace; white-space: pre-wrap; word-break: break-word; color: #b8c3d6; font-size: 12px; line-height: 1.75; border-top: 1px solid #1d2940; padding-top: 13px; }
.diff-del { background: rgba(255,123,138,.15); color: #ff9aaa; text-decoration: line-through; border-radius: 3px; }
.diff-add { background: rgba(105,245,199,.15); color: #9dffdf; border-radius: 3px; }
#changeLog { margin: 0; padding-left: 20px; color: #a9b5cb; font-size: 12px; line-height: 1.8; }
.content-section, .faq-section, .more-tools { padding: 105px 0; }
.content-section > h2, .faq-section > h2, .more-tools h2, .privacy-section h2 { font-size: clamp(34px, 5vw, 54px); letter-spacing: -.045em; margin: 14px 0 42px; max-width: 800px; line-height: 1.05; }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.feature-grid article, .tool-placeholder-grid article { border: 1px solid rgba(255,255,255,.09); border-radius: 18px; background: rgba(255,255,255,.025); padding: 24px; min-height: 210px; }
.feature-grid b { color: var(--accent); font-size: 12px; }
.feature-grid h3, .tool-placeholder-grid h3 { font-size: 19px; margin: 42px 0 10px; }
.feature-grid p, .more-tools p, .tool-placeholder-grid p { color: #8d9ab4; line-height: 1.7; font-size: 14px; }
.privacy-section { display: grid; grid-template-columns: 1fr .75fr; gap: 50px; align-items: center; padding: 68px; border: 1px solid rgba(105,245,199,.13); border-radius: 26px; background: radial-gradient(circle at 100% 0%, rgba(105,245,199,.08), transparent 45%), #0b1221; }
.privacy-section h2 { margin-bottom: 20px; }
.privacy-section p { color: #93a2bd; font-size: 15px; line-height: 1.7; }
.privacy-terminal { border: 1px solid #233149; border-radius: 15px; background: #070c16; padding: 22px; display: grid; grid-template-columns: 1fr 1fr; gap: 12px 18px; box-shadow: inset 0 1px rgba(255,255,255,.02); }
.privacy-terminal code { color: #8b9bb8; font-size: 12px; }.privacy-terminal code:nth-child(even) { color: var(--accent); }.privacy-terminal span { color: #586983; }
.faq-section details { border-bottom: 1px solid #202b42; padding: 20px 2px; max-width: 900px; }
.faq-section summary { cursor: pointer; font-weight: 700; color: #dce3ef; }
.faq-section details p { max-width: 760px; color: #8998b4; line-height: 1.7; font-size: 14px; }
.more-tools { border-top: 1px solid rgba(255,255,255,.08); }
.more-tools > div:first-child { max-width: 760px; }.more-tools h2 { margin-bottom: 16px; }
.tool-placeholder-grid { margin-top: 40px; display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.tool-placeholder-grid article span { color: #6f829f; font-size: 9px; letter-spacing: .14em; font-weight: 900; }.tool-placeholder-grid h3 { margin-top: 56px; }
.toast { position: fixed; left: 50%; bottom: 24px; transform: translate(-50%, 20px); opacity: 0; pointer-events: none; background: #eefaf6; color: #07130f; border-radius: 10px; padding: 10px 14px; font-size: 12px; font-weight: 800; transition: .2s; box-shadow: 0 15px 40px rgba(0,0,0,.3); z-index: 20; }
.toast.show { opacity: 1; transform: translate(-50%,0); }
@media (max-width: 900px) {
  .editor-grid, .controls-grid, .privacy-section { grid-template-columns: 1fr; }
  .editor-panel + .editor-panel, .scan-card { border-left: 0; border-top: 1px solid var(--line); }
  .option-list { grid-template-columns: 1fr; }
  .feature-grid, .tool-placeholder-grid { grid-template-columns: 1fr; }
  .privacy-section { padding: 36px 24px; }
}
@media (max-width: 620px) {
  .kai-tool-shell { width: min(100% - 18px, 1240px); }
  .hero { margin-top: 56px; }.hero h1 { font-size: 45px; }
  .app-toolbar, .panel-head { align-items: flex-start; flex-direction: column; }
  .preset-wrap { width: 100%; justify-content: space-between; }.preset-wrap select { flex: 1; }
  .head-actions { width: 100%; }.head-actions button { flex: 1; }
  textarea { min-height: 260px; }
  .result-stats { grid-template-columns: 1fr 1fr; }
  .content-section, .faq-section, .more-tools { padding: 72px 0; }
}
/* KAI AI Text Cleaner v1.1 — detailed inspector + character diff */
.scan-results { max-height: 360px; gap: 9px; padding-right: 2px; }
.scan-item-detailed { grid-template-columns: auto minmax(0,1fr) auto; align-items: start; padding: 10px; gap: 10px; }
.scan-item-detailed .scan-char { margin-top: 1px; min-width: 32px; height: 28px; font-size: 12px; font-weight: 800; }
.scan-item-detailed.is-lookalike .scan-char { color: #ffd890; }
.scan-body { min-width: 0; }
.scan-body > b { display: block; color: #d9e2f2; font-size: 10px; line-height: 1.35; }
.scan-meta { margin-top: 3px; color: #7688a7; font: 9px/1.35 "SFMono-Regular", Consolas, "Liberation Mono", monospace; }
.scan-context { margin-top: 7px; padding: 6px 7px; border-radius: 6px; border: 1px solid #1d2b44; background: #080f1c; color: #9cacC5; font: 9px/1.45 "SFMono-Regular", Consolas, "Liberation Mono", monospace; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.scan-context mark { background: rgba(255, 199, 103, .15); color: #ffd890; border-radius: 3px; padding: 1px 2px; }
.scan-note { display: block; margin-top: 6px; color: #61728e; font-size: 8px; line-height: 1.35; }
.scan-fix { align-self: center; border: 1px solid rgba(105,245,199,.28); border-radius: 7px; background: rgba(105,245,199,.08); color: #9dffdf; padding: 6px 8px; font-size: 9px; font-weight: 800; white-space: nowrap; cursor: pointer; }
.scan-fix:hover { background: rgba(105,245,199,.15); border-color: rgba(105,245,199,.5); }
.scan-more { padding: 8px 10px; border: 1px dashed #263550; border-radius: 8px; color: #7c8ca8; font-size: 9px; text-align: center; }
.detail-stats { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; margin: -4px 0 16px; }
.detail-stats[hidden] { display: none; }
.detail-stats-title { color: #6f809e; font-size: 9px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; margin-right: 3px; }
.detail-chip { border: 1px solid #23324b; border-radius: 999px; background: #0b1424; color: #8fa0bd; padding: 6px 9px; font-size: 9px; line-height: 1; }
.detail-chip b { color: #b8ffe8; font-size: 10px; margin-right: 3px; }
.diff-output { line-height: 1.9; }
.diff-del, .diff-add { box-decoration-break: clone; -webkit-box-decoration-break: clone; padding: 1px 0; }
.diff-del { text-decoration-thickness: 1px; text-decoration-color: rgba(255,154,170,.72); }
@media (max-width: 620px) {
  .scan-item-detailed { grid-template-columns: auto minmax(0,1fr); }
  .scan-fix { grid-column: 2; justify-self: start; }
  .scan-context { max-width: 100%; }
  .detail-stats { align-items: flex-start; }
  .detail-stats-title { width: 100%; margin-bottom: 2px; }
}

/* KAI AI Text Cleaner v1.2 — one-click full cleanup */
.app-toolbar { justify-content: flex-start; }
.smart-clean-status { display:flex; align-items:center; gap:11px; width:100%; }
.smart-clean-status .status-dot { width:9px; height:9px; border-radius:50%; background:var(--accent); box-shadow:0 0 14px rgba(105,245,199,.6); flex:0 0 auto; }
.smart-clean-status strong { display:block; color:#dce6f3; font-size:12px; line-height:1.35; }
.smart-clean-status small { display:block; margin-top:3px; color:#7f8faa; font-size:10px; line-height:1.45; }
.advanced-options { min-width:0; border:0; }
.advanced-options > summary { list-style:none; cursor:pointer; padding:18px 22px; display:flex; align-items:center; justify-content:space-between; gap:18px; border-bottom:1px solid var(--line); background:#0b1322; }
.advanced-options > summary::-webkit-details-marker { display:none; }
.advanced-options > summary span { min-width:0; }
.advanced-options > summary strong { display:block; color:#d7deeb; font-size:12px; }
.advanced-options > summary small { display:block; color:#73839f; font-size:9px; line-height:1.4; margin-top:3px; }
.advanced-options > summary b { color:var(--accent); font-size:20px; line-height:1; font-weight:400; transition:transform .18s ease; }
.advanced-options[open] > summary b { transform:rotate(45deg); }
.advanced-options .options-card { padding-top:18px; }
@media (max-width:900px) {
  .advanced-options { border-bottom:1px solid var(--line); }
}

/* v1.2.1: legacy mode/preset controls must never be visible */
.mode-switch, .preset-wrap { display: none !important; }

/* KAI AI Text Cleaner v1.3 — browser-only writing style inspector */
.writing-inspector { border-top: 1px solid var(--line); background: radial-gradient(circle at 100% 0%, rgba(105,245,199,.07), transparent 34%), #09111e; }
.writing-head { padding: 24px 22px; display:flex; align-items:center; justify-content:space-between; gap:28px; }
.writing-head > div { max-width: 760px; }
.writing-head h3 { margin: 5px 0 7px; color:#e2e9f4; font-size:18px; letter-spacing:-.015em; }
.writing-head p { margin:0; color:#8090aa; font-size:11px; line-height:1.62; }
.writing-analyze-btn { flex:0 0 auto; min-width:170px; }
.writing-results { border-top:1px solid var(--line); }
.writing-results[hidden] { display:none; }
.writing-summary { padding:22px; display:grid; grid-template-columns:auto 1fr; gap:22px; align-items:center; background:rgba(105,245,199,.025); }
.style-score-ring { --score:0deg; width:112px; height:112px; padding:8px; border-radius:50%; background:conic-gradient(var(--accent) var(--score), #1d2a3e 0); box-shadow:0 0 38px rgba(105,245,199,.07); }
.style-score-ring > div { width:100%; height:100%; border-radius:50%; background:#08101c; border:1px solid #243149; display:flex; align-items:baseline; justify-content:center; padding-top:31px; }
.style-score-ring strong { color:#e7fff7; font-size:30px; line-height:1; letter-spacing:-.04em; }
.style-score-ring span { color:#6f809b; font-size:10px; margin-left:2px; }
.style-source { color:var(--accent); font-size:9px; font-weight:900; text-transform:uppercase; letter-spacing:.11em; }
.style-verdict h4 { margin:7px 0 5px; color:#e2e9f4; font-size:20px; letter-spacing:-.025em; }
.style-verdict p { margin:0; color:#8291aa; font-size:11px; line-height:1.55; max-width:680px; }
.style-verdict small { display:block; margin-top:9px; color:#5f718d; font-size:9px; }
.style-metrics { padding:0 22px 22px; display:grid; grid-template-columns:repeat(6,1fr); gap:8px; background:rgba(105,245,199,.025); }
.style-metrics article { border:1px solid #233149; background:#0a1322; border-radius:11px; padding:11px 12px; min-width:0; }
.style-metrics span { display:block; color:#6e809e; font-size:8px; text-transform:uppercase; letter-spacing:.1em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.style-metrics strong { display:block; margin-top:5px; color:#dce6f3; font-size:14px; white-space:nowrap; }
.style-columns { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); }
.style-column { min-width:0; padding:20px 22px 24px; }
.style-column + .style-column { border-left:1px solid var(--line); }
.section-title-row.compact { margin-bottom:11px; align-items:center; }
.section-title-row.compact h4 { margin:3px 0 0; color:#dbe4f1; font-size:14px; }
.style-disclaimer { margin:-3px 0 12px; color:#60718d; font-size:9px; line-height:1.5; }
.style-issues, .style-suggestions { display:grid; gap:8px; }
.style-issue, .style-suggestion { border:1px solid #21304a; border-radius:11px; background:#091220; padding:12px; position:relative; overflow:hidden; }
.style-issue:before { content:""; position:absolute; top:0; left:0; width:2px; height:100%; background:#7f91ad; }
.style-issue.severity-medium:before { background:#ffc767; }
.style-issue.severity-low:before { background:#7fa7ff; }
.style-issue.severity-good:before { background:var(--accent); }
.style-issue h5 { margin:0 0 5px; color:#d9e3f0; font-size:11px; }
.style-issue p { margin:0; color:#788aa7; font-size:9px; line-height:1.55; }
.style-example { margin-top:7px; border:1px solid #1b2940; border-radius:7px; padding:7px 8px; background:#07101d; color:#93a4c0; font:9px/1.5 "SFMono-Regular", Consolas, "Liberation Mono", monospace; white-space:normal; word-break:break-word; }
.style-empty { margin:0; border:1px dashed #263650; border-radius:10px; padding:13px; color:#7c8da9; font-size:10px; line-height:1.6; }
.style-suggestion-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:9px; }
.style-suggestion-head > span { color:#6f829f; font-size:8px; text-transform:uppercase; letter-spacing:.09em; font-weight:800; }
.style-replace-btn { border:1px solid rgba(105,245,199,.28); border-radius:7px; background:rgba(105,245,199,.08); color:#a2ffe2; padding:5px 8px; font-size:8px; font-weight:900; cursor:pointer; }
.style-replace-btn:hover { background:rgba(105,245,199,.15); border-color:rgba(105,245,199,.48); }
.style-change { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.style-change > div { border:1px solid #1d2a40; border-radius:8px; padding:8px; background:#07101c; min-width:0; }
.style-change small { display:block; color:#5f718f; font-size:7px; text-transform:uppercase; letter-spacing:.1em; margin-bottom:4px; }
.style-change del, .style-change ins { display:block; text-decoration:none; font-size:10px; line-height:1.45; word-break:break-word; }
.style-change del { color:#ff9aaa; }
.style-change ins { color:#9dffdf; }
.style-sample { margin:8px 0 0; color:#687a97; font-size:8px; line-height:1.55; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.feature-grid { grid-template-columns:repeat(4,1fr); }
@media (max-width:1100px) {
  .style-metrics { grid-template-columns:repeat(3,1fr); }
  .feature-grid { grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px) {
  .writing-head { align-items:flex-start; flex-direction:column; }
  .writing-analyze-btn { width:100%; }
  .style-columns { grid-template-columns:1fr; }
  .style-column + .style-column { border-left:0; border-top:1px solid var(--line); }
}
@media (max-width:620px) {
  .writing-summary { grid-template-columns:1fr; justify-items:start; }
  .style-score-ring { width:96px; height:96px; }
  .style-score-ring > div { padding-top:26px; }
  .style-score-ring strong { font-size:26px; }
  .style-metrics { grid-template-columns:1fr 1fr; }
  .style-change { grid-template-columns:1fr; }
  .feature-grid { grid-template-columns:1fr; }
}


/* KAI AI Text Cleaner v1.4 — one-click technical + writing workflow */
.app-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
.clean-flow{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.clean-flow span{display:inline-flex;align-items:center;min-height:28px;padding:0 9px;border:1px solid #23324b;border-radius:999px;background:#08111e;color:#8294af;font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase;white-space:nowrap}
.clean-flow span:last-child{border-color:rgba(105,245,199,.26);color:#9dffdf;background:rgba(105,245,199,.06)}
.scope-note{margin-top:18px;border:1px solid #1f2d43;border-radius:14px;background:linear-gradient(135deg,rgba(105,245,199,.045),rgba(31,98,255,.025));padding:18px 20px}
.scope-note h3{margin:0 0 7px;color:#dce7f3;font-size:14px}
.scope-note p{margin:0;color:#7e8ea8;font-size:10px;line-height:1.7;max-width:900px}
.clean-btn{min-width:250px}
.writing-inspector{scroll-margin-top:90px}
@media(max-width:900px){.app-toolbar{grid-template-columns:1fr}.clean-flow{justify-content:flex-start}}
@media(max-width:620px){.clean-flow span{font-size:7px;padding:0 7px}.clean-btn{width:100%;min-width:0}}


/* KAI AI Text Cleaner v1.5 — deeper writing analysis + personal style fingerprint */
.style-metrics{grid-template-columns:repeat(5,1fr)}
.style-fingerprint-section{border-top:1px solid var(--line);background:linear-gradient(180deg,#08111e,#070e19);padding:0;scroll-margin-top:90px}
.fingerprint-head{padding:26px 22px;display:flex;gap:24px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:radial-gradient(circle at 90% 0%,rgba(31,98,255,.08),transparent 36%)}
.fingerprint-head>div:first-child{max-width:780px}.fingerprint-head h3{margin:5px 0 7px;color:#e4ebf5;font-size:19px;letter-spacing:-.02em}.fingerprint-head p{margin:0;color:#7e8faa;font-size:11px;line-height:1.65}
.fingerprint-badge{flex:0 0 auto;border:1px solid rgba(105,245,199,.24);border-radius:14px;background:rgba(105,245,199,.055);padding:12px 15px;text-align:center}.fingerprint-badge strong{display:block;color:#9dffdf;font-size:20px}.fingerprint-badge span{display:block;color:#6f829e;font-size:8px;text-transform:uppercase;letter-spacing:.1em;margin-top:2px}
.fingerprint-grid{display:grid;grid-template-columns:1fr 1fr}.fingerprint-input-card,.fingerprint-output-card{padding:22px;min-width:0}.fingerprint-output-card{border-left:1px solid var(--line)}
#styleReferenceText,#stylePromptOutput{width:100%;resize:vertical;border:1px solid #243149;border-radius:12px;background:#050d18;color:#cdd8e7;padding:13px 14px;font:11px/1.65 "SFMono-Regular",Consolas,"Liberation Mono",monospace;outline:none}#styleReferenceText{min-height:190px}#stylePromptOutput{min-height:230px;margin-top:10px}#styleReferenceText:focus,#stylePromptOutput:focus{border-color:rgba(105,245,199,.45);box-shadow:0 0 0 3px rgba(105,245,199,.05)}
.fingerprint-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.fingerprint-actions .secondary-btn{flex:1 1 180px}.fingerprint-privacy{margin:10px 0 0;color:#60728e;font-size:8px;line-height:1.55}.fingerprint-status{color:#7f91ad;font-size:8px;border:1px solid #22314a;border-radius:999px;padding:6px 9px;white-space:nowrap}
.fingerprint-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.fingerprint-metric{border:1px solid #213049;border-radius:10px;background:#08111f;padding:11px 12px;min-width:0}.fingerprint-metric span{display:block;color:#6f819e;font-size:8px;text-transform:uppercase;letter-spacing:.08em}.fingerprint-metric strong{display:block;color:#dce6f2;font-size:14px;margin-top:5px}.fingerprint-metric small{display:block;color:#5b6d88;font-size:7px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.similarity-card{margin-top:12px;border:1px solid rgba(105,245,199,.22);border-radius:12px;background:rgba(105,245,199,.04);padding:13px}.similarity-card[hidden]{display:none}.similarity-card>span{color:#7890a9;font-size:9px}.similarity-card>strong{display:block;color:#a7ffe4;font-size:28px;margin:5px 0 8px}.similarity-track{height:5px;background:#18253a;border-radius:999px;overflow:hidden}.similarity-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3ca5ff,var(--accent));border-radius:inherit;transition:width .35s ease}.similarity-card p{margin:8px 0 0;color:#7587a3;font-size:9px;line-height:1.5}
.prompt-generator{border-top:1px solid var(--line);padding:22px;background:rgba(31,98,255,.025)}.prompt-generator[hidden]{display:none}.prompt-generator>p{margin:-3px 0 8px;color:#657792;font-size:9px;line-height:1.55}
@media(max-width:1100px){.style-metrics{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.fingerprint-grid{grid-template-columns:1fr}.fingerprint-output-card{border-left:0;border-top:1px solid var(--line)}.fingerprint-head{align-items:flex-start}.style-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.fingerprint-head{flex-direction:column}.fingerprint-badge{width:100%;text-align:left}.fingerprint-metrics{grid-template-columns:1fr}.fingerprint-actions{flex-direction:column}.fingerprint-actions .secondary-btn{width:100%;flex-basis:auto}.style-metrics{grid-template-columns:1fr 1fr}}


/* KAI AI Text Cleaner v1.5.1 — writing inspector layout refinement */
.writing-head{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:32px;
  padding:30px 32px;
}
.writing-head>div{
  width:100%;
  max-width:900px;
  min-width:0;
}
.writing-head h3{
  margin:7px 0 9px;
  max-width:820px;
  color:#e7edf6;
  font-size:25px;
  line-height:1.18;
  letter-spacing:-.028em;
}
.writing-head p{
  max-width:900px;
  margin:0;
  color:#8a9bb5;
  font-size:12.5px;
  line-height:1.7;
}
.writing-analyze-btn{
  width:auto !important;
  min-width:0 !important;
  max-width:none;
  justify-self:end;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:11px 16px;
  white-space:nowrap;
  font-size:10px;
  border-color:rgba(105,245,199,.28);
  color:#b9ffe9;
  background:rgba(105,245,199,.055);
}
.writing-analyze-btn:hover{
  border-color:rgba(105,245,199,.5);
  background:rgba(105,245,199,.10);
  color:#e7fff7;
}
@media(max-width:900px){
  .writing-head{
    grid-template-columns:1fr;
    gap:18px;
    padding:26px 24px;
  }
  .writing-head>div{max-width:none;}
  .writing-analyze-btn{
    width:max-content !important;
    justify-self:start;
  }
}
@media(max-width:620px){
  .writing-head{padding:22px 18px;}
  .writing-head h3{font-size:21px;}
  .writing-head p{font-size:11.5px;}
  .writing-analyze-btn{
    width:100% !important;
    justify-self:stretch;
  }
}