:root{--ink: #16233c;--ink-soft: #5d6b83;--ink-faint: #8a95a8;--navy: #0b2a4a;--brand: #0f6cbd;--brand-dark: #0b5699;--brand-tint: #eef5fc;--brand-edge: #bcd9f2;--line: #e2e8f0;--line-soft: #eef1f6;--surface: #ffffff;--canvas: #f4f6fa;--panel: #f8fafc;--ok: #107c10;--err: #a4262c;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 2px rgba(11, 42, 74, .06);--focus: 0 0 0 3px rgba(15, 108, 189, .22)}*{box-sizing:border-box}body{margin:0;--gutter: clamp(16px, 2vw, 28px);padding:var(--gutter) var(--gutter) calc(var(--gutter) * 1.6);background:var(--canvas);color:var(--ink);font-family:Segoe UI,Open Sans,Helvetica Neue,helvetica,arial,sans-serif;font-size:14px;line-height:1.5em;-webkit-font-smoothing:antialiased}.page{width:100%;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.app-header{display:flex;align-items:center;gap:14px;padding:11px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.app-logo{height:30px;width:auto;flex:none}.app-divider{width:1px;height:26px;background:var(--line);flex:none}.app-mark{width:34px;height:34px;border-radius:50%;background:linear-gradient(180deg,#fbfdff 0%,var(--brand-tint) 100%);border:1px solid var(--brand-edge);color:var(--brand);display:flex;align-items:center;justify-content:center;flex:none}.app-titles{display:flex;flex-direction:column;min-width:0}.app-title{font-size:17px;font-weight:650;color:var(--navy);letter-spacing:-.01em;line-height:1.25}.app-subtitle{font-size:12.5px;color:var(--ink-soft);line-height:1.35}.app-header .user-chip{margin-left:auto}.user-chip{display:flex;align-items:center;gap:10px;padding:6px 12px 6px 6px;background:var(--panel);border-radius:999px;flex:none}.user-chip .avatar{width:30px;height:30px;border-radius:50%;background:var(--brand);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:650;flex:none}.user-chip .who{display:flex;flex-direction:column;line-height:1.25;min-width:0}.user-chip .who b{font-weight:600;font-size:13px;color:var(--ink)}.user-chip .who span{font-size:11.5px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:190px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);padding:15px 16px}.card-title{margin:0;font-size:15px;font-weight:650;color:var(--navy);line-height:1.3}.card-lead{margin:4px 0 14px}.muted{color:var(--ink-soft)}.small{font-size:12.5px}.drop{border:2px dashed var(--brand-edge);border-radius:var(--radius-sm);background:var(--panel);padding:44px 16px;text-align:center;cursor:pointer;outline:none;transition:border-color .15s,background .15s,opacity .15s}.drop:hover{border-color:var(--brand)}.drop:focus-visible{border-color:var(--brand);box-shadow:var(--focus)}.drop.over{border-color:var(--brand);background:var(--brand-tint)}.drop.busy{opacity:.7;cursor:progress}.drop strong{display:block;font-size:16px;font-weight:600;color:var(--navy);margin-bottom:4px}.drop span{color:var(--ink-soft)}.loghead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.log{list-style:none;margin:0;padding:0}.log li{display:flex;gap:10px;align-items:flex-start;padding:10px 2px;border-top:1px solid var(--line-soft)}.log li:first-child{border-top:0;padding-top:0}.entry{flex:1;min-width:0}.name{font-weight:600;word-break:break-all}.ok{color:var(--ok);font-weight:700}.err{color:var(--err);font-weight:700}button.link{background:none;border:none;color:var(--brand);cursor:pointer;font:inherit;font-size:12.5px;font-weight:600;padding:0;white-space:nowrap}button.link:hover{color:var(--brand-dark);text-decoration:underline}button.link:focus-visible{outline:none;box-shadow:var(--focus);border-radius:4px}footer{padding:0 4px}@media (max-width: 620px){.app-header .user-chip,.app-subtitle{display:none}}