:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f4f7fb;--bg-accent:#eef3ff;--ink:#111827;--muted:#667085;--panel:#ffffffeb;--panel-border:#94a3b838;--shadow:0 18px 40px #0f172a14;--shadow-soft:0 12px 30px #0f172a0f;--accent:#2563eb;--accent-soft:#dbeafe;--success-soft:#dcfce7;--success-ink:#166534;--danger-soft:#fee2e2;--danger-ink:#991b1b}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at top left, #3b82f61f, transparent 30%), radial-gradient(circle at top right, #a855f71a, transparent 28%), linear-gradient(180deg, #f8fbff 0%, var(--bg) 100%);margin:0;font-family:Inter,Segoe UI,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}button,textarea,code{font:inherit}code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.page{max-width:1440px;margin:0 auto;padding:32px 24px 48px}.page-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.page-header__title{align-items:center;gap:12px;display:flex}.eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--muted);white-space:nowrap;font-size:12px;font-weight:700}.page-header__desc{color:var(--muted);font-size:14px}.workbench{gap:24px;display:grid}.panel{background:var(--panel);border:1px solid var(--panel-border);box-shadow:var(--shadow);border-radius:24px;padding:24px}.panel__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.panel__header--stacked{align-items:center}.panel__header h2{letter-spacing:-.02em;margin:0 0 6px;font-size:24px}.panel__header p{color:var(--muted);margin:0;line-height:1.6}.toolbar{flex-wrap:wrap;gap:10px;display:flex}.lang-select{color:var(--ink);cursor:pointer;appearance:none;background:#f8fafce6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23667085' d='M6 8L1 3h10z'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #94a3b847;border-radius:999px;padding:10px 28px 10px 14px;font-size:14px;font-weight:600}.lang-select:hover{background-color:#fff;border-color:#3b82f647}.ghost-button{color:var(--ink);cursor:pointer;background:#f8fafce6;border:1px solid #94a3b847;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:600}.ghost-button:hover{background:#fff;border-color:#3b82f647}.editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.editor-card{gap:10px;display:grid}.editor-card__header{justify-content:space-between;align-items:center;display:flex}.editor-card__label{font-size:14px;font-weight:700}.editor-card__meta{color:var(--muted);font-size:13px}.editor-card textarea{resize:vertical;width:100%;min-height:280px;color:var(--ink);background:linear-gradient(#fffffffa,#f8fafcf2);border:1px solid #94a3b838;border-radius:18px;padding:16px 18px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:14px;line-height:1.6;box-shadow:inset 0 1px 2px #0f172a0a}.editor-card textarea:focus{border-color:#2563eb57;outline:2px solid #2563eb38}.summary-pills{flex-wrap:wrap;gap:10px;display:flex}.summary-pill{color:#334155;background:#e2e8f0b3;border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:6px 12px;font-size:13px;font-weight:700;display:inline-flex}.summary-pill--active{background:var(--accent-soft);color:#1d4ed8}.summary-pill--add{background:var(--success-soft);color:var(--success-ink)}.summary-pill--delete{background:var(--danger-soft);color:var(--danger-ink)}.diff-shell{background:#ffffffd9;border:1px solid #94a3b838;border-radius:20px;overflow:hidden;box-shadow:inset 0 1px #fff9}.diff-empty{min-height:200px;color:var(--muted);justify-content:center;align-items:center;font-size:14px;display:flex}.diff-view{min-height:420px;display:block}@media (width<=800px){.page{padding:20px 16px 32px}.page-header{flex-direction:column;align-items:flex-start}.panel{padding:20px}.panel__header{flex-direction:column}.editor-grid{grid-template-columns:1fr}.editor-card textarea{min-height:220px}}