@import "https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500&family=Outfit:wght@300;400;500&display=swap";:root{--bg:#080a0e;--surface:#0d1017;--surface2:#131820;--border:#ffffff0f;--border2:#ffffff1c;--text:#dde3ee;--muted:#5a6278;--accent:#c8a96e;--r:8px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);height:100vh;font-family:Outfit,sans-serif;overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}.app{flex-direction:column;height:100vh;display:flex;overflow:hidden}.header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:100;background:#080a0ef0;flex-shrink:0;justify-content:space-between;align-items:center;padding:13px 24px;display:flex}.header-left{align-items:baseline;gap:12px;display:flex}.logo{color:var(--accent);letter-spacing:.01em;font-family:Playfair Display,serif;font-size:17px;font-weight:400}.header-sub{color:var(--muted);letter-spacing:.05em;font-size:11px;font-weight:300}.header-right{align-items:center;gap:18px;display:flex}.zoom-controls{align-items:center;gap:4px;display:flex}.zoom-btn{border:1px solid var(--border2);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-family:Outfit,sans-serif;font-size:15px;transition:background .15s,color .15s;display:flex}.zoom-btn:hover{color:var(--text);background:#ffffff0f}.zoom-label{color:var(--muted);text-align:center;min-width:36px;font-size:11px}.sync-status{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.sync-dot{background:var(--muted);border-radius:50%;width:6px;height:6px;transition:background .3s}.sync-dot.ok{background:#86c07a}.sync-dot.loading{background:var(--accent);animation:1s infinite pulse}.sync-dot.error{background:#c07a7a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.login-screen{background:radial-gradient(#c8a96e0a 0%,#0000 60%);flex:1;justify-content:center;align-items:center;display:flex}.login-card{background:var(--surface);border:1px solid var(--border2);text-align:center;border-radius:16px;width:100%;max-width:400px;padding:40px 48px}.login-title{color:var(--accent);margin-bottom:10px;font-family:Playfair Display,serif;font-size:26px}.login-desc{color:var(--muted);margin-bottom:28px;font-size:13px;line-height:1.75}.login-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:#c8a96e1f;border-radius:10px;align-items:center;gap:10px;padding:12px 28px;font-family:Outfit,sans-serif;font-size:14px;font-weight:500;transition:background .2s,transform .1s;display:inline-flex}.login-btn:hover{background:#c8a96e38;transform:translateY(-1px)}.login-note{color:var(--muted);margin-top:16px;font-size:11px;line-height:1.6}.canvas-area{flex:1;position:relative;overflow:hidden}.panel{background:var(--surface);border-left:1px solid var(--border);z-index:50;flex-direction:column;width:290px;transition:transform .36s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%)}.panel.open{transform:translate(0)}.panel-head{border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:10px;padding:20px 20px 16px;display:flex}.panel-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:10px}.panel-title{font-family:Playfair Display,serif;font-size:19px;font-weight:400;line-height:1.25}.panel-close{border:1px solid var(--border2);color:var(--muted);cursor:pointer;background:0 0;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;transition:background .15s;display:flex}.panel-close:hover{color:var(--text);background:#ffffff0d}.panel-body{flex:1;padding:16px 20px;overflow-y:auto}.panel-section{margin-bottom:20px}.panel-section-title{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;font-size:10px}.panel-loading{color:var(--muted);padding:8px 0;font-size:12px}.link-row{border-radius:var(--r);border:1px solid var(--border);background:#ffffff04;align-items:center;gap:9px;margin-bottom:5px;padding:8px 10px;transition:background .15s;display:flex}.link-row:hover{background:#ffffff0a}.link-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.link-label{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.link-btns{flex-shrink:0;align-items:center;gap:4px;display:flex}.link-badge{color:var(--muted);background:var(--surface2);border-radius:8px;padding:2px 7px;font-size:10px}.link-btn{border:1px solid var(--border2);color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;border-radius:5px;padding:2px 8px;font-family:Outfit,sans-serif;font-size:10px;transition:background .15s,color .15s}.link-btn:hover{color:var(--text);background:#ffffff0f}.link-btn.primary{border-color:var(--accent);color:var(--accent)}.link-btn.primary:hover{background:#c8a96e1f}