:root{color-scheme:dark;--bg: #0b1220;--panel: rgba(255, 255, 255, .06);--panel2: rgba(255, 255, 255, .1);--text: rgba(255, 255, 255, .92);--muted: rgba(255, 255, 255, .65);--border: rgba(255, 255, 255, .12);--accent: #7c3aed;--accent2: #22c55e}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(1200px 700px at 10% 10%,rgba(124,58,237,.25),transparent 60%),radial-gradient(900px 600px at 85% 20%,rgba(34,197,94,.18),transparent 55%),var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:inherit}.page{max-width:1100px;margin:0 auto;padding:28px 18px 40px}.pageFull{max-width:100%;padding:16px}.header{margin-bottom:18px}.headerRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.headerLeft{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.headerRight{display:flex;gap:10px}.title{font-size:28px;font-weight:750;letter-spacing:-.02em}.subtitle{margin-top:8px;color:var(--muted)}.dropzone{border:1px dashed var(--border);background:#ffffff08;border-radius:16px;padding:26px;cursor:pointer;transition:transform .12s ease,background .12s ease,border-color .12s ease;margin-bottom:18px}.dropzone:hover{transform:translateY(-1px);background:#ffffff0d;border-color:#fff3}.dropzoneInner{display:grid;gap:8px}.dropTitle{font-size:18px;font-weight:650}.dropHint{color:var(--muted);line-height:1.4}.card{border:1px solid var(--border);background:var(--panel);border-radius:16px;padding:16px}.cardTight{padding:12px 14px;margin-bottom:10px}.cardTitle{font-weight:650;margin-bottom:10px}.list{list-style:none;padding:0;margin:0;display:grid;gap:10px}.listItem{border:1px solid var(--border);background:#ffffff08;border-radius:14px;padding:12px}.filename{font-weight:650}.meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:6px}.muted{color:var(--muted)}.chip{font-size:12px;padding:4px 8px;border:1px solid var(--border);border-radius:999px;background:#ffffff08}.chipWarning{border-color:#fbbf2480;background:#fbbf2426;color:#fbbf24}.cardConflict{border-color:#fbbf2480;background:#fbbf2414;margin-bottom:10px}.conflictTitle{font-weight:650;color:#fbbf24;margin-bottom:8px}.conflictInfo{display:flex;gap:20px;margin-bottom:12px;color:var(--muted)}.conflictActions{display:flex;gap:10px;flex-wrap:wrap}.btnDanger{border-color:#ef444480;background:#ef444426}.btnDanger:hover{background:#ef444440}.btnMuted{opacity:.7}.btn:disabled{opacity:.5;cursor:not-allowed}.link{color:#ffffffe6;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:3px}.btn{border:1px solid rgba(255,255,255,.18);background:linear-gradient(180deg,#ffffff14,#ffffff0a);color:var(--text);border-radius:10px;padding:10px 12px;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.btn:hover{transform:translateY(-1px);border-color:#ffffff47}.btnSmall{padding:7px 10px;border-radius:9px;font-size:12px}.docTitle{font-weight:650}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.code{padding:5px 8px;border:1px solid var(--border);border-radius:10px;background:#0000002e}.topBar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--panel);border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.topBarLeft{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.topBarRight{display:flex;gap:8px}.linkIcon{font-size:18px;text-decoration:none;padding:4px 8px;border-radius:6px;background:#ffffff0d}.linkIcon:hover{background:#ffffff1a}.topBarTitle{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.topBarChip{font-size:11px;padding:3px 8px;border-radius:999px;background:#ffffff14;white-space:nowrap}.topBarChipPending{background:#3b82f633;color:#93c5fd}.topBarChipAlert{background:#fbbf2433;color:#fbbf24;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.topBarBtn{background:#ffffff14;border:1px solid var(--border);color:var(--text);padding:6px 12px;border-radius:8px;cursor:pointer;font-size:12px}.topBarBtn:hover{background:#ffffff1f}.panel{margin-bottom:8px}.viewerWrap{height:calc(100vh - 80px);border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#00000040;transition:height .2s ease}.viewerWrapWithPanel{height:calc(100vh - 220px)}.viewer{width:100%;height:100%;border:0}