@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Caveat:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#27272a;background:#fafafa;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}html.dark,html.dark body,html.dark #root{color:#e4e4e7;background:#0a0a0f}.qdraw-footer{-webkit-backdrop-filter:blur(20px)saturate(180%);z-index:1000;-webkit-user-select:none;user-select:none;background:#ffffff1f;border:1px solid #ffffff26;border-radius:14px;align-items:center;gap:10px;padding:8px 12px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:16px;right:16px;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a}html.dark .qdraw-footer{background:#14141e80;border-color:#ffffff14;box-shadow:0 8px 32px #0000004d,0 2px 8px #0003}.qdraw-footer:hover{transform:translateY(-1px);box-shadow:0 12px 40px #0000001f,0 4px 12px #0000000f}.color-blob{border:2px solid #fff3;border-radius:50%;width:24px;height:24px;transition:background-color .25s,transform .15s,box-shadow .25s;box-shadow:0 0 8px #0000001a}.color-blob:hover{transform:scale(1.15)}html.dark .color-blob{border-color:#ffffff26;box-shadow:0 0 12px #ffffff0f}.help-btn{color:#6366f1;cursor:pointer;background:#6366f126;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-family:Inter,sans-serif;font-size:14px;font-weight:600;transition:background .2s,transform .15s,color .2s;display:flex}.help-btn:hover{background:#6366f14d;transform:scale(1.1)}html.dark .help-btn{color:#818cf8;background:#6366f133}html.dark .help-btn:hover{background:#6366f159}.help-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;background:#0006;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}html.dark .help-overlay{background:#0009}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.help-modal{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#fffffff2;border:1px solid #00000014;border-radius:20px;width:90vw;max-width:520px;max-height:80vh;padding:28px 32px;animation:.3s cubic-bezier(.16,1,.3,1) slideUp;overflow-y:auto;box-shadow:0 24px 80px #00000026,0 8px 24px #00000014}html.dark .help-modal{background:#0f0f19eb;border-color:#ffffff0f;box-shadow:0 24px 80px #00000080,0 8px 24px #0000004d}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.help-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.help-header h2{letter-spacing:-.02em;color:#18181b;font-size:18px;font-weight:600}html.dark .help-header h2{color:#e4e4e7}.help-close{color:#71717a;cursor:pointer;background:#0000000d;border:none;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:background .15s,color .15s;display:flex}.help-close:hover{color:#18181b;background:#0000001a}html.dark .help-close{color:#a1a1aa;background:#ffffff0f}html.dark .help-close:hover{color:#e4e4e7;background:#ffffff1a}.help-content{flex-direction:column;gap:18px;display:flex}.help-category h3{text-transform:uppercase;letter-spacing:.08em;color:#6366f1;margin-bottom:8px;font-size:11px;font-weight:600}html.dark .help-category h3{color:#818cf8}.help-grid{flex-direction:column;gap:4px;display:flex}.help-item{align-items:center;gap:12px;padding:4px 0;display:flex}.help-item kbd{color:#3f3f46;white-space:nowrap;background:#0000000a;border:1px solid #00000014;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;min-width:80px;padding:3px 8px;font-family:Inter,sans-serif;font-size:11px;font-weight:500;display:inline-flex}html.dark .help-item kbd{color:#d4d4d8;background:#ffffff0f;border-color:#ffffff14}.help-item span{color:#52525b;font-size:13px}html.dark .help-item span{color:#a1a1aa}.help-modal::-webkit-scrollbar{width:6px}.help-modal::-webkit-scrollbar-track{background:0 0}.help-modal::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}html.dark .help-modal::-webkit-scrollbar-thumb{background:#ffffff1a}