:root{--s2-beige:#fbf7f5;--s2-black:#1b1917;--s2-white:#fff;--s2-beige-shade:#f0eae7;--s2-beige-dark:#dfd5d0;--s2-warm-grey:#776f67;--s2-dark-grey:#545351;--bg:var(--s2-beige);--surface:var(--s2-white);--fg:var(--s2-black);--muted:var(--s2-warm-grey);--border:var(--s2-beige-dark);--accent:var(--s2-black);--accent-fg:var(--s2-white);--danger:#b3261e;--ok:#3f6b3f;--font-display:"Besley", "Tiempos", "Georgia", "Times New Roman", serif;--font-sans:"Neue Montreal", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box}body,html,#root{height:100%;font-family:var(--font-sans);color:var(--fg);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;font-size:13px}.app{flex-direction:column;gap:12px;height:100%;padding:14px;display:flex}h1{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-size:22px;font-weight:400;line-height:1.15}h2{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px;font-size:11px;font-weight:500}.app-header{align-items:center;gap:10px;display:flex}.app-header__logo{flex:none;width:28px;height:28px}.card{border:1px solid var(--border);background:var(--s2-beige-shade);border-radius:10px;padding:12px}button{border:1px solid var(--s2-beige-dark);background:var(--s2-white);color:var(--fg);cursor:pointer;font:inherit;border-radius:999px;padding:7px 14px;font-weight:500;transition:background .12s,color .12s,border-color .12s}button:hover{background:var(--s2-beige-shade)}button:focus-visible{outline:2px solid var(--s2-warm-grey);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}button.primary:hover{background:var(--s2-dark-grey);border-color:var(--s2-dark-grey)}button:disabled{opacity:.45;cursor:not-allowed}input[type=text],select{border:1px solid var(--border);width:100%;font:inherit;background:var(--s2-white);color:var(--fg);border-radius:8px;padding:8px 10px}input[type=text]::placeholder{color:var(--muted)}input[type=text]:focus,select:focus{border-color:var(--s2-warm-grey);outline:none;box-shadow:0 0 0 3px #776f672e}.row{align-items:center;gap:8px;display:flex}.col{flex-direction:column;gap:8px;display:flex}.muted{color:var(--muted)}.danger{color:var(--danger)}.ok{color:var(--ok)}.spacer{flex:1}ul.list{border:1px solid var(--border);background:var(--s2-white);border-radius:8px;max-height:200px;margin:0;padding:0;list-style:none;overflow-y:auto}ul.list li{cursor:pointer;border-bottom:1px solid var(--border);padding:7px 12px}ul.list li:last-child{border-bottom:none}ul.list li:hover{background:var(--s2-beige-shade)}ul.list li.selected{background:var(--s2-black);color:var(--s2-white)}table.preview{border-collapse:collapse;width:100%;font-size:12px}table.preview th,table.preview td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:5px 8px}table.preview th{color:var(--muted);font-weight:500}table.preview tr.preview-changed td:last-child{font-weight:600}table.preview tr.preview-changed{background:#fbf7f599}code{color:var(--s2-dark-grey);font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11px}