:root{--rust:#e36843;--rust-deep:#b24a2a;--sage:#6e8a6c;--ink:#1c1c1a;--paper:#f7f6f3;--panel:#fff;--line:#e6e4dd;--mut:#8a8a86;--sans:"Segoe UI", system-ui, -apple-system, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--ink);background:var(--paper)}.app{flex-direction:column;height:100vh;display:flex}.topbar{background:var(--panel);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:54px;padding:0 20px;display:flex}.brand{letter-spacing:.04em;font-size:16px;font-weight:800}.brand span{color:var(--mut);font-weight:600}.userbox{align-items:center;gap:12px;display:flex}.uname{color:var(--mut);font-size:12.5px}.signin-wrap{background:var(--paper);flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:100vh;display:flex}.signin-brand{letter-spacing:.04em;font-size:22px;font-weight:800}.signin-brand span{color:var(--mut);font-weight:600}.body{flex:1;grid-template-columns:300px 1fr;min-height:0;display:grid}.sidebar{background:var(--panel);border-right:1px solid var(--line);flex-direction:column;gap:18px;padding:16px;display:flex;overflow:auto}.grp-h{letter-spacing:.16em;text-transform:uppercase;color:var(--mut);align-items:center;gap:8px;margin-bottom:8px;font-size:10px;font-weight:700;display:flex}.count{color:var(--mut);letter-spacing:0;background:#efece5;border-radius:10px;padding:1px 7px;font-size:10px}.search,.period{width:100%;font:inherit;border:1px solid var(--line);background:#fff;border-radius:7px;padding:8px 10px;font-size:13px}.hint{color:var(--mut);margin-top:6px;font-size:10px;line-height:1.4}.search{margin-bottom:8px}.clist{border:1px solid var(--line);border-radius:8px;max-height:320px;overflow:auto}.crow{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:#fff;width:100%;padding:8px 10px;display:block}.crow:last-child{border-bottom:0}.crow:hover{background:#faf9f6}.crow.on{box-shadow:inset 3px 0 0 var(--rust);background:#fbeee9}.cname{color:var(--ink);font-size:12.5px;font-weight:600;line-height:1.25;display:block}.cmeta{color:var(--mut);margin-top:2px;font-size:10.5px;display:block}.empty{color:var(--mut);padding:14px;font-size:12px}.pages{flex-direction:column;gap:4px;display:flex}.prow{text-align:left;border:1px solid var(--line);font:inherit;cursor:pointer;color:#33332f;background:#fff;border-radius:7px;padding:8px 10px;font-size:13px}.prow:hover{background:#faf9f6}.prow.on{background:var(--ink);color:#fff;border-color:var(--ink)}.genrow{flex-direction:column;gap:8px;margin-top:auto;display:flex}.generate{background:var(--rust);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:12px;font-size:14px;font-weight:700}.generate:hover:not(:disabled){background:var(--rust-deep)}.generate:disabled{cursor:not-allowed;background:#d9d6cf}.generate.secondary{color:var(--rust);border:1px solid var(--rust);background:#fff}.generate.secondary:hover:not(:disabled){background:#fbeee9}.generate.secondary:disabled{color:#c9c5be;cursor:not-allowed;background:#fff;border-color:#e2ded6}.testrow{gap:8px;margin-top:8px;display:flex}.sendtest{color:var(--mut);border:1px dashed var(--line);font:inherit;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:0 0;border-radius:8px;flex:1;padding:9px;font-size:11.5px;overflow:hidden}.sendtest:hover:not(:disabled){color:var(--rust);border-color:var(--rust)}.sendtest:disabled{opacity:.45;cursor:not-allowed}.runs{border:1px solid var(--line);border-radius:8px;max-height:220px;overflow:auto}.runrow{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:#fff;width:100%;padding:7px 10px;display:block}.runrow:last-child{border-bottom:0}.runrow:hover{background:#fbeee9}.rname{color:var(--ink);font-size:12px;font-weight:600;line-height:1.25;display:block}.rmeta{color:var(--mut);margin-top:2px;font-size:10px;display:block}.preview{justify-content:center;min-height:0;padding:22px;display:flex;overflow:auto}.ph{color:var(--mut);margin:auto;font-size:14px}.ph.err{color:var(--rust-deep)}.pv-wrap{width:100%;max-width:900px}.pv-bar{justify-content:space-between;align-items:baseline;margin-bottom:12px;padding:0 4px;display:flex}.pv-title{font-size:14px;font-weight:700}.pv-sub{color:var(--mut);font-size:12px}.pv-frame{border:1px solid var(--line);background:#55534e;border-radius:10px;width:100%;height:1120px;box-shadow:0 8px 30px #0000001f}.modal-overlay{z-index:50;background:#1c1c1a6b;justify-content:center;align-items:center;padding:20px;animation:.12s ease-out modal-fade;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border-top:3px solid var(--line);border-radius:12px;width:380px;max-width:100%;animation:.14s ease-out modal-pop;overflow:hidden;box-shadow:0 18px 50px #00000047}.modal.success{border-top-color:var(--sage)}.modal.error{border-top-color:var(--rust)}.modal-head{align-items:center;gap:9px;padding:16px 18px 6px;display:flex}.modal-dot{border-radius:50%;flex:none;width:9px;height:9px}.modal-dot.success{background:var(--sage)}.modal-dot.error{background:var(--rust)}.modal-title{color:var(--ink);font-size:14px;font-weight:700}.modal-body{padding:2px 18px 14px 36px}.modal-line{color:#44443f;word-break:break-word;font-size:12.5px;line-height:1.5}.modal-actions{justify-content:flex-end;padding:0 16px 16px;display:flex}.modal-btn{background:var(--rust);color:#fff;font:inherit;cursor:pointer;border:0;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:600}.modal-btn:hover{background:var(--rust-deep)}@keyframes modal-fade{0%{opacity:0}to{opacity:1}}@keyframes modal-pop{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:none}}