/* Rowmend evolution. Original engine/UI stylesheet remains preserved. */
:root { --bg:#f6f8fc; --cobalt:#2450d8; --cobalt-2:#193aab; --ink:#17233c; --r-l:22px; }
body { background:var(--bg); }
button, a, select { -webkit-tap-highlight-color:transparent; }
.home { background:radial-gradient(ellipse at 85% 13%,#e9efff 0,transparent 38%),linear-gradient(180deg,#fff 0,#f8faff 72%,#fff 100%); }
.home-top { padding-top:20px; padding-bottom:20px; border-bottom:1px solid #e8edf6; }
.brand-name { font-weight:760; letter-spacing:-.04em; }
.home main { padding-bottom:64px; }
.hero { align-items:center; padding:58px 0 62px; gap:44px; }
.hero h1 { font-size:clamp(2.4rem,4.1vw,3.75rem); line-height:1.13; letter-spacing:-.045em; max-width:18ch; white-space:pre-line; }
:lang(ko) .hero h1 { max-width:18em; letter-spacing:-.055em; }
.eyebrow { font-size:.73rem; font-weight:760; letter-spacing:.09em; color:var(--cobalt); margin-bottom:16px; }
.hero .lead { font-size:1rem; line-height:1.8; color:var(--ink-2); max-width:34em; }
.audience-line { margin-top:20px; color:var(--ink-3); font-size:.79rem; font-weight:650; letter-spacing:.03em; }
.cta-row { margin-top:26px; }
.btn { transition:background-color .16s,box-shadow .16s,transform .16s; }
.btn.primary:not(:disabled):hover { box-shadow:0 6px 18px #2450d826; transform:translateY(-1px); }
.fact { font-weight:550; font-size:.82rem; line-height:1.7; }
.hero-copy>.hint { font-size:.74rem; line-height:1.7; margin-top:9px; }
.hero-product { min-width:0; border:1px solid #d8e1f4; border-radius:24px; padding:14px; background:#edf2fc80; box-shadow:0 22px 55px -30px #233f8e42; }
.workflow-art { padding:7px 5px 20px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; position:relative; }
.flow-step { display:flex; align-items:center; gap:8px; min-width:0; font-size:.67rem; font-weight:700; line-height:1.4; color:#394c76; }
.flow-symbol { display:grid; place-items:center; width:29px; height:29px; flex:none; background:white; border:1px solid #d5def0; border-radius:9px; }
.flow-symbol .ic { width:16px; height:16px; color:var(--cobalt); }
.flow-track { position:absolute; left:12px; right:12px; bottom:8px; height:2px; border-radius:2px; background:#dce4f5; overflow:hidden; }
.flow-track span { display:block; width:34%; height:100%; background:var(--cobalt); animation:flow-pass 2s ease-in-out 1 both; }
@keyframes flow-pass { from { transform:translateX(-100%); opacity:0; } 20% {opacity:1;} to { transform:translateX(295%); opacity:.35; } }
.demo { border-radius:17px; padding:19px; box-shadow:0 2px 7px #26375608; border:1px solid #e4eaf4; }
.demo-q { font-size:.8rem; margin-bottom:10px; }
.seg { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px; }
.seg [role=tab] { border-radius:9px; padding:8px 6px; font-size:.76rem; line-height:1.4; white-space:normal; border-color:#e4e9f3; }
.seg [role=tab][aria-selected=true] { background:#edf2ff; color:#193aab; border-color:#a9bff2; }
.demo-pane { animation:pane-arrive .22s ease-out; }
@keyframes pane-arrive { from {opacity:.65;transform:translateY(4px);} to {opacity:1;transform:translateY(0);} }
.demo-cap { font-size:.73rem; }
.demo-table { font-size:.78rem; }
.demo-table th { font-size:.72rem; }
.demo-table th,.demo-table td { padding:.42rem .48rem; }
.after .demo-table tr:last-child td { border-bottom:0; }
.demo-foot { gap:6px; padding-top:12px; }
.demo-note { font-size:.77rem; line-height:1.7; }
.demo-foot .btn { font-size:.78rem; }
.evolution-benefits { border-top:1px solid #dfe6f3; padding:44px 0 40px; }
.benefit-heading { max-width:600px; }
.benefit-heading h2 { font-size:clamp(1.5rem,2.5vw,2.1rem); font-weight:730; line-height:1.25; word-break:keep-all; }
.benefit-heading>p:last-child { margin-top:12px; color:var(--ink-3); font-size:.95rem; }
.benefit-heading .eyebrow { font-size:.67rem; margin-bottom:12px; }
.benefit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin:30px 0 26px; }
.benefit { position:relative; min-width:0; }
.benefit-index { position:absolute; top:14px; right:14px; font:600 .7rem var(--mono); color:#4e6389; }
.benefit-art { height:100px; border:1px solid #e1e7f3; background:linear-gradient(120deg,#eef3ff,#f7faff); border-radius:14px; display:flex; align-items:center; justify-content:center; gap:18px; margin-bottom:20px; }
.benefit:nth-child(2) .benefit-art { background:linear-gradient(120deg,#e9f5f0,#f8fcfa); }
.benefit:nth-child(3) .benefit-art { background:linear-gradient(120deg,#f0edfb,#fbfaff); }
.benefit-art>.ic { width:32px; height:32px; padding:6px; background:white; border-radius:8px; color:var(--cobalt); box-shadow:0 2px 12px #3045790f; }
.art-lines { display:flex; flex-direction:column; width:90px; gap:7px; }
.art-lines i { height:7px; width:90px; border-radius:3px; background:#b5c5ed; }
.art-lines i:nth-child(2) { width:62px; background:#d1dbf1; }
.art-lines i:nth-child(3) { width:77px; background:#dbe3f3; }
.benefit h3 { font-size:1.07rem; margin-bottom:10px; word-break:keep-all; }
.benefit>p { color:var(--ink-3); font-size:.875rem; line-height:1.85; word-break:keep-all; }
.scope { padding-top:28px; gap:32px; }
.scope .facts { font-size:.83rem; }
.ws { grid-template-columns:190px minmax(0,1fr) minmax(330px,380px); }
.ws-nav { background:#f9fbff; }
.ws-main { background:#f7f9fd; }
.ws-top { background:#fff; }
.audit-main { max-width:880px; margin:0 auto; padding:4px 8px 28px; }
.audit-title { margin-bottom:20px; }
.audit-title .eyebrow { margin-bottom:9px; }
.audit-title h1 { font-size:1.7rem; line-height:1.3; word-break:keep-all; }
.audit-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); background:white; border:1px solid var(--line); border-radius:14px; padding:18px 0; margin-bottom:26px; }
.audit-stats>div { padding:0 18px; display:flex; flex-direction:column; gap:3px; border-right:1px solid var(--line); }
.audit-stats>div:last-child {border:0;}
.audit-stats strong { font-size:1.8rem; letter-spacing:-.04em; line-height:1.2; }
.audit-stats span { color:var(--ink-3); font-size:.72rem; }
.rule-section h2 { font-size:1rem; margin-bottom:12px; }
.rule-list { display:grid; gap:8px; margin-bottom:20px; }
.rule-list li { background:white; border:1px solid #e0e6f1; border-radius:11px; padding:11px 12px; display:flex; align-items:center; justify-content:space-between; gap:8px; }
.rule-list strong { font-size:.85rem; overflow-wrap:anywhere; }
.rule-list .hint { font-size:.72rem; margin-top:4px; }
.audit-empty { border:1px dashed #bbc8e0; border-radius:12px; padding:26px 20px; color:var(--ink-3); font-size:.9rem; }
.audit-status { display:flex; align-items:flex-start; gap:12px; padding:17px 16px; border-radius:13px; background:var(--mint-tint); color:var(--mint); margin-bottom:12px; }
.audit-status.attention { background:#fff1d9; color:#714700; }
.audit-status>.ic { margin-top:1px; }
.audit-status h2 { font-size:1rem; }
.audit-status p { font-size:.79rem; line-height:1.6; margin-top:5px; }
.finding-list { padding:0; margin:0; list-style:none; display:grid; gap:0; }
.finding-list li { display:flex; align-items:center; justify-content:space-between; gap:12px; border-bottom:1px solid var(--line); padding:14px 2px; }
.finding-list strong { font-size:.84rem; }
.finding-location { font-size:.72rem; color:var(--ink-3); margin-bottom:4px; overflow-wrap:anywhere; }
.finding-list .btn { flex:none; font-size:.75rem; }
.audit-scope { margin-top:20px; padding-top:14px; border-top:1px solid var(--line); }
.audit-config { display:flex; flex-direction:column; gap:16px; padding-top:20px; padding-bottom:28px; }
.audit-config .p-head {padding:0;}
.audit-form { display:grid; gap:10px; }
.audit-form>label:not(.audit-check),.audit-recipe>label { font-size:.79rem; color:var(--ink-2); font-weight:650; }
.audit-form select,.audit-recipe>input:not([type=file]) { width:100%; min-height:44px; border:1px solid var(--line-2); background:white; border-radius:9px; padding:9px 10px; min-width:0; }
.audit-check { display:flex; gap:9px; align-items:center; min-height:37px; font-size:.83rem; }
.audit-check input { width:18px; height:18px; accent-color:var(--cobalt); }
.audit-readonly { padding:10px 12px; border-radius:9px; background:var(--mint-tint); color:var(--mint); font-size:.77rem; font-weight:650; }
.audit-recipe { border-top:1px solid var(--line); padding-top:19px; display:grid; gap:10px; }
.audit-recipe h3 { font-size:.92rem; }
.audit-recipe .hint {font-size:.75rem;line-height:1.7;}
.audit-file-actions { display:grid; grid-template-columns:1fr 1fr; gap:7px; }
.audit-file-actions .btn { font-size:.76rem; padding:8px 6px; }
@media(max-width:1199px) and (min-width:900px) { .ws {grid-template-columns:78px minmax(0,1fr) 330px;} .hero {gap:24px;} .hero h1 {font-size:2.55rem;} }
@media(max-width:899px) {
 .home-top {padding-top:16px;padding-bottom:16px;} .hero {grid-template-columns:1fr;padding-top:28px;gap:32px;padding-bottom:34px;}
 .hero h1 {font-size:clamp(2rem,6.5vw,3.1rem);max-width:none;} .hero .lead {font-size:.95rem;} .hero .eyebrow {margin-bottom:12px;}
 .hero-product {padding:10px;} .cta-row {display:grid;grid-template-columns:1fr 1fr;} .cta-row .btn {font-size:.9rem;min-width:0;}
 .benefit-grid {gap:22px;} .benefit>p {word-break:normal;}
 #app[data-step=audit] .ws-main {order:2;display:block;} #app[data-step=audit] .ws-panel {order:3;} #app[data-step=audit] .ws-notice {order:1;}
 .audit-config {padding:18px 16px 24px;} .audit-main {padding:20px 4px 24px;}
 .nav-btn {font-size:.67rem;}
}
@media(max-width:599px) {
 .home main {padding-left:18px;padding-right:18px;} .cta-row {grid-template-columns:1fr;gap:9px;}
 .hero h1 {font-size:2.12rem;} .hero .lead {font-size:.89rem;line-height:1.85;} .audience-line {margin-top:16px;font-size:.72rem;}
 .hero {gap:26px;} .hero-product {margin-top:0;} .workflow-art {padding:6px 0 17px;} .flow-step {gap:5px;font-size:.58rem;} .flow-symbol {width:25px;height:25px;}
 .demo {padding:13px;} .demo-foot .btn {width:100%;justify-content:flex-start;} .demo-note {font-size:.74rem;}
 .evolution-benefits {padding:32px 0;} .benefit-grid {grid-template-columns:1fr;gap:25px;margin:24px 0;} .benefit-art {height:72px;margin-bottom:14px;}
 .benefit h3 {font-size:1rem;} .benefit>p {font-size:.82rem;} .benefit-index {top:12px;} .scope {gap:22px;}
 .audit-title h1 {font-size:1.3rem;} .audit-stats>div {padding:0 12px;} .audit-stats strong {font-size:1.5rem;}
 .finding-list li {align-items:flex-start;} .finding-list .btn {max-width:105px;white-space:normal;}
 .audit-file-actions {grid-template-columns:1fr;} .ws-nav .ic {width:18px;height:18px;}
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after {animation:none!important;transition:none!important;scroll-behavior:auto!important;} .btn:hover {transform:none!important;} }

.audit-quick-actions {display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 10px;}
.audit-quick-actions .btn {min-height:44px;white-space:normal;}
.audit-entry-help {line-height:1.75;margin:0 0 18px;}
#audit-main-message {margin:12px 0;}
/* VALUE-CLOSURE6: explicit checklist-to-current-column preview. */
.profile-map {border:1px solid var(--line-2);background:var(--paper,#f8fafc);border-radius:16px;padding:20px;margin:18px 0 24px;min-width:0;}
.profile-map h2 {font-size:1.15rem;line-height:1.45;margin:0 0 8px;overflow-wrap:anywhere;}
.profile-map>.hint {line-height:1.75;}
.profile-map-name {font-weight:700;overflow-wrap:anywhere;margin:14px 0 0;}
.profile-map-list {display:grid;gap:12px;margin:16px 0;}
.profile-map-row {display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1.25fr);gap:12px;align-items:center;background:white;border:1px solid var(--line);border-radius:12px;padding:14px;min-width:0;}
.profile-map-source,.profile-map-target {min-width:0;overflow-wrap:anywhere;}
.profile-map-source strong {font-size:.86rem;}
.profile-map label {display:block;font-size:.76rem;font-weight:650;margin-bottom:7px;line-height:1.5;}
.profile-map select {display:block;width:100%;min-width:0;max-width:100%;min-height:44px;padding:9px;border:1px solid var(--line-2);border-radius:8px;background:white;font:inherit;font-size:.84rem;}
.profile-map-row .hint {font-size:.74rem;line-height:1.6;margin-top:7px;}
.profile-map-arrow {color:var(--ink-3);text-align:center;}
.profile-map-actions {display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;}
.profile-map-actions .btn {white-space:normal;min-height:44px;}
@media(max-width:699px) {
 .profile-map {padding:14px;margin:14px 0 20px;}
 .profile-map-row {grid-template-columns:minmax(0,1fr);gap:8px;padding:12px;}
 .profile-map-arrow {text-align:left;transform:rotate(90deg);width:18px;}
 .profile-map-actions {display:grid;grid-template-columns:minmax(0,1fr);}
 .profile-map h2 {font-size:1.05rem;}
}
@media(max-width:599px) {.audit-quick-actions {display:grid;grid-template-columns:1fr 1fr;} .audit-quick-actions .btn {padding:10px 8px;font-size:.78rem;} #audit-save {grid-column:1/-1;}}