:root{font-family:"Segoe UI","Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;color:#183047;background:#f4f7fb;font-synthesis:none;--brand:#365ad7;--line:#d9e2ef;--add:#e6f6ea;--add-strong:#a8e0b5;--del:#fdecec;--del-strong:#f4b3b3;--mono:ui-monospace,"Cascadia Mono",Consolas,"Microsoft JhengHei Mono","Microsoft JhengHei",monospace}
*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}a{color:#3256bb}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}[hidden]{display:none!important}
header{background:#fff;border-bottom:1px solid var(--line)}.top{max-width:1320px;margin:auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}.top a{text-decoration:none;font-size:.9rem;font-weight:700;min-height:44px;display:inline-flex;align-items:center}.brand{display:flex;align-items:center;gap:10px;font-weight:800}.brand-icon{display:grid;place-items:center;background:#eaf0ff;border-radius:12px;width:42px;height:42px;font-size:1.35rem;color:#365ad7}
.wrap{max-width:1320px;margin:auto;padding:32px 24px 60px}.intro{max-width:900px;margin-bottom:24px}.eyebrow{color:#365ad7;font-size:.84rem;font-weight:700;margin:0 0 8px}h1{font-size:clamp(1.6rem,4vw,2.3rem);margin:0 0 10px;line-height:1.3}h2{font-size:1.08rem;margin:0}.lead{color:#53687e;line-height:1.7;margin:0 0 14px}.badges{display:flex;flex-wrap:wrap;gap:7px}.badge{background:#fff;border:1px solid var(--line);border-radius:20px;padding:6px 11px;font-size:.8rem;font-weight:600}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;min-width:0;box-shadow:0 5px 18px #1c365608;margin-bottom:20px}
.btn{display:inline-flex;justify-content:center;align-items:center;gap:7px;background:#fff;border:1px solid #cbd6e5;border-radius:10px;padding:10px 14px;min-height:44px;color:#243d56;text-decoration:none;font-weight:700;font-size:.88rem}.btn:hover:not(:disabled){background:#f0f5fd}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.primary:hover:not(:disabled){background:#2749be}.btn.danger{color:#a63235}.btn.mini{min-height:40px;padding:6px 12px;font-size:.82rem}.btn[aria-pressed=true]{background:#e8eefc;border-color:#365ad7;color:#203f9e}
.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.small{font-size:.8rem;color:#63778b;line-height:1.7;overflow-wrap:anywhere}
.status{padding:12px 16px;border-radius:12px;background:#eaf2fc;border:1px solid #c8dcf5;color:#244d7b;line-height:1.7;margin:16px 0 0;font-size:.88rem;overflow-wrap:anywhere}.status.error{background:#fff0ee;border-color:#f1c3ba;color:#94362b}.status.success{background:#eaf7ee;border-color:#bddcc7;color:#25663a}.status.busy{background:#fff8e7;border-color:#efd9a6;color:#765621}
.empty{text-align:center;color:#63778b;padding:50px 20px;background:#f8faff;border:1px dashed #cbd8e9;border-radius:12px;line-height:1.8}
.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
:focus-visible{outline:3px solid #5278e5;outline-offset:2px}
details summary{cursor:pointer;font-weight:700;font-size:.92rem;min-height:44px;display:flex;align-items:center}details li{font-size:.86rem;color:#52677c;line-height:1.8}
footer{font-size:.8rem;color:#63778b;text-align:center;margin-top:32px;line-height:1.8}footer a{display:inline-flex;align-items:center;min-height:44px;padding:4px 8px}
/* inputs */
.inputs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}.side{min-width:0;position:relative}.side-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;flex-wrap:wrap}.side-head h2{display:flex;align-items:center;gap:8px}
.tag{font-size:.72rem;font-weight:800;border-radius:6px;padding:3px 7px}.tag.old{background:var(--del);color:#9b2c2c}.tag.new{background:var(--add);color:#21673a}
.text-in{width:100%;min-height:240px;height:32vh;max-height:70vh;resize:vertical;border:1px solid #cbd6e5;border-radius:10px;padding:11px 12px;font-family:var(--mono);font-size:.86rem;line-height:1.55;tab-size:4;white-space:pre;overflow:auto;background:#fff;color:#183047}
.text-in[readonly]{background:#f6f8fb;color:#52677c}.text-in.over{border-color:#365ad7;background:#f2f6ff;box-shadow:0 0 0 3px #365ad733}
.file-info{min-height:1.4em;margin:6px 0 0}
.options{display:flex;flex-wrap:wrap;gap:8px 18px;margin:16px 0;align-items:center}.check{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;font-weight:600;min-height:44px;cursor:pointer}.check input{width:20px;height:20px;accent-color:var(--brand)}
.select-wrap{display:inline-flex;align-items:center;gap:8px;font-size:.88rem;font-weight:600;min-width:0;flex-wrap:wrap}.select-wrap select{min-height:44px;border:1px solid #cbd6e5;border-radius:9px;padding:8px 10px;background:#fff;color:#183047;max-width:100%}
.main-actions .btn{flex:0 1 auto}
/* results */
.stats{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:.8rem;font-weight:700;border-radius:20px;padding:5px 10px;background:#eef2f8;color:#36506b}.chip.add{background:var(--add);color:#1f6436}.chip.del{background:var(--del);color:#9b2c2c}.chip.mod{background:#fff4d6;color:#7a5410}
.toolbar{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center;margin-bottom:12px}.seg{display:inline-flex;gap:6px}.nav{display:inline-flex;align-items:center;gap:8px;margin-left:auto}.nav .small{min-width:5.5em;text-align:center}
.diff-view{text-align:left;border:1px solid var(--line);border-radius:12px;max-height:75vh;overflow:auto;background:#fff;font-family:var(--mono);font-size:.82rem;line-height:1.5;tab-size:4;overscroll-behavior:contain}
.row{display:grid;grid-template-columns:3.4em minmax(0,1fr) 3.4em minmax(0,1fr);border-bottom:1px solid #f1f4f8}.u .row{grid-template-columns:3.4em 3.4em 1.4em minmax(0,1fr)}
.n{color:#8a99ab;text-align:right;padding:2px 6px;user-select:none;background:#fafbfd;border-right:1px solid #eef1f6;font-size:.76rem}.c{white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;padding:2px 8px;min-width:0}.s{text-align:center;user-select:none;color:#7a8898;padding:2px 0}
.c.del,.row.del .c,.row.del .s{background:var(--del)}.c.add,.row.add .c,.row.add .s{background:var(--add)}.c.none{background:repeating-linear-gradient(135deg,#f6f8fb 0 6px,#fff 6px 12px)}.n.del{background:#fbe0e0;color:#9b2c2c}.n.add{background:#d9f1df;color:#1f6436}
.c.blank{background:#f6f7f9;color:#8a99ab}.c.soft{box-shadow:inset 3px 0 #e9d48b}
del.x{background:var(--del-strong);text-decoration:none;border-radius:2px}ins.x{background:var(--add-strong);text-decoration:none;border-radius:2px}
.row.cur .n{box-shadow:inset 3px 0 #365ad7}.row.cur{outline:2px solid #365ad7;outline-offset:-2px}
.skip{display:block;width:100%;text-align:center;background:#eef3fb;color:#3256bb;border:0;border-bottom:1px solid #dde6f3;padding:8px;min-height:40px;font:inherit;font-family:"Segoe UI","Microsoft JhengHei",sans-serif;font-size:.8rem;font-weight:700}.skip:hover{background:#e2ebfa}
.sentinel{padding:14px;text-align:center;color:#7a8898;font-family:"Segoe UI","Microsoft JhengHei",sans-serif;font-size:.8rem}
.export{margin-top:14px}
@media(max-width:850px){.inputs{grid-template-columns:minmax(0,1fr)}.text-in{height:200px;min-height:160px}.wrap{padding:24px 16px 40px}.top{padding:12px 16px}.panel{padding:16px}.nav{margin-left:0}.row{grid-template-columns:2.6em minmax(0,1fr) 2.6em minmax(0,1fr)}.u .row{grid-template-columns:2.6em 2.6em 1.2em minmax(0,1fr)}.n{padding:2px 3px;font-size:.7rem}.c{padding:2px 5px}.diff-view{font-size:.78rem}}
@media(max-width:380px){.wrap{padding:20px 10px}.top{padding:10px}.brand{font-size:.9rem}.brand-icon{width:34px;height:34px}.panel{padding:12px}.options{gap:4px 12px}.row{grid-template-columns:2.2em minmax(0,1fr) 2.2em minmax(0,1fr)}.u .row{grid-template-columns:2.2em 2.2em 1em minmax(0,1fr)}.c{padding:2px 3px}}
@media print{header,.intro,.inputs,.options,.main-actions,.status,.toolbar,.export,.help,footer,.result-panel>.small,#dreamctn-language{display:none!important}.panel{border:0;box-shadow:none;padding:0}.diff-view{max-height:none;overflow:visible;border:0}body{background:#fff}}
/* ---- redesign (20261028): hero, scenarios, steps, toolbar, minimap, prose view, merge, exports ---- */
body{background:#f4f7fb url(art/bg.webp) center top/cover fixed no-repeat}
.hero{position:relative;display:flex;align-items:center;min-height:360px;margin-bottom:22px;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:linear-gradient(90deg,#f1f8ff 0%,#e4f0ff 100%);box-shadow:0 8px 26px #1c36561a}
.hero::before{content:"";position:absolute;right:0;bottom:0;height:100%;aspect-ratio:3/2;background:url(art/hero.webp) center/cover no-repeat;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 32%);mask-image:linear-gradient(90deg,transparent 0,#000 32%);pointer-events:none}.hero-text{position:relative;z-index:1}
.hero-text{max-width:54%;padding:30px 34px}.hero h1{margin:0 0 10px}.hero .lead{margin-bottom:16px}
.badge{display:inline-flex;align-items:center;gap:6px}.badge-ic{width:24px;height:auto;flex:none}
.step{display:flex;align-items:center;gap:10px}.step-ic{width:30px;height:auto;flex:none}.btn-ic{height:16px;width:auto;flex:none}
.scene-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:8px}
.scene{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 8px 10px;min-height:44px;transition:transform .15s,box-shadow .15s,border-color .15s}
.scene:hover{transform:translateY(-2px);box-shadow:0 8px 18px #365ad71f;border-color:#a9bdf0}.scene[aria-pressed=true]{border-color:var(--brand);background:#f2f6ff;box-shadow:0 0 0 2px #365ad733}
.scene-ic{height:64px;width:auto;max-width:100%;object-fit:contain}.scene b{font-size:.88rem;color:#183047}.scene span{font-size:.74rem;color:#63778b;line-height:1.4}
.scene-note:not(:empty){margin:12px 0 0;padding:10px 14px;background:#f2f6ff;border:1px solid #d5e0f8;border-radius:12px;color:#2b4aa8}
.side-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.side-tools select{min-height:40px;font-size:.84rem}
.samples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px}
.mode-row{display:flex;flex-wrap:wrap;gap:8px 16px;align-items:center}.mode-row .small{margin:0;flex:1 1 260px}
.adv{margin:4px 0 12px}.adv summary{font-size:.88rem}.rule-row{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:flex-end;margin:6px 0}
.select-wrap.grow{flex:1 1 280px}.select-wrap.grow input{flex:1;min-width:0;min-height:44px;border:1px solid #cbd6e5;border-radius:9px;padding:8px 10px;font-family:var(--mono);font-size:.84rem;background:#fff;color:#183047}
.status-row{display:flex;gap:14px;align-items:center;margin-top:16px}.status-row .status{flex:1;margin:0;min-width:0}.mascot{width:86px;height:auto;flex:none}
.toolbar .tgroup{display:inline-flex;flex-wrap:wrap;gap:6px;align-items:center}.tool-label{font-size:.78rem;font-weight:800;color:#5a6f88}.tb2{margin-top:-4px}.tb2 .check{min-height:40px}
.btn.mini .btn-ic{margin-right:2px}
.change-list{margin:0 0 12px;border:1px solid var(--line);border-radius:12px;padding:0 12px;background:#fbfcff}.change-list ol{margin:0 0 10px;padding:0 0 0 22px;max-height:240px;overflow:auto}.change-list li{line-height:1.5}
.link{background:none;border:0;color:#2b4aa8;text-align:left;font:inherit;font-size:.84rem;padding:6px 4px;min-height:36px;overflow-wrap:anywhere}.link:hover{text-decoration:underline}
.empty img{display:block;margin:0 auto 6px;width:150px;max-width:50%;height:auto}.same-box{display:flex;align-items:center;gap:16px;margin:0 0 12px;padding:12px 16px;background:#eaf7ee;border:1px solid #bddcc7;border-radius:14px;color:#25663a}.same-box img{width:96px;height:auto;flex:none}.same-box p{margin:0;font-weight:700}
.chip.sim{background:#e8eefc;color:#203f9e}
.diff-wrap{display:flex;gap:8px;align-items:stretch}.diff-wrap .diff-view{flex:1;min-width:0;position:relative;font-size:var(--fs,13px);tab-size:var(--tab,4)}
.diff-view.nowrap{overflow-x:auto}.diff-view.nowrap .c{white-space:pre;overflow-wrap:normal;word-break:normal}.diff-view.nowrap .row{width:max-content;min-width:100%}
.minimap{position:relative;width:14px;flex:none;border-radius:7px;overflow:hidden;background:#eef2f8;cursor:pointer;border:1px solid var(--line)}.minimap canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.map-thumb{position:absolute;left:0;right:0;border:2px solid #365ad7;background:#365ad722;border-radius:4px;pointer-events:none}
.diff-view.p{padding:12px 16px;white-space:pre-wrap;overflow-wrap:anywhere;font-family:"Segoe UI","Microsoft JhengHei","PingFang TC","Noto Sans TC",sans-serif;line-height:1.9;font-size:calc(var(--fs,13px) + 2px)}
.diff-view.p del{background:var(--del-strong);text-decoration:line-through;text-decoration-color:#b94141;border-radius:3px}.diff-view.p ins{background:var(--add-strong);text-decoration:none;border-bottom:2px solid #3d9a58;border-radius:3px}.diff-view.p .cur{outline:2px solid #365ad7;outline-offset:1px}.diff-view.p.nowrap{white-space:pre}
i.ws{color:#9fb0c4;font-style:normal;user-select:none}
.row.pick{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#eaf0ff;border-bottom:1px solid #d5e0f8;font-family:"Segoe UI","Microsoft JhengHei",sans-serif}.pk-t{font-weight:800;font-size:.8rem;color:#2b4aa8;margin-right:auto}.row.pick .btn{min-height:32px;padding:3px 10px}
.s .row.pk-a .c:nth-child(4),.s .row.pk-b .c:nth-child(2),.u .row.del.pk-b,.u .row.add.pk-a{opacity:.38}
.kbd-hint{margin:10px 0 0}
.guide li,.guide p,.help li{overflow-wrap:anywhere}
.merge-panel{margin-top:18px;padding-top:14px;border-top:1px dashed #cbd8e9}.merge-panel h3{display:flex;align-items:center;gap:8px;margin:0;font-size:1rem}.merge-out{height:220px;min-height:120px;margin-top:12px;white-space:pre;background:#f8faff}
.export-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.btn.ex{justify-content:flex-start;gap:10px;text-align:left}.btn.ex img{width:26px;height:auto;flex:none}
.settings .check{margin-right:12px}.privacy{margin-top:8px;padding:10px 14px;border-radius:12px;background:#eef7f1;color:#2f5d41}
@media(max-width:1100px){.scene-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){body{background-attachment:scroll}.hero{min-height:0;background:linear-gradient(180deg,#f1f8ff 0%,#e4f0ff 100%)}.hero::before{height:220px}.hero-text{max-width:none;padding:22px 18px 230px}.minimap{display:none}.export-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mascot{width:64px}.same-box img{width:64px}}
@media(max-width:520px){.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scene-ic{height:54px}.export-grid{grid-template-columns:minmax(0,1fr)}.btn.mini{min-height:44px}.status-row{align-items:flex-start}.mascot{width:52px}}
@media print{.hero,.scenes,.minimap,.export-panel,.settings,.change-list,.merge-panel .actions,.same-box,.kbd-hint,.side-tools,.samples,.mode-row,.tb2{display:none!important}body{background:#fff}}