*{box-sizing:border-box}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#0b1020;color:#e8eefc}header{display:flex;justify-content:space-between;align-items:center;padding:24px 30px;border-bottom:1px solid #202942;background:#0d1325}h1{margin:4px 0 6px;font-size:30px}h2{margin:0;font-size:16px}.eyebrow{font-size:12px;letter-spacing:.16em;color:#7aa2ff}header p{margin:0;color:#92a0ba}.badge{padding:8px 12px;border-radius:999px;background:#19213a;color:#b7c6e8;font-size:12px}main{display:grid;grid-template-columns:340px 1fr;gap:16px;padding:16px;min-height:calc(100vh - 110px)}aside,.workspace{display:flex;flex-direction:column;gap:14px}.panel{background:#11192d;border:1px solid #202b48;border-radius:18px;padding:16px;box-shadow:0 12px 30px #05081666}.drop{display:flex;flex-direction:column;gap:5px;margin:14px 0;padding:22px;border:1px dashed #3c4e78;border-radius:14px;background:#0d1427;cursor:pointer}.drop input,.small-upload input{display:none}.drop small,.muted{color:#8594b1;font-size:12px}textarea,select{width:100%;border:1px solid #293958;background:#0c1324;color:#e8eefc;border-radius:12px;padding:11px}textarea{min-height:105px;resize:vertical}button,.small-upload{border:1px solid #2c3b5e;background:#18233d;color:#dce7ff;border-radius:11px;padding:10px 13px;cursor:pointer;font:inherit}.primary{width:100%;margin-top:10px;background:#5b7cff;border-color:#5b7cff;color:white;font-weight:700}button:hover,.small-upload:hover{filter:brightness(1.08)}.row{display:flex;gap:8px;margin-top:12px}.workspace{min-width:0}.tabs{display:flex;gap:8px}.tabs .active{background:#5b7cff;border-color:#5b7cff}.split{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-height:620px}.viewer{padding:0;overflow:hidden}.panelbar{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #202b48}.panelbar select{width:auto;min-width:120px;padding:7px 10px}#plan,#three{width:100%;height:560px;background:#f7f8fb;display:block}.code{min-height:590px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px}.status{display:flex;gap:14px;align-items:flex-start}.status span{color:#9fb0d1;white-space:pre-wrap}.hidden{display:none!important}@media(max-width:1150px){main{grid-template-columns:1fr}.split{grid-template-columns:1fr}#plan,#three{height:480px}}

/* ── LanEnglish 版补充（2026-09-14）── */
header.top{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:18px 24px}
.brand img{height:34px;width:auto;display:block;background:#fff;border-radius:8px;padding:4px 8px}
.ttl{flex:1;min-width:240px}
.ttl h1{font-size:26px}
.ttl sup{font-size:12px;color:#7aa2ff}
.acct{font-size:13px;color:#b7c6e8;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.acct b{color:#ffd37a}
.acct a{color:#9fc0ff}
.ghost{background:transparent}
.note{margin:8px 0 0;color:#8594b1;font-size:12px;line-height:1.6}
.primary:disabled,button:disabled{opacity:.55;cursor:default;filter:none}
#revise{width:100%;margin-top:10px}
.row{flex-wrap:wrap}
.row.end{justify-content:flex-end}
.thumbs{display:flex;flex-wrap:wrap;gap:8px;margin:-4px 0 10px}
.thumbs .t{position:relative;width:64px;height:64px;border-radius:10px;overflow:hidden;border:1px solid #2c3b5e;background:#0c1324}
.thumbs .t img{width:100%;height:100%;object-fit:cover;display:block}
.thumbs .t span{position:absolute;left:0;right:0;bottom:0;background:#000a;color:#fff;font-size:10px;text-align:center;padding:1px 0}
.thumbs .t b{position:absolute;top:2px;right:2px;width:18px;height:18px;border-radius:50%;background:#000c;color:#fff;font-size:12px;line-height:18px;text-align:center;cursor:pointer}
.drop.drag{border-color:#7aa2ff;background:#121c36}
.info h2{margin-bottom:8px}
.info ul{margin:0;padding-left:18px;color:#b7c6e8;font-size:13px;line-height:1.8}
.warns{background:#3a1d1d;border:1px solid #7a3434;color:#ffb4a8;border-radius:12px;padding:10px 12px;margin-bottom:12px;font-size:13px;line-height:1.7}
.foot{padding:10px 24px 28px;color:#8594b1;font-size:12.5px;line-height:1.8;text-align:center}
.foot b{color:#c8d4ee}
.foot a{color:#9fb0d1}
.mask{position:fixed;inset:0;background:#000b;display:none;align-items:center;justify-content:center;z-index:50;padding:16px}
.mask.on{display:flex}
.modal{background:#11192d;border:1px solid #2c3b5e;border-radius:16px;padding:20px;width:100%;max-width:360px}
.modal h3{margin:0 0 4px}
.modal input{width:100%;border:1px solid #293958;background:#0c1324;color:#e8eefc;border-radius:11px;padding:11px;font-size:16px;margin-top:10px}
.modal .row input{flex:1;min-width:0}
.modal .row{flex-wrap:nowrap;align-items:flex-end}
.merr{color:#ff8f7a;font-size:12.5px;min-height:18px;margin-top:6px}
#three .nogl{display:flex;align-items:center;justify-content:center;height:100%;color:#536177;font-size:14px;padding:20px;text-align:center}
@media(max-width:640px){header.top{padding:14px 16px}.ttl h1{font-size:21px}main{padding:10px}#plan,#three{height:360px}.split{min-height:0}.code{min-height:360px}}
