*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--dw-text);background:var(--dw-bg);margin:0;font-family:system-ui,-apple-system,sans-serif}:root{--dw-bg:#f6f7fb;--dw-surface:#fff;--dw-surface-2:#f8fafc;--dw-border:#e2e8f0;--dw-text:#111827;--dw-text-muted:#64748b;--dw-accent:#6965db;--dw-accent-soft:#f5f3ff;--dw-canvas-frame:#e2e8f0}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--dw-bg:#111113;--dw-surface:#1c1c1f;--dw-surface-2:#252529;--dw-border:#34343a;--dw-text:#ececf0;--dw-text-muted:#9898a0;--dw-accent:#8b87ff;--dw-accent-soft:#2a2840;--dw-canvas-frame:#34343a}.dw-launcher{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-height:100vh;padding:24px;display:flex}.dw-launcher h1{margin:0;font-size:28px}.dw-launcher p{color:#64748b;max-width:480px;margin:0}.dw-launcher-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.dw-launcher-hint{font-size:13px}.dw-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:40px;padding:0 18px;font-size:14px;font-weight:500}.dw-btn:hover{background:#f8fafc}.dw-btn-primary{color:#fff;background:#6965db;border-color:#6965db}.dw-btn-primary:hover{background:#5b57c9}.dw-toast{z-index:700;color:#f8fafc;background:#1e293b;border-radius:8px;padding:10px 16px;font-size:13px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0003}.dw-update-banner{z-index:710;background:var(--dw-surface,#fff);color:var(--dw-text,#1e293b);border:1px solid var(--dw-border,#e2e8f0);border-radius:10px;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 14px;font-size:13px;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000026}.dw-update-btn{background:var(--dw-accent,#6965db);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:6px 12px;font-size:13px;font-weight:600}.dw-update-btn:hover{filter:brightness(1.05)}.dw-update-dismiss{color:var(--dw-text-muted,#64748b);cursor:pointer;background:0 0;border:none;margin-left:2px;padding:0 2px;font-size:20px;line-height:1}.dw-app{height:100vh;display:flex;overflow:hidden}.dw-app--embed .dw-main{flex:1;min-height:0;overflow:hidden}.dw-app--embed .dw-canvas-host{flex:1;min-height:280px}.dw-sidebar{z-index:600;background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:280px;transition:width .2s,border-color .2s;display:flex;overflow:hidden}.dw-sidebar--closed{pointer-events:none;border-right-color:#0000;width:0}.dw-sidebar-head{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding:16px 14px 10px;display:flex}.dw-sidebar-head h2{margin:0;font-size:16px;font-weight:600}.dw-sidebar-new{color:#fff;cursor:pointer;background:#6965db;border:none;border-radius:6px;align-items:center;gap:4px;height:32px;padding:0 10px;font-size:13px;font-weight:500;display:inline-flex}.dw-sidebar-new:hover{background:#5b57c9}.dw-notes-list{flex-direction:column;flex:1;gap:4px;margin:0;padding:8px;list-style:none;display:flex;overflow-y:auto}.dw-notes-list li{border-radius:8px}.dw-note-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;width:100%;padding:10px 10px 6px}.dw-note-title{color:#1e293b;font-size:14px;font-weight:500;display:block}.dw-note-meta{color:#94a3b8;margin-top:2px;font-size:11px;display:block}.dw-note-actions{align-items:center;gap:6px;padding:0 8px 8px;display:flex}.dw-note-rename{border:1px solid #e2e8f0;border-radius:6px;flex:1;height:28px;padding:0 8px;font-size:12px}.dw-pages-trail{flex-direction:column;gap:0;margin:0 0 8px;padding:4px 8px 8px 18px;list-style:none;display:flex;position:relative}.dw-pages-trail:before{content:"";background:#e2e8f0;border-radius:1px;width:2px;position:absolute;top:14px;bottom:14px;left:22px}.dw-pages-trail li{position:relative}.dw-pages-trail li.active .dw-page-trail-dot{background:#6965db;box-shadow:0 0 0 3px #6965db33}.dw-pages-trail li.active .dw-page-trail-label{color:#6965db;font-weight:600}.dw-page-trail-item{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:flex-start;gap:10px;width:100%;padding:8px 8px 8px 0;display:flex}.dw-page-trail-item:hover{background:#6965db0f}.dw-page-trail-dot{z-index:1;background:#cbd5e1;border:2px solid #fff;border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-top:4px;position:relative}.dw-page-trail-text{flex-direction:column;gap:1px;min-width:0;display:flex}.dw-page-trail-label{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.dw-page-trail-meta{color:#94a3b8;font-size:10px}.dw-icon-btn{cursor:pointer;color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.dw-icon-btn.danger:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.dw-sidebar-export{border-top:1px solid #f1f5f9;flex-direction:column;gap:6px;padding:12px;display:flex}.dw-sidebar-label{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;margin:0 0 4px;font-size:11px;font-weight:600}.dw-export-btn{color:#334155;cursor:pointer;text-align:left;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:8px;height:34px;padding:0 10px;font-size:12px;display:inline-flex}.dw-export-btn:hover{background:#f8fafc}.dw-main{background:#f6f7fb;flex-direction:column;flex:1;min-width:0;display:flex}.dw-shared-banner{color:#334155;background:linear-gradient(90deg,#eef2ff,#f0fdf4);border-bottom:1px solid #c7d2fe;flex-wrap:wrap;flex-shrink:0;justify-content:center;align-items:center;gap:10px 16px;padding:8px 16px;font-size:13px;display:flex}[data-theme=dark] .dw-shared-banner{color:#e2e8f0;background:linear-gradient(90deg,#1e1b4b,#14532d33);border-bottom-color:#4338ca}.dw-shared-banner-btn{cursor:pointer;color:#fff;background:#6965db;border:none;border-radius:6px;padding:5px 12px;font-size:13px;font-weight:600}.dw-shared-banner-btn:hover{background:#5b57c9}.dw-collab-bar{background:#6965db1a;border:1px solid #6965db40;border-radius:999px;align-items:center;gap:8px;max-width:280px;padding:4px 10px;display:inline-flex}.dw-collab-live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 2px #22c55e40}.dw-collab-live-label{color:#6965db;font-size:12px;font-weight:600}.dw-collab-avatars{align-items:center;display:inline-flex}.dw-collab-avatar{color:#fff;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;margin-left:-6px;font-size:11px;font-weight:700;display:inline-flex}.dw-collab-avatar:first-child{margin-left:0}.dw-collab-room{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,monospace;font-size:11px;overflow:hidden}.dw-collab-presence{pointer-events:none;z-index:12;position:absolute;inset:0;overflow:hidden}.dw-collab-cursor{color:var(--collab-color,#2563eb);will-change:transform;position:absolute;top:0;left:0}.dw-collab-cursor-icon{filter:drop-shadow(0 1px 2px #0003);display:block}.dw-collab-cursor-label{color:#fff;background:var(--collab-color,#2563eb);white-space:nowrap;border-radius:4px;padding:2px 8px;font-size:11px;font-weight:600;position:absolute;top:16px;left:12px;box-shadow:0 1px 3px #00000026}.dw-live-modal{max-width:440px}.dw-live-modal-hint{color:#64748b;margin:0 0 16px;font-size:14px;line-height:1.45}.dw-live-field{flex-direction:column;gap:6px;margin-bottom:14px;font-size:13px;font-weight:500;display:flex}.dw-live-field input{border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-size:14px}.dw-live-invite{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:12px 0;padding:10px}.dw-live-invite-label{color:#475569;margin-bottom:6px;font-size:12px;font-weight:600;display:block}.dw-live-invite-url{word-break:break-all;color:#334155;font-size:11px;display:block}.dw-page-tabs{background:#f6f7fb;flex-shrink:0;align-items:center;gap:4px;padding:8px 12px 0;display:flex;overflow-x:auto}.dw-page-tab{background:#e2e8f0;border:1px solid #0000;border-radius:8px 8px 0 0;flex-shrink:0;align-items:flex-start;gap:2px;max-width:min(320px,40vw);display:inline-flex}.dw-page-tab-btn{color:#475569;cursor:pointer;white-space:normal;word-break:break-word;text-align:left;background:0 0;border:none;max-width:none;padding:8px 10px;font-size:13px;line-height:1.35}.dw-page-tab.active .dw-page-tab-btn{color:#6965db;font-weight:500}.dw-page-tab-edit{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px 6px 4px 0;display:inline-flex}.dw-page-tab-edit:hover{color:#6965db}.dw-page-tab-input{border:1px solid #cbd5e1;border-radius:4px;width:120px;padding:2px 6px;font-size:12px}.dw-canvas-host{border-top:1px solid #e2e8f0;flex:1;min-height:0;position:relative}.dw-canvas-host .wb-root{z-index:1;width:100%;height:100%;inset:0;position:absolute!important}.dw-canvas-host .wb-root.wb-root--book{animation:none;background:linear-gradient(160deg,#e9edf4 0%,#d8dee9 48%,#cfd6e3 100%)!important}.wb-root--book.wb-root--dark{background:linear-gradient(160deg,#14151a 0%,#0f1014 100%)!important}.wb-canvas-wrap--book{background:radial-gradient(90% 70% at 50% 42%,#ffffff73 0%,#0000 65%),0 0}.book-flip-root{z-index:30;pointer-events:none;position:absolute;inset:0}.book-flip-desk{opacity:0;pointer-events:none;background:#0f172a0f;transition:opacity .3s;position:absolute;inset:0}.book-flip-root--active .book-flip-desk{opacity:1}.book-flip-viewport{perspective:2400px;transform-style:preserve-3d;position:absolute}.book-flip-viewport--forward{perspective-origin:0%}.book-flip-viewport--backward{perspective-origin:100%}.book-flip-stage{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;position:relative}.book-flip-under{border-radius:6px;position:absolute;inset:0;overflow:hidden;transform:translateZ(-2px);box-shadow:inset 0 1px #fff9,0 12px 40px #0f172a24,0 2px 8px #0f172a14}.book-flip-viewport--active .book-flip-under{animation:.82s cubic-bezier(.22,1,.36,1) forwards book-page-reveal}@keyframes book-page-reveal{0%{filter:brightness(.97);transform:translateZ(-4px)scale(.988)}to{filter:brightness();transform:translateZ(-2px)scale(1)}}.book-flip-under img{object-fit:fill;width:100%;height:100%;display:block}.book-flip-leaf{transform-style:preserve-3d;will-change:transform, opacity;border-radius:6px;position:absolute;inset:0;transform:rotateY(0)}.book-flip-stage--forward .book-flip-leaf{transform-origin:0%;z-index:2}.book-flip-stage--forward.book-flip-stage--active .book-flip-leaf{animation:.82s cubic-bezier(.33,.85,.28,1) forwards book-page-turn-forward}.book-flip-stage--backward .book-flip-leaf{transform-origin:100%;z-index:2}.book-flip-stage--backward.book-flip-stage--active .book-flip-leaf{animation:.82s cubic-bezier(.33,.85,.28,1) forwards book-page-turn-backward}@keyframes book-page-turn-forward{0%{filter:drop-shadow(0 2px 8px #0f172a1a);opacity:1;transform:rotateY(0)translateZ(2px)rotateX(0)}12%{filter:drop-shadow(-4px 8px 20px #0f172a29);transform:rotateY(-28deg)translateZ(36px)rotateX(7deg)}28%{filter:drop-shadow(-8px 10px 24px #0f172a33);transform:rotateY(-62deg)translateZ(52px)rotateX(4deg)}45%{filter:drop-shadow(-10px 8px 22px #0f172a38);transform:rotateY(-95deg)translateZ(48px)rotateX(0)}62%{filter:drop-shadow(-8px 6px 18px #0f172a2e);transform:rotateY(-128deg)translateZ(32px)rotateX(-3deg)}78%{opacity:1;transform:rotateY(-168deg)translateZ(12px)rotateX(-1deg)}88%{opacity:.92;transform:rotateY(-180deg)translateZ(4px)}to{opacity:0;filter:drop-shadow(0 0 #0000);transform:rotateY(-360deg)translateZ(0)}}@keyframes book-page-turn-backward{0%{filter:drop-shadow(0 2px 8px #0f172a1a);opacity:1;transform:rotateY(0)translateZ(2px)rotateX(0)}12%{filter:drop-shadow(4px 8px 20px #0f172a29);transform:rotateY(28deg)translateZ(36px)rotateX(7deg)}28%{filter:drop-shadow(8px 10px 24px #0f172a33);transform:rotateY(62deg)translateZ(52px)rotateX(4deg)}45%{filter:drop-shadow(10px 8px 22px #0f172a38);transform:rotateY(95deg)translateZ(48px)rotateX(0)}62%{filter:drop-shadow(8px 6px 18px #0f172a2e);transform:rotateY(128deg)translateZ(32px)rotateX(-3deg)}78%{opacity:1;transform:rotateY(168deg)translateZ(12px)rotateX(-1deg)}88%{opacity:.92;transform:rotateY(180deg)translateZ(4px)}to{opacity:0;filter:drop-shadow(0 0 #0000);transform:rotateY(360deg)translateZ(0)}}.book-flip-front,.book-flip-back{backface-visibility:hidden;border-radius:6px;position:absolute;inset:0;overflow:hidden}.book-flip-front{box-shadow:0 0 0 1px #0f172a0d}.book-flip-front img{object-fit:fill;width:100%;height:100%;display:block}.book-flip-back{background:linear-gradient(105deg,#f3efe8 0%,#e8e2d8 40%,#ddd6cb 100%);transform:rotateY(180deg)}.book-flip-edge{pointer-events:none;opacity:0;border-radius:6px;position:absolute;inset:0}.book-flip-shade{pointer-events:none;opacity:0;background:linear-gradient(90deg,#0f172a24 0%,#0000 35% 65%,#0f172a14 100%);border-radius:6px;position:absolute;inset:0}.book-flip-stage--forward.book-flip-stage--active .book-flip-shade{animation:.82s ease-out forwards book-flip-shade-forward}.book-flip-stage--backward.book-flip-stage--active .book-flip-shade{animation:.82s ease-out forwards book-flip-shade-backward}@keyframes book-flip-shade-forward{0%,to{opacity:0}35%,65%{opacity:.85}}@keyframes book-flip-shade-backward{0%,to{opacity:0}35%,65%{opacity:.85}}html[data-theme=dark] .book-flip-back{background:linear-gradient(105deg,#2e2c28 0%,#242220 50%,#1a1917 100%)}html[data-theme=dark] .book-flip-under{box-shadow:0 12px 40px #00000073,0 2px 8px #0000004d}.book-page-title{z-index:14;pointer-events:auto;box-sizing:border-box;border-radius:6px 6px 0 0;justify-content:center;align-items:center;padding:0 24px;display:flex;position:absolute}.book-page-title:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#0f172a14 20% 80%,#0000 100%);height:1px;position:absolute;bottom:0;left:16px;right:16px}.book-page-title-input{text-align:center;letter-spacing:-.01em;color:#1e293b;resize:none;field-sizing:content;background:0 0;border:none;border-radius:6px;outline:none;width:100%;max-width:100%;min-height:2.7em;max-height:2.7em;padding:6px 12px;font:600 20px/1.35 system-ui,-apple-system,sans-serif;transition:background .15s,box-shadow .15s;overflow:hidden}.book-page-title-input::placeholder{color:#94a3b8}.book-page-title-input:hover{background:#0f172a0a}.book-page-title-input:focus{background:#fffffff2;box-shadow:0 0 0 2px #6965db59}.book-page-title-text{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;max-height:100%;padding:4px 12px;display:flex}.book-page-title-line{color:#1e293b;text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:600 20px/1.35 system-ui,-apple-system,sans-serif;overflow:hidden}.book-page-title--dark .book-page-title-line{color:#e2e8f0}.wb-book-page-nav-label{color:#475569;text-align:center;white-space:nowrap;min-width:88px;font-size:13px;font-weight:500;box-shadow:none!important;background:0 0!important;padding:0 10px!important}.wb-dock-group--center.wb-dock-group{gap:4px;padding:4px 6px}html[data-theme=dark] .wb-book-page-nav-label{color:#94a3b8}.book-edge-turn-root{z-index:13;pointer-events:none;position:absolute;inset:0}.book-edge-turn{cursor:pointer;pointer-events:auto;background:0 0;border:none;border-radius:6px 0 0 6px;margin:0;padding:0;transition:background .2s;position:absolute;overflow:hidden}.book-edge-turn--right{cursor:e-resize;border-radius:0 6px 6px 0}.book-edge-turn--left{cursor:w-resize}.book-edge-turn-curl{opacity:0;pointer-events:none;transition:opacity .22s;position:absolute;inset:0}.book-edge-turn--right .book-edge-turn-curl{background:linear-gradient(270deg,#0f172a12 0%,#0f172a05 45%,#0000 100%)}.book-edge-turn--left .book-edge-turn-curl{background:linear-gradient(90deg,#0f172a12 0%,#0f172a05 45%,#0000 100%)}.book-edge-turn-icon{color:#64748b;opacity:0;pointer-events:none;background:#ffffffeb;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;transition:opacity .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 2px 8px #0f172a1f}.book-edge-turn--left .book-edge-turn-icon{left:8px}.book-edge-turn--right .book-edge-turn-icon{right:8px}.book-edge-turn--hover .book-edge-turn-curl,.book-edge-turn:focus-visible .book-edge-turn-curl,.book-edge-turn--hover .book-edge-turn-icon,.book-edge-turn:focus-visible .book-edge-turn-icon{opacity:1}.book-edge-turn--right.book-edge-turn--hover .book-edge-turn-icon{transform:translateY(-50%)translate(-2px)}.book-edge-turn--left.book-edge-turn--hover .book-edge-turn-icon{transform:translateY(-50%)translate(2px)}.book-edge-turn:disabled{cursor:default;pointer-events:none}html[data-theme=dark] .book-edge-turn--right .book-edge-turn-curl{background:linear-gradient(270deg,#ffffff14 0%,#0000 100%)}html[data-theme=dark] .book-edge-turn--left .book-edge-turn-curl{background:linear-gradient(90deg,#ffffff14 0%,#0000 100%)}html[data-theme=dark] .book-edge-turn-icon{color:#94a3b8;background:#1e293bf2}.book-page-title--dark .book-page-title-input,.book-page-title--dark .book-page-title-text{color:#e2e8f0}.book-page-title--dark .book-page-title-input:hover{background:#ffffff0f}.book-page-title--dark .book-page-title-input:focus{background:#1e293bf2}.wb-root--book .wb-toolbar{-webkit-backdrop-filter:blur(16px);background:#ffffffeb;border:1px solid #0f172a0f;border-radius:14px;flex-direction:column;align-items:stretch;max-width:none;max-height:min(720px,100vh - 140px);padding:10px 8px;top:50%;left:14px;right:auto;overflow:hidden auto;transform:translateY(-50%);box-shadow:inset 0 0 0 1px #ffffff80,0 8px 32px #0f172a1a}.wb-root--book .wb-toolbar-group{background:#f8fafcf2;border-radius:10px;flex-direction:column}.wb-root--notes .wb-bottom-bar .wb-dock-group{-webkit-backdrop-filter:blur(12px);background:#fffffff0;border:1px solid #0f172a0f;border-radius:10px}.wb-root--book .wb-tool-hint-wrap{white-space:normal;text-align:left;pointer-events:none;max-width:200px;line-height:1.35;top:auto;bottom:88px;left:12px;transform:none}.wb-root--book .wb-selection-bar{top:12px;left:auto;right:260px;transform:none}.wb-page-nav-bottom{z-index:15;background:#fffffff5;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex;bottom:16px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0000001f}.wb-bottom-bar{pointer-events:none;z-index:15;justify-content:space-between;align-items:center;gap:12px;display:flex;position:absolute;bottom:16px;left:12px;right:12px}.wb-bottom-bar-left,.wb-bottom-bar-center,.wb-bottom-bar-right{pointer-events:auto;flex-shrink:0;align-items:center;gap:8px;display:flex}.wb-bottom-bar-center{max-width:min(420px,100vw - 280px);position:absolute;left:50%;transform:translate(-50%)}.wb-dock-group{background:#fff;border-radius:8px;align-items:center;gap:2px;padding:2px 4px;display:flex;box-shadow:0 0 0 1px #0000000a,0 2px 8px #00000014}.wb-dock-group--center{border-radius:999px;padding:4px 8px}.wb-dock-group .wb-canvas-page-label{white-space:nowrap;text-overflow:ellipsis;color:#475569;max-width:min(240px,36vw);box-shadow:none;background:0 0;padding:0 4px;font-size:13px;overflow:hidden}.wb-dock-scroll-btn{color:#374151;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:500;box-shadow:0 0 0 1px #0000000a,0 2px 8px #00000014}.wb-dock-scroll-btn:hover{background:#f8fafc}.wb-scroll-label-compact,.wb-page-label-compact{display:none}.wb-dock-group .wb-icon-btn,.wb-bottom-bar-right .wb-icon-btn{box-shadow:none;color:#475569;background:0 0;flex-shrink:0;width:32px;height:32px}.wb-bottom-bar-right .wb-icon-btn{background:#fff;border-radius:8px;box-shadow:0 0 0 1px #0000000a,0 2px 8px #00000014}.wb-dock-saved{color:#6965db!important}.wb-dock-saved:hover{background:#f5f3ff!important}.wb-dock-chip{color:#475569;cursor:pointer;background:#f1f5f9;border:none;border-radius:999px;min-width:44px;padding:4px 10px;font-size:12px;font-weight:600}.wb-dock-chip:hover{color:#334155;background:#e2e8f0}.wb-context-menu{z-index:650;background:#fff;border:1px solid #e2e8f0;border-radius:10px;min-width:200px;max-width:240px;padding:4px;position:fixed;box-shadow:0 8px 24px #00000024}.wb-context-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;width:100%;padding:8px 10px;font-size:13px;display:flex}.wb-context-item:hover:not(:disabled){color:#6965db;background:#f5f3ff}.wb-context-item:disabled{opacity:.4;cursor:default}.wb-context-item.danger{color:#dc2626}.wb-context-item.danger:hover:not(:disabled){color:#dc2626;background:#fef2f2}.wb-context-divider{background:#e5e7eb;height:1px;margin:4px 0}.wb-root--notes .wb-hint{bottom:64px}.wb-root--notes .wb-bottom-right{bottom:68px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wb-root{z-index:500;background:#f6f7fb;animation:.2s ease-out fadeIn;position:fixed;inset:0;overflow:hidden}.wb-canvas-wrap{position:absolute;inset:0;overflow:hidden}.wb-embed-layer{pointer-events:none;z-index:12;position:absolute;inset:0;overflow:hidden}.wb-laser-overlay{pointer-events:none;z-index:20;width:100%;height:100%;position:absolute;inset:0}.wb-embed-host--laser{box-shadow:0 0 0 1px #ef444459}.wb-embed-host{pointer-events:none;border-radius:4px;position:absolute;overflow:hidden;box-shadow:0 1px 4px #0f172a14}.wb-embed-host--active{box-shadow:0 0 0 2px #6965db,0 4px 16px #0f172a1f}.wb-embed-frame{background:#fff;border:none;width:100%;height:100%;display:block}.wb-embed-empty{color:#64748b;background:#f1f5f9;justify-content:center;align-items:center;width:100%;height:100%;font-size:12px;display:flex}.wb-embed-shield{pointer-events:none;background:linear-gradient(#0000 60%,#0f172a0a);justify-content:center;align-items:flex-end;padding-bottom:8px;display:flex;position:absolute;inset:0}.wb-embed-shield span{color:#64748b;background:#ffffffeb;border:1px solid #e2e8f0;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:600}.wb-embed-shield--laser{pointer-events:none;background:0 0}.wb-embed-shield--laser span{color:#ef4444;background:#ffffffe6;border-color:#ef444459}.wb-embed-present{z-index:2147483000;background:#fff;position:fixed;inset:0;overflow:hidden}.wb-embed-present-frame{z-index:0;background:#fff;border:0;width:100%;height:100%;position:absolute;inset:0}.wb-embed-present-laser{pointer-events:none;cursor:default;z-index:1;width:100%;height:100%;position:absolute;inset:0}.wb-embed-present-laser.active{pointer-events:auto;cursor:crosshair}.wb-embed-present-controls{right:max(14px, env(safe-area-inset-right));top:max(14px, env(safe-area-inset-top));z-index:2147483002;-webkit-backdrop-filter:blur(12px);background:#ffffffdb;border:1px solid #0f172a14;border-radius:12px;align-items:center;gap:8px;padding:6px;display:flex;position:fixed;box-shadow:0 10px 28px #0f172a29}.wb-embed-present-btn{color:#334155;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.wb-embed-present-btn:hover{background:#0f172a0f}.wb-embed-present-btn.active{color:#ef4444;background:#ef44441a;border-color:#ef44443d}.wb-embed-present-field{color:#64748b;background:#f8fafcdb;border:1px solid #94a3b83d;border-radius:9px;align-items:center;gap:6px;height:36px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.wb-embed-present-field input[type=color]{cursor:pointer;background:0 0;border:0;border-radius:999px;width:22px;height:22px;padding:0}.wb-embed-present-field input[type=range]{accent-color:#ef4444;width:74px}.wb-embed-present-reset{color:#64748b;cursor:pointer;background:#f8fafcdb;border:1px solid #94a3b83d;border-radius:9px;height:36px;padding:0 10px;font-size:12px;font-weight:700}.wb-embed-present-reset:hover{color:#334155;background:#f1f5f9f5}html[data-theme=dark] .wb-embed-present{background:#020617}html[data-theme=dark] .wb-embed-present-controls{background:#0f172ad6;border-color:#94a3b82e}html[data-theme=dark] .wb-embed-present-btn{color:#cbd5e1}html[data-theme=dark] .wb-embed-present-btn:hover{background:#94a3b81f}html[data-theme=dark] .wb-embed-present-field,html[data-theme=dark] .wb-embed-present-reset{color:#cbd5e1;background:#1e293bd1;border-color:#94a3b82e}.wb-canvas-wrap--snap-flash:after{content:"";pointer-events:none;z-index:5;background:#ffffff73;animation:.2s ease-out wb-shape-snap-flash;position:absolute;inset:0}@keyframes wb-shape-snap-flash{0%{opacity:.85}to{opacity:0}}.wb-shape-hold-banner{text-align:center;color:#475569;z-index:12;pointer-events:none;background:#fffffff0;border:1px solid #0f172a14;border-radius:12px;max-width:min(92vw,520px);margin:0;padding:8px 14px;font-size:12px;line-height:1.35;position:absolute;bottom:68px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0f172a14}.wb-shape-hold-banner--above-nav{max-width:min(88vw,420px);padding:6px 12px;font-size:11px;bottom:76px}.wb-root--dark .wb-shape-hold-banner{color:#cbd5e1;background:#1e293bf0;border-color:#94a3b826}.wb-sketch-tray{z-index:12;background:#fffffff5;border:1px solid #0f172a1a;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:108px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0f172a14}.wb-sketch-tray--above-nav{bottom:116px}.wb-sketch-tray-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:600}.wb-sketch-variant-btn,.wb-sketch-paper-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #0f172a1f;border-radius:8px;padding:5px 10px;font-size:12px}.wb-sketch-variant-btn.active{color:#1c1917;background:#f4efe4;border-color:#a8a29e;font-weight:600}.wb-sketch-paper-btn:hover,.wb-sketch-variant-btn:hover{background:#f8fafc}.wb-root--dark .wb-sketch-tray{background:#1e293bf5;border-color:#94a3b833}.wb-root--dark .wb-sketch-variant-btn,.wb-root--dark .wb-sketch-paper-btn{color:#e2e8f0;background:#1e293b;border-color:#94a3b840}.wb-sticky-tray{z-index:12;background:#fffffff5;border:1px solid #0f172a1a;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;display:flex;position:absolute;bottom:108px;left:50%;transform:translate(-50%);box-shadow:0 4px 16px #0f172a14}.wb-sticky-tray--above-nav{bottom:116px}.wb-sticky-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0}.wb-sticky-swatch.active{border-color:#6965db;box-shadow:0 0 0 2px #6965db40}.wb-text-input-sticky{resize:none;outline:none;font-weight:600;overflow:hidden;box-shadow:none!important;background:0 0!important;border:none!important;padding:12px!important}.wb-text-input-mindmap{resize:none;text-align:center;outline:none;font-weight:600;box-shadow:none!important;background:0 0!important;border:none!important;padding:6px 10px!important}.wb-panel-mindmap-shapes{grid-template-columns:repeat(4,1fr);gap:6px;display:grid}.wb-panel-mindmap-shape-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;height:36px;font-size:16px}.wb-panel-mindmap-shape-btn:hover{background:#f8fafc;border-color:#cbd5e1}.wb-panel-mindmap-shape-btn.active{color:#5b57c9;background:#ece9ff;border-color:#6965db}.wb-mindmap-branch-toggle{pointer-events:auto;z-index:3;color:#6965db;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #6965db;border-radius:13px;align-items:center;gap:4px;min-height:26px;padding:0 10px;font-size:11px;font-weight:600;display:inline-flex;position:absolute;top:-14px;left:50%;transform:translate(-50%);box-shadow:0 2px 8px #6965db38}.wb-mindmap-branch-toggle:hover{background:#f5f3ff}.wb-mindmap-branch-toggle.is-collapsed{color:#fff;background:#6965db}.wb-mindmap-branch-toggle.is-collapsed:hover{background:#5b57c9}.wb-mindmap-branch-count{text-align:center;min-width:1ch}.wb-mindmap-branch-label{line-height:1}.wb-mindmap-bar-btn{color:#334155;cursor:pointer;white-space:nowrap;background:#fff;border:1px solid #e2e8f0;border-radius:6px;align-items:center;gap:4px;height:32px;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.wb-mindmap-bar-btn:hover{background:#f8fafc;border-color:#cbd5e1}.wb-mindmap-bar-btn.is-collapsed{color:#5b57c9;background:#ece9ff;border-color:#c4b5fd}.wb-mindmap-collapse-btn{pointer-events:auto;color:#6965db;cursor:pointer;background:#fff;border:2px solid #6965db;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:15px;font-weight:700;line-height:1;transition:transform .18s,background .18s;display:flex;position:relative;box-shadow:0 2px 8px #6965db47}.wb-mindmap-collapse-btn--mini{border-width:1.5px;width:20px;height:20px;font-size:11px;font-weight:600}.wb-mindmap-collapse-btn:hover{background:#f5f3ff;transform:scale(1.08)}.wb-mindmap-collapse-group{pointer-events:auto;z-index:2;align-items:center;gap:4px;display:flex;position:absolute}.wb-mindmap-collapse-group--right{top:50%;right:-8px;transform:translate(100%,-50%)}.wb-mindmap-collapse-group--left{top:50%;left:-8px;transform:translate(-100%,-50%)}.wb-mindmap-collapse-group--root{bottom:-8px;left:50%;transform:translate(-50%,100%)}.wb-shape-hold-banner kbd{background:#0f172a14;border:1px solid #0f172a1f;border-radius:4px;padding:1px 5px;font-size:11px}.wb-shapes-panel{z-index:40;background:#fff;border:1px solid #0f172a1f;border-radius:12px;flex-direction:column;width:min(320px,100vw - 32px);max-height:min(72vh,640px);display:flex;position:fixed;top:72px;left:16px;right:auto;overflow:hidden;box-shadow:0 12px 40px #0f172a1f}.wb-shapes-panel-head{border-bottom:1px solid #0f172a14;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.wb-shapes-panel-head h2{margin:0;font-size:15px;font-weight:700}.wb-shapes-panel-close{cursor:pointer;color:#64748b;background:0 0;border:none;border-radius:6px;padding:4px}.wb-shapes-search-wrap{padding:10px 12px}.wb-shapes-search{border:1px solid #c4b5fd;border-radius:8px;width:100%;padding:8px 10px;font-size:13px}.wb-shapes-panel-body{padding:0 12px 12px;overflow:auto}.wb-shapes-section h3{color:#64748b;text-transform:uppercase;letter-spacing:.04em;margin:12px 0 8px;font-size:12px;font-weight:700}.wb-shapes-section-head{color:#64748b;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;margin:10px 0 6px;padding:4px 0;font-size:12px;font-weight:700;display:flex}.wb-shapes-section-head:hover{color:#334155}.wb-shapes-grid{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.wb-shapes-item{aspect-ratio:1;cursor:pointer;color:#1e293b;background:#fff;border:1px solid #0f172a14;border-radius:10px;justify-content:center;align-items:center;padding:8px;display:flex;position:relative}.wb-shapes-item:hover{background:#f8f7ff;border-color:#6965db}.wb-shapes-svg{flex-shrink:0;display:block}.wb-shapes-tooltip{color:#fff;white-space:nowrap;pointer-events:none;opacity:0;z-index:2;background:#0f172a;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;transition:opacity .12s;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.wb-shapes-tooltip:after{content:"";border:5px solid #0000;border-top-color:#0f172a;position:absolute;top:100%;left:50%;transform:translate(-50%)}.wb-shapes-item:hover .wb-shapes-tooltip{opacity:1}.wb-table-overlay{pointer-events:none;z-index:11;position:absolute}.wb-table-overlay:not(.wb-table-overlay--dragging){transition:width .18s,height .18s,left .18s,top .18s}.wb-table-overlay--dragging{transition:none}.wb-table-col-handle,.wb-table-row-handle{pointer-events:auto;color:#6965db;opacity:.72;background:#fff;border:1px solid #6965db59;border-radius:6px;justify-content:center;align-items:center;padding:0;transition:opacity .15s,transform .15s,box-shadow .15s,background .15s;display:flex;position:absolute;box-shadow:0 1px 4px #6965db2e}.wb-table-col-handle:hover,.wb-table-row-handle:hover,.wb-table-col-handle--active,.wb-table-row-handle--active{opacity:1;background:#f5f3ff;transform:scale(1.06);box-shadow:0 2px 10px #6965db47}.wb-table-col-handle{cursor:col-resize;width:14px;height:32px;margin-top:-16px;top:50%}.wb-table-row-handle{cursor:row-resize;width:32px;height:14px;margin-left:-16px;left:50%}.wb-table-grip-icon{pointer-events:none;display:block}.wb-table-resize-guide{pointer-events:none;opacity:.85;background:#6965db;animation:.9s ease-in-out infinite wb-table-guide-pulse;position:absolute}.wb-table-resize-guide--col{width:2px;height:100%;top:0}.wb-table-resize-guide--row{width:100%;height:2px;left:0}@keyframes wb-table-guide-pulse{0%,to{opacity:.55}50%{opacity:1}}.wb-table-axis-controls{pointer-events:auto;gap:4px;display:flex;position:absolute}.wb-table-axis-controls--col{flex-direction:column;right:-34px}.wb-table-axis-controls--row{flex-direction:row;bottom:-34px}.wb-table-axis-btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;padding:0;font-size:18px;line-height:1;display:inline-flex}.wb-table-axis-btn--plus{color:#fff;background:#6965db;box-shadow:0 2px 8px #6965db59}.wb-table-axis-btn--plus:hover{background:#5b57c9}.wb-table-axis-btn--minus{color:#64748b;background:#fff;border:1px solid #e2e8f0;font-size:16px;font-weight:600;box-shadow:0 1px 4px #0f172a14}.wb-table-axis-btn--minus:hover{color:#dc2626;background:#fef2f2;border-color:#fecaca}.wb-table-add-col,.wb-table-add-row,.wb-table-remove-col,.wb-table-remove-row{display:none}.wb-table-cell-input{outline:none;font-weight:400;box-shadow:none!important;background:0 0!important;border:none!important;padding:0 8px!important}.wb-table-cell-input--header{font-weight:600}.wb-table-cell-input::placeholder{color:#94a3b8;font-weight:600}.wb-panel-hint{color:#64748b;margin:0;font-size:11px;line-height:1.45}.wb-panel-sticky-swatches{flex-wrap:wrap;gap:8px;margin-bottom:8px;display:flex}.wb-panel-sticky-swatches .wb-sticky-swatch{width:28px;height:28px}.wb-mindmap-overlay{pointer-events:none;z-index:14;position:absolute;overflow:visible}.wb-mindmap-add-btn{pointer-events:auto;color:#6965db;cursor:pointer;background:#fff;border:2px solid #6965db;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;padding:0;transition:transform .12s,background .12s,border-color .12s;display:flex;position:absolute;box-shadow:0 2px 8px #6965db47}.wb-mindmap-add-btn:hover{background:#f5f3ff;border-color:#4f46e5;transform:scale(1.08)}.wb-mindmap-add-btn--right{margin-top:-15px;top:50%;right:-44px}.wb-mindmap-add-btn--right:before{content:"";background:#6965db;width:14px;height:2px;margin-right:2px;position:absolute;top:50%;right:100%;transform:translateY(-50%)}.wb-mindmap-add-btn--left{margin-top:-15px;top:50%;left:-44px}.wb-mindmap-add-btn--left:before{content:"";background:#6965db;width:14px;height:2px;margin-left:2px;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.wb-mindmap-add-btn--bottom{margin-left:-15px;bottom:-44px;left:50%}.wb-mindmap-add-btn--bottom:before{content:"";background:#6965db;width:2px;height:14px;margin-bottom:2px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.wb-mindmap-add-icon{display:block}.wb-mindmap-add-icon--flip{transform:scaleX(-1)}.wb-gen-scene-image-preview{object-fit:contain;background:#f4efe4;border:1px solid #0f172a14;border-radius:10px;width:100%;max-height:min(52vh,420px);display:block}.wb-gen-scene-image-preview--empty{color:#64748b;background:#f8fafc;border:1px dashed #0f172a1f;border-radius:10px;justify-content:center;align-items:center;min-height:200px;font-size:13px;display:flex}.wb-arrow-flow-banner{text-align:center;color:#334155;z-index:13;pointer-events:none;background:#fffffff5;border:1px solid #4f46e52e;border-radius:12px;max-width:min(92vw,560px);margin:0;padding:10px 16px;font-size:13px;line-height:1.4;position:absolute;bottom:68px;left:50%;transform:translate(-50%);box-shadow:0 6px 20px #0f172a1a}.wb-arrow-flow-banner--above-nav{bottom:76px}.wb-arrow-flow-from{color:#b45309;font-weight:600}.wb-arrow-flow-to{color:#047857;font-weight:600}.wb-arrow-flow-arrow{color:#64748b;margin:0 .35em}.wb-arrow-flow-hint{color:#94a3b8;font-size:11px;font-weight:400}.wb-root--dark .wb-arrow-flow-banner{color:#e2e8f0;background:#1e293bf5;border-color:#818cf840}.wb-root--dark .wb-arrow-flow-hint{color:#64748b}.wb-flow-replay-hud{z-index:14;background:#fffffffa;border:1px solid #4f46e538;border-radius:14px;align-items:center;gap:12px;max-width:min(94vw,640px);padding:10px 14px;display:flex;position:absolute;bottom:68px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #0f172a1f}.wb-flow-replay-hud--above-nav{bottom:76px}.wb-flow-replay-info{text-align:center;flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.wb-flow-replay-step{letter-spacing:.04em;text-transform:uppercase;color:#6366f1;font-size:11px;font-weight:600}.wb-flow-replay-path{font-size:14px;line-height:1.35}.wb-flow-replay-stop,.wb-flow-replay-skip{cursor:pointer;border:none;border-radius:8px;flex-shrink:0;padding:7px 12px;font-size:12px;font-weight:600}.wb-flow-replay-stop{color:#fff;background:#dc2626}.wb-flow-replay-stop:hover{background:#b91c1c}.wb-flow-replay-skip{color:#4338ca;background:#6366f11f}.wb-flow-replay-skip:hover{background:#6366f133}.wb-root--dark .wb-flow-replay-hud{background:#1e293bfa;border-color:#818cf847}.wb-canvas{cursor:crosshair;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;width:100%;height:100%;display:block}.wb-canvas.wb-cursor-grab{cursor:grab}.wb-canvas.wb-cursor-select{cursor:default}.wb-canvas.wb-cursor-select:active{cursor:move}.wb-float{z-index:10;pointer-events:none;position:absolute}.wb-float>*{pointer-events:auto}.wb-top-left{z-index:14;top:12px;left:12px}.wb-page-nav{white-space:nowrap;background:#fffffff2;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;padding:2px 4px;display:flex;box-shadow:0 2px 8px #0000001a}.wb-top-right{z-index:14;flex-wrap:nowrap;align-items:center;gap:8px;max-width:calc(100vw - 24px);display:flex;top:12px;right:12px}.wb-canvas-page-label{color:#64748b;white-space:nowrap;background:#ffffffeb;border-radius:6px;padding:6px 10px;font-size:12px;box-shadow:0 1px 4px #00000014}.wb-page-nav .wb-canvas-page-label{box-shadow:none;background:0 0;padding:4px 6px}.wb-page-nav-bottom .wb-canvas-page-label{white-space:normal;word-break:break-word;text-align:center;max-width:min(280px,50vw);line-height:1.3}.wb-next-btn{color:#334155;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:4px;height:36px;padding:0 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s;display:inline-flex;box-shadow:0 1px 4px #0000000f}.wb-next-btn:hover{background:#f8fafc;border-color:#cbd5e1}.wb-bottom-left{bottom:12px;left:12px}.wb-bottom-left--notes{bottom:68px}.wb-view-toolbar{background:#fff;border-radius:10px;align-items:center;gap:2px;padding:4px 6px;display:flex;box-shadow:0 0 0 1px #0000000a,0 2px 8px #00000014}.wb-view-toolbar .wb-icon-btn{box-shadow:none;border-radius:6px}.wb-view-toolbar-sep{background:#e5e7eb;flex-shrink:0;width:1px;height:20px;margin:0 2px}.wb-hint--hidden{display:none}.wb-bottom-right{bottom:12px;right:12px}.wb-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;-webkit-backdrop-filter:blur(12px);z-index:12;background:#fffffff0;border-radius:12px;flex-wrap:nowrap;align-items:center;gap:6px;max-width:min(960px,100vw - 200px);padding:6px 8px;display:flex;top:12px;left:50%;overflow:auto hidden;transform:translate(-50%);box-shadow:0 0 0 1px #0000000d,0 4px 20px #0f172a14}.wb-toolbar-group{background:#f8fafc;border:1px solid #eef2f7;border-radius:8px;flex-shrink:0;align-items:center;gap:1px;padding:2px;display:flex}.wb-toolbar-group--utility{background:0 0;border-color:#0000;gap:2px;padding:0}.wb-toolbar-group--menu .wb-tool-menu-trigger{position:relative}.wb-tool-menu-caret{opacity:.45;pointer-events:none;border-top:4px solid;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;position:absolute;bottom:3px;right:3px}.wb-tool-menu{background:#fff;border:1px solid #0f172a1a;border-radius:10px;flex-direction:column;gap:2px;min-width:180px;padding:6px;display:flex;box-shadow:0 12px 32px #0f172a24}.wb-tool-menu-item{color:#334155;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;display:flex}.wb-tool-menu-item:hover{background:#f1f5f9}.wb-tool-menu-item.active{color:#6965db;background:#ece9ff}.wb-tool-menu-item kbd{color:#64748b;background:#0f172a0f;border:1px solid #0f172a14;border-radius:4px;margin-left:auto;padding:1px 5px;font-size:10px}.wb-toolbar::-webkit-scrollbar{height:4px}.wb-toolbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:4px}.wb-props-panel-wrap{z-index:11;pointer-events:auto;flex-direction:column;width:236px;max-height:none;display:flex;inset:56px 12px 84px auto;overflow:hidden}.wb-props-panel-wrap .wb-props-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;flex:auto;min-height:0;overflow:hidden auto}.wb-props-panel-wrap .wb-props-panel::-webkit-scrollbar{width:6px}.wb-props-panel-wrap .wb-props-panel::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.wb-props-panel-wrap.is-collapsed .wb-props-panel-head{border-radius:10px;box-shadow:0 0 0 1px #0000000a,0 2px 8px #00000014}.wb-props-collapsed-fab{z-index:11;top:56px;right:12px}.wb-props-panel-head{color:#64748b;text-transform:uppercase;letter-spacing:.04em;z-index:2;background:#fffffffa;border-radius:10px 10px 0 0;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;margin-bottom:0;padding:8px 10px;font-size:12px;font-weight:600;display:flex;position:sticky;top:0}.wb-props-panel-wrap:not(.is-collapsed) .wb-props-panel-head{border-bottom:1px solid #eef2f7;margin-bottom:0}.wb-props-panel-toggle{color:#64748b;cursor:pointer;background:#f1f5f9;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.wb-props-panel-toggle:hover{color:#334155;background:#e2e8f0}.wb-props-toggle{display:none}.wb-props-backdrop{z-index:850;cursor:pointer;background:#0f172a73;border:none;margin:0;padding:0;animation:.15s ease-out fadeIn;position:fixed;inset:0}.wb-props-sheet{z-index:860;background:var(--dw-surface,#fff);border-radius:16px 16px 0 0;flex-direction:column;max-height:min(72vh,520px);animation:.22s ease-out dwSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 40px #00000038}.wb-props-sheet-body{padding:4px 14px max(16px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overflow-y:auto}.wb-props-mobile-head{color:var(--dw-text,#334155);border-bottom:1px solid var(--dw-border,#e2e8f0);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 14px 10px;font-size:15px;font-weight:600;display:flex}.wb-props-close-btn{background:var(--dw-surface-2,#f1f5f9);cursor:pointer;width:36px;height:36px;color:var(--dw-text-muted,#64748b);border:none;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.wb-props-close-btn:active{transform:scale(.96)}.wb-props-sheet .wb-props-panel{width:100%;box-shadow:none;background:0 0;border-radius:0;gap:14px;padding:10px 0 4px}.wb-props-sheet .wb-panel-section{gap:8px}.wb-props-sheet .wb-panel-label{font-size:12px}.wb-props-sheet .wb-panel-swatches{gap:8px}.wb-props-sheet .wb-panel-swatch{border-radius:50%;width:36px;height:36px}.wb-props-sheet .wb-panel-btn-row{gap:6px}.wb-props-sheet .wb-panel-icon-btn{border-radius:8px;height:42px}.wb-props-sheet .wb-panel-size-btn{min-height:40px}.wb-props-dock-btn.active{color:#6965db!important;background:#ece9ff!important}.wb-bottom-bar-right .wb-props-dock-btn{background:#fff;border-radius:8px;box-shadow:0 0 0 1px #0000000a,0 2px 8px #00000014}.wb-props-panel{box-shadow:none;box-sizing:border-box;background:#fffffffa;border-radius:0 0 10px 10px;flex-direction:column;gap:6px;width:100%;padding:10px 12px 20px;display:flex}.wb-props-panel-wrap:not(.is-collapsed){background:#fffffffa;border-radius:10px;box-shadow:0 0 0 1px #0000000a,0 4px 20px #0f172a1a}.wb-panel-section--collapsible{background:#fafbfc;border:1px solid #eef2f7;border-radius:8px;gap:0;margin-bottom:2px;overflow:visible}.wb-panel-section--collapsible.is-collapsed{background:#f1f5f9;border-color:#e2e8f0}.wb-panel-section--collapsible.is-collapsed .wb-panel-section-head{color:#475569}.wb-panel-section-title{letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:600}.wb-panel-section-meta{align-items:center;gap:6px;display:flex}.wb-panel-section-state{color:#94a3b8;text-transform:none;letter-spacing:0;font-size:10px;font-weight:500}.wb-panel-section--collapsible.is-open .wb-panel-section-head{border-bottom:1px solid #eef2f7}.wb-panel-section-head{color:#64748b;cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:8px 10px;font-size:11px;font-weight:600;display:flex}.wb-panel-section-head:hover{background:#f1f5f9}.wb-panel-section-chevron{color:#94a3b8;flex-shrink:0;transition:transform .15s}.wb-panel-section--collapsible.is-open .wb-panel-section-chevron{transform:rotate(180deg)}.wb-panel-section-body{flex-direction:column;gap:8px;padding:8px 10px 10px;display:flex}.wb-panel-section-body[hidden]{display:none!important}.wb-panel-subgroup{flex-direction:column;gap:6px;display:flex}.wb-panel-sublabel{color:#94a3b8;text-transform:uppercase;letter-spacing:.03em;font-size:10px;font-weight:500}.wb-panel-section{flex-direction:column;gap:6px;display:flex}.wb-panel-label{color:#6b7280;font-size:11px;font-weight:500}.wb-panel-swatches{flex-wrap:wrap;gap:4px;display:flex}.wb-panel-swatch{cursor:pointer;border:1px solid #0000001a;border-radius:4px;width:22px;height:22px;padding:0;transition:transform 80ms,box-shadow .12s}.wb-panel-swatch:hover{transform:scale(1.08)}.wb-panel-swatch:active{transform:scale(.95)}.wb-panel-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #6965db}.wb-swatch-none{background:#fff linear-gradient(135deg,#0000 46%,#ef4444 46% 54%,#0000 54%)}.wb-panel-btn-row{gap:4px;display:flex}.wb-panel-icon-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;justify-content:center;align-items:center;height:32px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s,transform 80ms,box-shadow .12s;display:flex}.wb-panel-icon-btn:hover{background:#f3f4f6;border-color:#d1d5db}.wb-panel-icon-btn:active{background:#e8e5ff;border-color:#6965db;transform:scale(.96)}.wb-panel-icon-btn.active{color:#6965db;background:#ece9ff;border-color:#6965db;box-shadow:inset 0 0 0 1px #6965db26}.wb-panel-icon-btn:focus-visible{outline-offset:1px;outline:2px solid #6965db}.wb-panel-size-row{gap:4px;display:flex}.wb-panel-size-btn{cursor:pointer;color:#374151;background:#fff;border:1px solid #e5e7eb;border-radius:6px;flex:1;height:32px;font-size:12px;font-weight:600;transition:background .12s,border-color .12s,transform 80ms}.wb-panel-size-btn:hover{background:#f3f4f6;border-color:#d1d5db}.wb-panel-size-btn:active{background:#e8e5ff;border-color:#6965db;transform:scale(.96)}.wb-panel-size-btn.active{color:#6965db;background:#ece9ff;border-color:#6965db;box-shadow:inset 0 0 0 1px #6965db26}.wb-panel-opacity{align-items:center;gap:8px;display:flex}.wb-panel-opacity input[type=range]{accent-color:#6965db;flex:1}.wb-panel-opacity span{color:#6b7280;text-align:right;min-width:28px;font-size:11px}.wb-panel-slider-row{flex-direction:column;gap:6px;display:flex}.wb-panel-slider-head{color:#64748b;justify-content:space-between;align-items:center;font-size:11px;display:flex}.wb-panel-slider-row input[type=range]{accent-color:#6965db;width:100%}.wb-panel-text-input{border:1px solid #e2e8f0;border-radius:8px;width:100%;padding:8px 10px;font:13px system-ui,sans-serif}.wb-panel-text-input:focus{border-color:#6965db;outline:none;box-shadow:0 0 0 3px #6965db1f}.wb-panel-color-picker-row{flex-direction:column;gap:10px;display:flex}.wb-panel-color-picker{cursor:pointer;background:#0f172a08;border:1px solid #0f172a1a;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;display:flex}.wb-panel-color-picker input[type=color]{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.wb-panel-color-picker-swatch{border:1px solid #0f172a26;border-radius:6px;flex-shrink:0;width:22px;height:22px}.wb-panel-color-picker-label{color:#475569;font-size:12px;font-weight:600}.wb-panel-font-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.wb-panel-font-btn{color:#334155;cursor:pointer;text-align:left;background:#fff;border:1px solid #0f172a1a;border-radius:8px;min-height:34px;padding:6px 8px;font-size:14px}.wb-panel-font-btn.active{color:#4338ca;background:#eef2ff;border-color:#6965db}.wb-root--dark .wb-panel-font-btn{color:#e2e8f0;background:#1e293b;border-color:#94a3b833}.wb-root--dark .wb-panel-font-btn.active{color:#c7d2fe;background:#6965db40;border-color:#818cf8}.wb-tool-hint-wrap{z-index:5;pointer-events:none;align-items:center;gap:6px;display:flex;position:absolute;top:58px;left:50%;transform:translate(-50%)}.wb-tool-hint{color:#9ca3af;white-space:nowrap;pointer-events:none;margin:0;font-size:11px}.wb-tool-hint-toggle{color:#94a3b8;cursor:pointer;pointer-events:auto;background:#ffffffd1;border:1px solid #94a3b847;border-radius:6px;flex:none;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.wb-tool-hint-toggle:hover{color:#475569;background:#fffffff5;border-color:#94a3b880}.wb-root--dark .wb-tool-hint-toggle,html[data-theme=dark] .wb-tool-hint-toggle{color:#94a3b8;background:#1e293bd1;border-color:#94a3b838}.wb-root--dark .wb-tool-hint-toggle:hover,html[data-theme=dark] .wb-tool-hint-toggle:hover{color:#e2e8f0;background:#334155f5;border-color:#94a3b861}.wb-selection-bar{z-index:13;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:#fff;border-radius:10px;align-items:center;gap:2px;max-width:calc(100vw - 24px);padding:4px 8px;display:flex;top:108px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 0 0 1px #0000000a,0 2px 8px #00000014}.wb-selection-bar--anchored{top:auto;left:auto}.wb-selection-bar::-webkit-scrollbar{display:none}.wb-selection-bar .wb-icon-btn{box-shadow:none;background:0 0;flex-shrink:0;width:32px;height:32px}.wb-selection-count{color:#6965db;background:#ece9ff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;min-width:24px;height:24px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.wb-icon-btn--danger{color:#dc2626!important}.wb-icon-btn--danger:hover:not(:disabled){background:#fef2f2!important}.wb-tool-btn{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,transform 80ms,color .12s;display:flex;position:relative}.wb-tool-btn:hover{background:#f3f4f6}.wb-tool-btn:active{background:#e8e5ff;transform:scale(.94)}.wb-tool-btn.active{color:#6965db;background:#ece9ff;box-shadow:inset 0 0 0 1px #6965db33}.wb-tool-btn:focus-visible{outline-offset:1px;outline:2px solid #6965db}.wb-tool-lock.active{color:#6965db}.wb-tool-lock.active svg{fill:#6965db26}.wb-tool-shortcut{display:none}.wb-toolbar-divider{background:#e5e7eb;flex-shrink:0;width:1px;height:24px;margin:0 4px}.wb-icon-btn{color:#374151;cursor:pointer;background:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .12s,transform 80ms,box-shadow .12s;display:flex;box-shadow:0 0 0 1px #0000000a,0 2px 8px #00000014}.wb-icon-btn:hover:not(:disabled){background:#f3f4f6}.wb-icon-btn:active:not(:disabled){background:#e8e5ff;transform:scale(.94);box-shadow:0 0 0 1px #6965db4d,0 1px 4px #00000014}.wb-icon-btn:focus-visible{outline-offset:2px;outline:2px solid #6965db}.wb-icon-btn.active{color:#6965db;background:#ece9ff;box-shadow:0 0 0 1px #6965db59,0 2px 8px #00000014}.wb-icon-btn:disabled{opacity:.35;cursor:default}.wb-bar{background:#fff;border-radius:8px;align-items:center;gap:2px;padding:2px;display:flex;box-shadow:0 0 0 1px #0000000a,0 2px 8px #00000014}.wb-bar .wb-icon-btn{box-shadow:none;border-radius:6px}.wb-zoom-label{color:#374151;cursor:pointer;background:0 0;border:none;border-radius:6px;min-width:44px;height:32px;font-size:12px}.wb-zoom-label:hover{background:#f3f4f6}.wb-insert-btn{color:#fff;cursor:pointer;background:#6965db;border:none;border-radius:8px;height:36px;padding:0 16px;font-size:13px;font-weight:500;transition:background .12s,transform 80ms;box-shadow:0 2px 8px #6965db59}.wb-insert-btn:hover{background:#5b57c9}.wb-insert-btn:active{background:#4f4bb5;transform:scale(.98)}.wb-menu{z-index:20;z-index:20;background:#fff;border-radius:8px;min-width:220px;padding:6px;position:absolute;top:44px;left:0;box-shadow:0 0 0 1px #0000000f,0 8px 24px #0000001f}.wb-menu-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;transition:background .12s,transform 80ms;display:flex}.wb-menu-item:hover{background:#f3f4f6}.wb-menu-item:active{background:#e8e5ff;transform:scale(.98)}.wb-menu-item.wb-menu-primary{color:#6965db;font-weight:500}.wb-menu-divider{background:#e5e7eb;height:1px;margin:4px 0}.wb-toolbar-extra-wrap{align-items:center;display:flex;position:relative}.wb-extra-tools-menu{background:#fff;border-radius:10px;min-width:240px;padding:6px;box-shadow:0 0 0 1px #0000000f,0 8px 24px #00000024}.wb-extra-tools-menu--floating{position:fixed}.wb-extra-tools-heading{letter-spacing:.04em;text-transform:uppercase;color:#6b7280;padding:8px 12px 4px;font-size:11px;font-weight:700}.wb-extra-tools-item{color:#374151;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:13px;display:flex}.wb-extra-tools-item:hover,.wb-extra-tools-item:focus-visible{background:#f3f4f6;outline:none}.wb-extra-tools-item kbd{color:#9ca3af;margin-left:auto;font-family:inherit;font-size:11px}.wb-extra-tools-badge{color:#7c3aed;background:#ede9fe;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:700}.wb-extra-tools-close{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;position:absolute;top:6px;right:6px}.wb-gen-overlay{z-index:9300;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.wb-gen-panel{background:#fff;border-radius:12px;width:min(520px,100%);padding:16px 18px 14px;box-shadow:0 20px 50px #0003}.wb-gen-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.wb-gen-head h3{margin:0;font-size:16px;font-weight:600}.wb-gen-hint{color:#64748b;margin:8px 0 12px;font-size:13px}.wb-gen-textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:180px;padding:10px 12px;font:13px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.wb-gen-actions{justify-content:flex-end;gap:8px;margin-top:12px;display:flex}.wb-gen-btn{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;font-size:13px}.wb-gen-btn--primary{color:#fff;background:#6965db;border-color:#6965db}.wb-gen-example{color:#6965db;cursor:pointer;background:0 0;border:none;padding:0;font-size:12px;text-decoration:underline}.wb-gen-examples{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.wb-gen-error{color:#dc2626;margin:8px 0 0;font-size:12px}.wb-gen-usage{color:#4338ca;background:#6366f114;border:1px solid #6366f126;border-radius:8px;margin:0 0 10px;padding:8px 12px;font-size:12px;font-weight:600}.wb-gen-usage--low{color:#b45309;background:#f59e0b1a;border-color:#f59e0b40}.wb-gen-ai-settings{border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;overflow:hidden}.wb-gen-ai-toggle{color:#334155;cursor:pointer;text-align:left;background:#f8fafc;border:none;align-items:center;gap:6px;width:100%;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.wb-gen-ai-body{border-top:1px solid #e2e8f0;flex-direction:column;gap:10px;padding:12px;display:flex}.wb-gen-ai-label{color:#475569;flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.wb-gen-ai-select,.wb-gen-ai-input{border:1px solid #e2e8f0;border-radius:6px;padding:8px 10px;font:13px/1.4 system-ui,sans-serif}.wb-gen-ai-note{color:#94a3b8;margin:0;font-size:11px;line-height:1.4}.wb-gen-ai-actions{gap:8px;display:flex}.wb-gen-history{border:1px solid #e2e8f0;border-radius:8px;margin-top:12px;overflow:hidden}.wb-gen-history-count{color:#64748b;background:#e2e8f0;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:700}.wb-gen-history-body{border-top:1px solid #e2e8f0;max-height:280px;padding:10px 12px 12px;overflow-y:auto}.wb-gen-history-empty{color:#94a3b8;margin:0;font-size:12px;line-height:1.45}.wb-gen-history-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wb-gen-history-item{background:#fafafa;border:1px solid #e2e8f0;border-radius:8px;overflow:hidden}.wb-gen-history-summary{text-align:left;cursor:pointer;background:0 0;border:none;flex-direction:column;gap:4px;width:100%;padding:8px 28px 8px 10px;display:flex;position:relative}.wb-gen-history-summary>svg:last-child{color:#94a3b8;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.wb-gen-history-meta{align-items:center;gap:6px;display:flex}.wb-gen-history-time{color:#64748b;font-size:11px}.wb-gen-history-badge{text-transform:uppercase;letter-spacing:.03em;border-radius:4px;padding:1px 6px;font-size:10px;font-weight:700}.wb-gen-history-badge--ai{color:#4338ca;background:#6366f11f}.wb-gen-history-badge--local{color:#0f766e;background:#14b8a61f}.wb-gen-history-badge--direct{color:#1d4ed8;background:#3b82f61f}.wb-gen-history-preview{color:#334155;font-size:12px;font-weight:600;line-height:1.35}.wb-gen-history-detail{flex-direction:column;gap:10px;padding:0 10px 10px;display:flex}.wb-gen-history-block{flex-direction:column;gap:6px;display:flex}.wb-gen-history-label{text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:11px;font-weight:700}.wb-gen-history-code{color:#1e293b;white-space:pre-wrap;word-break:break-word;background:#fff;border:1px solid #e2e8f0;border-radius:6px;max-height:160px;margin:0;padding:8px 10px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.wb-gen-history-code--mermaid{color:#0f172a}.wb-gen-history-actions{flex-wrap:wrap;gap:6px;display:flex}.wb-gen-history-action,.wb-gen-history-remove,.wb-gen-history-clear{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:600}.wb-gen-history-remove{color:#b91c1c;border-color:#fecaca;align-self:flex-start}.wb-gen-history-clear{width:100%;margin-top:8px}.wb-gen-history-note{color:#94a3b8;margin:0;font-size:11px}.wb-gen-overlay--studio{padding:20px}.wb-gen-studio{background:#fff;border-radius:14px;flex-direction:column;width:min(1120px,100%);height:min(88vh,100vh - 24px);min-height:520px;display:flex;overflow:hidden;box-shadow:0 24px 60px #0f172a47}.wb-gen-studio-header{border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.wb-gen-studio-tabs{gap:4px;display:flex}.wb-gen-studio-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:600;display:inline-flex}.wb-gen-studio-tab--active{color:#1e293b;background:#f1f5f9}.wb-gen-studio-beta{color:#6965db;background:#6965db1f;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.wb-gen-studio-header-actions{align-items:center;gap:6px;display:flex}.wb-gen-studio-new{color:#fff;cursor:pointer;background:#6965db;border:none;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600}.wb-gen-studio-new:disabled{opacity:.6;cursor:not-allowed}.wb-gen-studio-retry,.wb-gen-studio-retry-foot{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.wb-gen-studio-retry:hover:not(:disabled),.wb-gen-studio-retry-foot:hover:not(:disabled){background:#f8fafc;border-color:#cbd5e1}.wb-gen-studio-retry:disabled,.wb-gen-studio-retry-foot:disabled{opacity:.5;cursor:not-allowed}.wb-gen-retry-inline{color:#b91c1c;cursor:pointer;background:#fef2f2;border:none;border-radius:6px;align-items:center;gap:6px;margin-top:8px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-flex}.wb-gen-studio-retry-foot{margin-right:auto}.wb-gen-studio-icon-wrap{position:relative}.wb-gen-studio-icon-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.wb-gen-studio-icon-btn:hover{color:#334155;background:#f1f5f9}.wb-gen-studio-popover{z-index:10;background:#fff;border:1px solid #e2e8f0;border-radius:10px;width:320px;max-height:360px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 12px 32px #0f172a26}.wb-gen-studio-popover-head{color:#334155;border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.wb-gen-studio-popover-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;margin-left:auto;display:inline-flex}.wb-gen-studio-popover-empty{color:#94a3b8;margin:0;padding:16px 12px;font-size:12px}.wb-gen-studio-history-list{max-height:300px;margin:0;padding:6px;list-style:none;overflow-y:auto}.wb-gen-studio-history-item{text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;gap:4px;width:100%;padding:8px 10px;display:flex}.wb-gen-studio-history-item:hover{background:#f8fafc}.wb-gen-studio-history-time{color:#94a3b8;font-size:11px}.wb-gen-studio-history-text{color:#334155;font-size:12px;font-weight:600;line-height:1.35}.wb-gen-studio-settings{background:#fafafa;border-bottom:1px solid #e2e8f0;flex-shrink:0;padding:12px 16px}.wb-gen-studio-settings-row{grid-template-columns:1fr 1.4fr;gap:12px;display:grid}.wb-gen-studio-settings-actions{align-items:center;gap:8px;margin-top:10px;display:flex}.wb-gen-usage--inline{flex:1;margin:0}.wb-gen-api-key-help{color:#64748b;margin-top:12px;font-size:13px}.wb-gen-api-key-help summary{cursor:pointer;color:#475569;font-weight:600}.wb-gen-api-key-help-body{margin-top:8px;line-height:1.5}.wb-gen-api-key-help-body ol{margin:8px 0 0;padding-left:1.25rem}.wb-gen-api-key-help-body a{color:#6965db}.wb-gen-studio-body{flex:1;grid-template-columns:minmax(340px,42%) 1fr;min-height:0;display:grid}.wb-gen-studio-chat{border-right:1px solid #e2e8f0;flex-direction:column;min-height:0;display:flex}.wb-gen-chat-scroll{flex-direction:column;flex:1;gap:14px;min-height:0;padding:16px;display:flex;overflow-y:auto}.wb-gen-chat-empty{text-align:center;color:#64748b;margin:auto 0;padding:24px 12px;font-size:13px;line-height:1.5}.wb-gen-chat-msg{max-width:100%}.wb-gen-chat-msg-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.wb-gen-chat-msg-role{color:#334155;font-size:12px;font-weight:700}.wb-gen-chat-msg-time{color:#94a3b8;font-size:11px}.wb-gen-chat-msg-text{color:#334155;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.45}.wb-gen-chat-msg--user .wb-gen-chat-msg-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:10px 12px}.wb-gen-chat-code{color:#0f172a;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;max-height:280px;margin:0;padding:10px 12px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.wb-gen-chat-msg--error .wb-gen-chat-msg-text{color:#dc2626;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;padding:10px 12px}.wb-gen-chat-msg--loading .wb-gen-chat-msg-text{color:#64748b;font-style:italic}.wb-gen-mermaid-editor{background:#fafafa;border-top:1px solid #e2e8f0;flex-shrink:0;padding:10px 12px}.wb-gen-mermaid-editor-head{color:#475569;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.wb-gen-mermaid-textarea{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;width:100%;min-height:140px;padding:10px 12px;font:11px/1.45 ui-monospace,SFMono-Regular,Menlo,monospace}.wb-gen-chat-composer{border-top:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;gap:6px;padding:12px 14px;display:flex}.wb-gen-chat-composer-row{align-items:flex-end;gap:8px;display:flex}.wb-gen-chat-mic{color:#475569;cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.wb-gen-chat-mic--active{color:#dc2626;background:#fef2f2;border-color:#f87171;animation:1.4s ease-in-out infinite wb-voice-pulse}.wb-gen-chat-mic:disabled{opacity:.4;cursor:not-allowed}@keyframes wb-voice-pulse{0%,to{box-shadow:0 0 #dc262640}50%{box-shadow:0 0 0 6px #dc262600}}.wb-gen-chat-input--listening{border-color:#f87171}.wb-gen-voice-hint,.wb-gen-voice-error{margin:0;font-size:11px;line-height:1.35}.wb-gen-voice-hint{color:#64748b;padding-left:46px}.wb-gen-voice-error{color:#dc2626}.wb-gen-chat-input{resize:none;border:1px solid #e2e8f0;border-radius:12px;flex:1;min-height:44px;padding:10px 12px;font:13px/1.45 system-ui,sans-serif}.wb-gen-chat-input:focus{border-color:#6965db;outline:none;box-shadow:0 0 0 3px #6965db1f}.wb-gen-chat-send{color:#fff;cursor:pointer;background:#6965db;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex}.wb-gen-chat-send:disabled{opacity:.45;cursor:not-allowed}.wb-gen-view-mermaid{color:#6965db;text-align:left;cursor:pointer;background:0 0;border:none;padding:0 14px 12px;font-size:12px;font-weight:600}.wb-gen-studio-preview-pane{background:#f8fafc;flex-direction:column;min-height:0;display:flex}.wb-gen-studio-preview-canvas{flex:1;width:100%;min-height:0;display:block}.wb-gen-studio-preview-foot{background:#fff;border-top:1px solid #e2e8f0;justify-content:flex-end;align-items:center;gap:8px;padding:12px 16px;display:flex}.wb-gen-studio-insert{color:#fff;cursor:pointer;background:#6965db;border:none;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600}.wb-gen-studio-insert:disabled{opacity:.45;cursor:not-allowed}@media (width<=860px){.wb-gen-studio-body{grid-template-rows:1fr 280px;grid-template-columns:1fr}.wb-gen-studio-chat{border-bottom:1px solid #e2e8f0;border-right:none}.wb-gen-studio-settings-row{grid-template-columns:1fr}}.wb-gen-textarea:focus{border-color:#6965db;outline:none;box-shadow:0 0 0 3px #6965db26}.wb-menu-item.wb-menu-toggle{justify-content:flex-start;gap:10px}.wb-menu-switch{background:#d1d5db;border-radius:999px;flex-shrink:0;width:32px;height:18px;margin-left:auto;transition:background .15s;position:relative}.wb-menu-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.wb-menu-switch.on{background:#6965db}.wb-menu-switch.on:after{transform:translate(14px)}.wb-bar .wb-icon-btn.active{color:#6965db;background:#ece9ff}.wb-props-colors{align-items:center;gap:4px;display:flex}.wb-swatch{cursor:pointer;border:1px solid #0000001a;border-radius:4px;flex-shrink:0;width:20px;height:20px;padding:0}.wb-swatch.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #6965db}.wb-color-picker{cursor:pointer;background:0 0;border:1px solid #e5e7eb;border-radius:4px;width:24px;height:24px;padding:0}.wb-fill-picker{border-radius:50%}.wb-props-select{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:6px;height:28px;padding:0 8px;font-size:12px}.wb-props-slider{color:#6b7280;align-items:center;gap:6px;font-size:11px;display:flex}.wb-props-slider input[type=range]{accent-color:#6965db;width:64px}.wb-canvas.wb-cursor-text{cursor:text}.wb-canvas.wb-cursor-eraser{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Crect x='4' y='10' width='16' height='8' rx='2' fill='%23fff' stroke='%23333' stroke-width='1.5'/%3E%3C/svg%3E") 12 14,crosshair}.wb-canvas.wb-cursor-highlight{cursor:crosshair}.wb-text-input{resize:both;font-family:var(--font-sans,system-ui, sans-serif);z-index:20;direction:ltr;unicode-bidi:plaintext;background:#ffffffd9;border:1px dashed #6965db;outline:none;min-width:80px;min-height:28px;padding:2px 6px;line-height:1.25;position:absolute;overflow:hidden;box-shadow:0 1px 4px #00000014}.wb-text-input-inline{box-shadow:none;resize:none;white-space:pre;overflow-wrap:normal;word-wrap:normal;caret-color:currentColor;direction:ltr;unicode-bidi:plaintext;background:0 0;border:none;min-width:8px;min-height:0;margin:0;padding:0;overflow:hidden}.wb-text-input-inline[wrap=soft]{white-space:pre-wrap;overflow-wrap:break-word;word-wrap:break-word}.wb-text-format-bar{z-index:30;background:#fffffff5;border:1px solid #6965db38;border-radius:8px;align-items:center;gap:2px;padding:4px;display:flex;position:absolute;box-shadow:0 8px 24px #0f172a24}.wb-text-format-bar--editing{transform:none}.wb-connector-label-input{text-align:center;background:#ffffffeb;border:1px solid #6965db59;border-radius:4px;min-width:48px;padding:2px 6px;box-shadow:0 1px 4px #0000000f}.wb-hint{color:#9ca3af;pointer-events:none;z-index:5;margin:0;font-size:11px;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.wb-hint kbd{background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:1px 5px;font-family:inherit;font-size:10px;display:inline-block}.wb-help-btn.active{color:#6965db;background:#ece9ff}.wb-shortcuts-overlay{z-index:600;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.wb-shortcuts-panel{background:#fff;border-radius:12px;width:min(720px,100%);max-height:min(80vh,640px);padding:20px 22px 16px;overflow-y:auto;box-shadow:0 20px 50px #0003}.wb-shortcuts-header{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.wb-shortcuts-header h3{color:#111827;margin:0;font-size:18px;font-weight:600}.wb-shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px 24px;display:grid}.wb-shortcuts-group h4{text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin:0 0 8px;font-size:12px;font-weight:600}.wb-shortcuts-group ul{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.wb-shortcuts-group li{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.wb-shortcuts-keys{flex-wrap:wrap;flex-shrink:0;gap:4px;display:flex}.wb-shortcuts-keys kbd,.wb-shortcuts-foot kbd{color:#374151;background:#f9fafb;border:1px solid #e5e7eb;border-radius:4px;padding:2px 6px;font-family:inherit;font-size:11px;display:inline-block;box-shadow:0 1px #e5e7eb}.wb-shortcuts-label{color:#374151;text-align:right}.wb-shortcuts-foot{color:#6b7280;text-align:center;margin:16px 0 0;font-size:12px}.dw-sidebar-head-actions{align-items:center;gap:6px;display:flex}.dw-search-wrap{padding:0 10px 8px;position:relative}.dw-search-icon{color:#94a3b8;pointer-events:none;position:absolute;top:50%;left:20px;transform:translateY(-50%)}.dw-search{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;width:100%;height:32px;padding:0 10px 0 30px;font-size:13px}.dw-page-trail-row{align-items:center;gap:4px;display:flex}.dw-page-trail-row .dw-page-trail-item{flex:1;min-width:0}.dw-page-trail-actions{opacity:0;flex-direction:column;gap:2px;transition:opacity .12s;display:flex}.dw-pages-trail li:hover .dw-page-trail-actions,.dw-pages-trail li.active .dw-page-trail-actions{opacity:1}.dw-icon-btn.sm{width:22px;height:22px}.dw-page-thumb{object-fit:cover;background:#fff;border:1px solid #e2e8f0;border-radius:4px;flex-shrink:0;width:36px;height:28px}.dw-modal-overlay{z-index:800;background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.dw-modal{background:#fff;border-radius:12px;width:min(520px,100%);padding:20px;box-shadow:0 20px 50px #0003}.dw-modal-head{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.dw-modal-head h3{margin:0;font-size:18px}.dw-modal-sub{color:#64748b;margin:0 0 14px;font-size:13px}.dw-template-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.dw-template-card{text-align:left;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px}.dw-template-card:hover{background:#f5f3ff;border-color:#6965db}.dw-template-label{color:#1e293b;font-size:14px;font-weight:600;display:block}.dw-template-desc{color:#64748b;margin-top:4px;font-size:11px;display:block}.dw-present{z-index:900;background:#0f172a;flex-direction:column;display:flex;position:fixed;inset:0}.dw-present-top{color:#e2e8f0;justify-content:space-between;align-items:center;padding:12px 16px;font-size:14px;display:flex}.dw-present-stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:16px;display:flex}.dw-present-stage img{object-fit:contain;border-radius:8px;max-width:100%;max-height:100%;box-shadow:0 8px 32px #0006}.dw-present-nav{color:#e2e8f0;justify-content:center;align-items:center;gap:16px;padding:16px;display:flex}.dw-app-header{background:var(--dw-surface);border-bottom:1px solid var(--dw-border);z-index:600;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:8px 14px;display:flex;position:relative;overflow:visible}.dw-header-title{color:var(--dw-text);font-size:15px;font-weight:600}.dw-header-left{align-items:center;gap:8px;min-width:0;display:flex}.dw-header-hamburger{flex-shrink:0}.dw-header-left .dw-header-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dw-header-add-page-btn{width:24px;height:24px;color:var(--dw-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.dw-header-add-page-btn:hover{color:var(--dw-text);background:var(--dw-surface-hover,#0000000f)}.dw-header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.dw-header-cluster{background:var(--dw-surface-2);border:1px solid var(--dw-border);border-radius:10px;align-items:center;gap:2px;padding:3px;display:flex}.dw-header-icon-btn{width:32px;height:32px;color:var(--dw-text);cursor:pointer;background:0 0;border:none;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.dw-header-icon-btn:hover{background:var(--dw-accent-soft);color:var(--dw-accent)}.dw-header-icon-btn:focus-visible{outline:2px solid var(--dw-accent);outline-offset:1px}.dw-header-icon-btn--solo{border:1px solid var(--dw-border);background:var(--dw-surface-2);border-radius:8px}.dw-header-sep{background:var(--dw-border);flex-shrink:0;width:1px;height:20px;margin:0 4px}.dw-header-menu-btn{height:32px;color:var(--dw-text);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:7px;align-items:center;gap:5px;padding:0 8px;font-size:13px;font-weight:500;display:inline-flex}.dw-header-menu-btn:hover,.dw-header-menu-btn.active{background:var(--dw-accent-soft);color:var(--dw-accent)}.dw-header-menu-btn:focus-visible{outline:2px solid var(--dw-accent);outline-offset:1px}.dw-header-menu-btn--compact{justify-content:center;width:32px;padding:0}.dw-header-menu-btn--compact .dw-header-menu-chevron{display:none}.dw-header-menu-chevron{opacity:.55;flex-shrink:0}.dw-header-btn--accent{background:var(--dw-accent);border-color:var(--dw-accent);color:#fff}.dw-header-btn--accent:hover{color:#fff;background:#5b57c9;border-color:#5b57c9}.dw-header-btn{border:1px solid var(--dw-border);background:var(--dw-surface-2);height:34px;color:var(--dw-text);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:500;display:inline-flex}.dw-header-btn:hover{border-color:var(--dw-accent);background:var(--dw-accent-soft)}.dw-header-btn:focus-visible{outline:2px solid var(--dw-accent);outline-offset:2px}.dw-header-btn.active{border-color:var(--dw-accent);background:var(--dw-accent-soft);color:var(--dw-accent)}.dw-header-btn.icon-only{justify-content:center;width:34px;padding:0}.dw-menu-wrap{position:relative}.dw-menu-panel{background:var(--dw-surface);border:1px solid var(--dw-border);z-index:610;border-radius:8px;min-width:200px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #0000001f}.dw-menu-panel--floating{z-index:9200;-webkit-overflow-scrolling:touch;min-width:220px;max-height:min(70vh,520px);padding:6px;position:fixed;overflow-y:auto}.dw-menu-section{flex-direction:column;gap:2px;display:flex}.dw-menu-section-title{letter-spacing:.05em;text-transform:uppercase;color:var(--dw-text-muted);padding:6px 10px 4px;font-size:10px;font-weight:600}.dw-menu-item--active{background:#6965db1a;font-weight:600}.dw-mmenu-row--active{background:#6965db14}.dw-menu-item--danger{color:#dc2626}.dw-menu-item--danger:hover{color:#b91c1c;background:#fef2f2}html[data-theme=dark] .dw-menu-item--danger:hover{color:#f87171;background:#dc262626}.dw-sheet-backdrop--header{z-index:9190}.dw-mobile-sheet--header{z-index:9200}.dw-sheet-backdrop{z-index:780;cursor:pointer;background:#0f172a73;border:none;margin:0;padding:0;animation:.15s ease-out fadeIn;position:fixed;inset:0}.dw-mobile-sheet{z-index:790;background:var(--dw-surface);border-radius:20px 20px 0 0;flex-direction:column;max-height:min(88vh,640px);animation:.24s cubic-bezier(.32,.72,0,1) dwSlideUp;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 48px #00000038}@keyframes dwSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dw-mobile-sheet-head{border-bottom:1px solid var(--dw-border);flex-shrink:0;padding:8px 16px 0}.dw-mobile-sheet-handle{background:var(--dw-border);border-radius:999px;width:36px;height:4px;margin:0 auto 10px}.dw-mobile-sheet-head-row{justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.dw-mobile-sheet-title{color:var(--dw-text);letter-spacing:-.01em;font-size:17px;font-weight:600}.dw-mmenu-close{background:var(--dw-surface-2);width:36px;height:36px;color:var(--dw-text-muted);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.dw-mmenu-close:active{transform:scale(.96)}.dw-mobile-sheet-body{padding:12px 14px max(18px, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;overflow-y:auto}.dw-mmenu{flex-direction:column;gap:12px;display:flex}.dw-mmenu-card{background:var(--dw-surface-2);border:1px solid var(--dw-border);border-radius:14px;padding:4px;overflow:hidden}.dw-mmenu-card-title{letter-spacing:.06em;text-transform:uppercase;color:var(--dw-text-muted);align-items:center;gap:6px;margin:0;padding:10px 12px 6px;font-size:11px;font-weight:600;display:flex}.dw-mmenu-row{cursor:pointer;text-align:left;width:100%;min-height:52px;color:var(--dw-text);background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;padding:10px 12px;transition:background .12s;display:flex}.dw-mmenu-row:active{background:var(--dw-accent-soft)}.dw-mmenu-row--toggle{justify-content:flex-start}.dw-mmenu-row-icon{background:var(--dw-surface);border:1px solid var(--dw-border);width:36px;height:36px;color:var(--dw-accent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.dw-mmenu-row-icon--danger{color:#dc2626;background:#fef2f2;border-color:#fecaca}.dw-mmenu-row-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.dw-mmenu-row-label{color:var(--dw-text);font-size:15px;font-weight:500}.dw-mmenu-row-hint{color:var(--dw-text-muted);font-size:12px}.dw-mmenu-row--danger .dw-mmenu-row-label{color:#dc2626}.dw-mmenu-switch{background:var(--dw-border);border-radius:999px;flex-shrink:0;width:44px;height:26px;margin-left:auto;transition:background .15s;position:relative}.dw-mmenu-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0003}.dw-mmenu-switch.on{background:var(--dw-accent)}.dw-mmenu-switch.on:after{transform:translate(18px)}.dw-mmenu-swatches{grid-template-columns:repeat(4,1fr);gap:8px;padding:4px 10px 12px;display:grid}.dw-mmenu-swatch{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:12px;min-height:56px;padding:0;transition:transform .1s,box-shadow .12s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #00000014}.dw-mmenu-swatch:active{transform:scale(.96)}.dw-mmenu-swatch.active{border-color:var(--dw-accent);box-shadow:0 0 0 2px var(--dw-accent-soft), inset 0 0 0 1px #0000000f}.dw-mmenu-swatch-label{text-align:center;color:#fff;text-shadow:0 1px 2px #0006;background:linear-gradient(#0000,#0000008c);padding:14px 4px 5px;font-size:10px;font-weight:600;line-height:1.1;position:absolute;bottom:0;left:0;right:0}.dw-mmenu-swatch--custom{background:conic-gradient(#ef4444,#f97316,#eab308,#22c55e,#3b82f6,#a855f7,#ef4444);justify-content:center;align-items:flex-end;display:flex}.dw-mmenu-swatch--custom input[type=color]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.dw-mmenu-export{padding:8px 12px 10px}.dw-mmenu-export+.dw-mmenu-export{border-top:1px solid var(--dw-border);margin-top:2px;padding-top:10px}.dw-mmenu-export-head{color:var(--dw-text);align-items:center;gap:8px;margin-bottom:8px;font-size:14px;font-weight:600;display:flex}.dw-mmenu-export-actions{gap:8px;display:flex}.dw-mmenu-chip{border:1px solid var(--dw-border);background:var(--dw-surface);min-height:40px;color:var(--dw-text);cursor:pointer;border-radius:10px;flex:1;padding:0 12px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s}.dw-mmenu-chip:active{background:var(--dw-accent-soft);border-color:var(--dw-accent);color:var(--dw-accent)}.dw-sheet-section{margin-bottom:10px}.dw-sheet-section-title{letter-spacing:.04em;text-transform:uppercase;color:var(--dw-text-muted);padding:6px 8px 4px;font-size:11px;font-weight:600}.dw-header-actions--mobile{flex-shrink:0;align-items:center;gap:4px;display:none}.dw-menu-panel--sheet{min-width:0;padding:8px 8px max(14px, env(safe-area-inset-bottom));z-index:790;border-radius:14px 14px 0 0;max-height:min(70vh,480px);position:fixed;inset:auto 0 0;overflow-y:auto;box-shadow:0 -8px 32px #0000002e}.dw-menu-panel .dw-menu-item{width:100%;color:var(--dw-text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;display:flex}.dw-menu-panel .dw-menu-item:hover{background:var(--dw-accent-soft)}.dw-menu-item.dw-menu-toggle{justify-content:flex-start;gap:10px}.dw-menu-switch{background:#d1d5db;border-radius:999px;flex-shrink:0;width:32px;height:18px;margin-left:auto;transition:background .15s;position:relative}.dw-menu-switch:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000026}.dw-menu-switch.on{background:var(--dw-accent)}.dw-menu-switch.on:after{transform:translate(14px)}.dw-menu-divider{background:var(--dw-border);height:1px;margin:4px 0}.dw-menu-hint{color:var(--dw-text-muted);margin:0 10px 6px;font-size:11px;line-height:1.35}.dw-mmenu-hint{color:var(--dw-text-muted);margin:4px 0 0;padding:0 2px;font-size:11px;line-height:1.35}.dw-menu-colors{padding:6px 10px 8px}.dw-menu-colors-label{color:var(--dw-text-muted);align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:500;display:flex}.dw-menu-section .dw-menu-colors-row{padding:0 8px 6px}.dw-menu-colors-row{flex-wrap:wrap;gap:6px;display:flex}.dw-color-swatch{border:2px solid var(--dw-border);cursor:pointer;border-radius:6px;flex-shrink:0;width:24px;height:24px;padding:0}.dw-color-swatch.active{border-color:var(--dw-accent);box-shadow:0 0 0 2px var(--dw-accent-soft)}.dw-color-swatch--custom{background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);position:relative;overflow:hidden}.dw-color-swatch--custom input[type=color]{cursor:pointer;opacity:0;border:none;width:calc(100% + 8px);height:calc(100% + 8px);padding:0;position:absolute;inset:-4px}.dw-sidebar{background:var(--dw-surface);border-color:var(--dw-border)}.dw-sidebar-head{border-color:var(--dw-border)}.dw-note-title{color:var(--dw-text)}.dw-note-meta,.dw-page-trail-meta,.dw-sidebar-label{color:var(--dw-text-muted)}.dw-search,.dw-note-rename,.dw-icon-btn,.dw-export-btn{background:var(--dw-surface-2);border-color:var(--dw-border);color:var(--dw-text)}.dw-notes-list li.active{background:var(--dw-accent-soft)}.dw-page-trail-label{color:var(--dw-text)}.dw-main,.dw-page-tabs{background:var(--dw-bg)}.dw-page-tab{background:var(--dw-surface-2)}.dw-page-tab.active{background:var(--dw-surface);border-color:var(--dw-border)}.dw-page-tab.active .dw-page-tab-btn{color:var(--dw-accent)}.dw-canvas-host{border-color:var(--dw-border);background:var(--dw-canvas-frame)}html[data-theme=dark] .dw-canvas-host{background:#111113}.wb-root--book{background:linear-gradient(160deg,#e9edf4 0%,#d8dee9 48%,#cfd6e3 100%)!important}html[data-theme=dark] .wb-root--book{background:linear-gradient(160deg,#14151a 0%,#0f1014 100%)!important}html[data-theme=dark] .wb-toolbar,html[data-theme=dark] .wb-toolbar-group,html[data-theme=dark] .wb-tool-menu,html[data-theme=dark] .wb-props-panel,html[data-theme=dark] .wb-props-panel-wrap,html[data-theme=dark] .wb-props-panel-head,html[data-theme=dark] .wb-dock-group,html[data-theme=dark] .wb-dock-scroll-btn,html[data-theme=dark] .wb-bottom-bar-right .wb-icon-btn,html[data-theme=dark] .wb-page-nav-bottom,html[data-theme=dark] .wb-selection-bar{background:var(--dw-surface);box-shadow:0 0 0 1px var(--dw-border), 0 2px 8px #00000059}html[data-theme=dark] .wb-toolbar-group{background:var(--dw-surface-2,#1e293b);border-color:var(--dw-border)}html[data-theme=dark] .wb-toolbar-group--utility{background:0 0;border-color:#0000}html[data-theme=dark] .wb-tool-menu-item{color:var(--dw-text)}html[data-theme=dark] .wb-tool-menu-item:hover{background:var(--dw-surface-2)}html[data-theme=dark] .wb-panel-section--collapsible{background:var(--dw-surface-2,#1e293b);border-color:var(--dw-border)}html[data-theme=dark] .wb-panel-section--collapsible.is-collapsed{background:#0f172a99}html[data-theme=dark] .wb-panel-section--collapsible.is-open .wb-panel-section-head{border-bottom-color:var(--dw-border)}html[data-theme=dark] .wb-panel-section-state{color:var(--dw-text-muted)}html[data-theme=dark] .wb-mindmap-branch-toggle{background:var(--dw-surface);color:#a5b4fc;border-color:#818cf8}html[data-theme=dark] .wb-mindmap-branch-toggle.is-collapsed{color:#fff;background:#6366f1}html[data-theme=dark] .wb-mindmap-bar-btn{background:var(--dw-surface-2);border-color:var(--dw-border);color:var(--dw-text)}html[data-theme=dark] .wb-mindmap-bar-btn.is-collapsed{color:#c7d2fe;background:#6366f133;border-color:#6366f1}html[data-theme=dark] .wb-panel-section-head{color:var(--dw-text-muted)}html[data-theme=dark] .wb-panel-section-head:hover{background:#ffffff0a}html[data-theme=dark] .wb-props-panel-head{color:var(--dw-text-muted)}html[data-theme=dark] .wb-props-panel-toggle{background:var(--dw-surface-2);color:var(--dw-text-muted)}html[data-theme=dark] .wb-selection-bar .wb-icon-btn{color:var(--dw-text);background:0 0}html[data-theme=dark] .wb-selection-count{background:var(--dw-accent-soft);color:var(--dw-accent)}html[data-theme=dark] .wb-icon-btn--danger{color:#f87171!important}html[data-theme=dark] .wb-icon-btn--danger:hover:not(:disabled){background:#dc262626!important}html[data-theme=dark] .wb-dock-scroll-btn,html[data-theme=dark] .wb-dock-group .wb-icon-btn{color:var(--dw-text)}html[data-theme=dark] .wb-dock-group .wb-icon-btn:disabled{color:var(--dw-text-muted);opacity:.45}html[data-theme=dark] .wb-icon-btn,html[data-theme=dark] .wb-tool-btn,html[data-theme=dark] .wb-zoom-label{color:var(--dw-text);background:0 0}html[data-theme=dark] .wb-icon-btn:hover:not(:disabled),html[data-theme=dark] .wb-tool-btn:hover{background:var(--dw-surface-2)}html[data-theme=dark] .wb-icon-btn.active,html[data-theme=dark] .wb-tool-btn.active{background:var(--dw-accent-soft);color:var(--dw-accent)}html[data-theme=dark] .wb-view-toolbar-sep{background:var(--dw-border)}html[data-theme=dark] .wb-dock-group .wb-canvas-page-label{color:var(--dw-text);box-shadow:none;background:0 0}html[data-theme=dark] .wb-dock-scroll-btn:hover,html[data-theme=dark] .wb-dock-chip{background:var(--dw-surface-2);color:var(--dw-text)}html[data-theme=dark] .wb-dock-chip:hover{background:var(--dw-border)}html[data-theme=dark] .wb-context-menu{background:var(--dw-surface);border-color:var(--dw-border);box-shadow:0 8px 24px #00000073}html[data-theme=dark] .wb-context-item{color:var(--dw-text)}html[data-theme=dark] .wb-context-item:hover:not(:disabled){background:var(--dw-accent-soft);color:var(--dw-accent)}html[data-theme=dark] .wb-context-divider{background:var(--dw-border)}html[data-theme=dark] .wb-props-panel-wrap .wb-panel-label{color:var(--dw-text-muted)}html[data-theme=dark] .dw-modal{background:var(--dw-surface);color:var(--dw-text)}html[data-theme=dark] .dw-sidebar-backdrop{background:#0000008c}html[data-theme=dark] .dw-sheet-backdrop,html[data-theme=dark] .wb-props-backdrop{background:#0009}html[data-theme=dark] .dw-mobile-sheet,html[data-theme=dark] .wb-props-sheet{background:var(--dw-surface);box-shadow:0 -12px 40px #00000080}html[data-theme=dark] .dw-mmenu-row-icon--danger{background:#dc26261f;border-color:#dc262640}html[data-theme=dark] .wb-props-close-btn{background:var(--dw-surface-2);color:var(--dw-text-muted)}html[data-theme=dark] .dw-mmenu-card{background:#ffffff08}html[data-theme=dark] .wb-bottom-bar-right .wb-props-dock-btn{background:var(--dw-surface);color:var(--dw-text);box-shadow:0 0 0 1px var(--dw-border), 0 2px 8px #00000059}html[data-theme=dark] .wb-props-dock-btn.active{background:var(--dw-accent-soft)!important;color:var(--dw-accent)!important}.dw-tree{flex:1;padding:4px 6px 12px;overflow-y:auto}.dw-tree-node{margin-bottom:2px}.dw-tree-row{border-radius:6px;align-items:center;gap:2px;min-height:32px;display:flex;position:relative}.dw-tree-row:hover{background:var(--dw-surface-2)}.dw-tree-row.active{background:var(--dw-accent-soft)}.dw-tree-row.open:not(.active){background:#6965db0f}.dw-tree-chevron{width:24px;height:28px;color:var(--dw-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.dw-tree-chevron:hover{color:var(--dw-text);background:#0000000d}.dw-tree-label{cursor:pointer;text-align:left;min-width:0;color:var(--dw-text);background:0 0;border:none;flex:1;align-items:center;gap:8px;padding:4px 6px 4px 0;font-size:13px;display:flex}.dw-tree-icon{color:var(--dw-accent);flex-shrink:0}.dw-tree-icon.muted{color:var(--dw-text-muted)}.dw-tree-text{flex:1;min-width:0}.dw-tree-row.dw-tree-page{align-items:flex-start;height:auto;min-height:32px;padding:5px 0}.dw-tree-row.dw-tree-page .dw-tree-actions{align-self:flex-start;margin-top:2px}.dw-tree-page .dw-tree-label{align-items:flex-start}.dw-tree-page .dw-tree-text{white-space:normal;word-break:break-word;line-height:1.35;overflow:visible}.dw-tree-note .dw-tree-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dw-tree-badge{color:var(--dw-text-muted);background:var(--dw-surface-2);border:1px solid var(--dw-border);border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:10px}.dw-tree-row.active .dw-tree-text{color:var(--dw-accent);font-weight:600}.dw-tree-tag{color:var(--dw-text-muted);opacity:.8;flex-shrink:0;font-size:10px}.dw-tree-edit{border:1px solid var(--dw-accent);background:var(--dw-surface);height:28px;color:var(--dw-text);border-radius:6px;flex:1;margin-right:4px;padding:0 8px;font-size:13px}.dw-tree-children{border-left:1px solid var(--dw-border);margin-left:11px;padding-left:12px}.dw-tree-page{padding-left:4px}.dw-tree-guide{flex-shrink:0;width:12px}.dw-tree-thumb{object-fit:cover;border:1px solid var(--dw-border);background:#fff;border-radius:3px;flex-shrink:0;width:28px;height:20px}.dw-tree-actions{opacity:0;align-items:center;gap:1px;padding-right:4px;transition:opacity .12s;display:flex}.dw-tree-row:hover .dw-tree-actions,.dw-tree-row.active .dw-tree-actions{opacity:1}.dw-tree-action{width:22px;height:22px;color:var(--dw-text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:11px;display:flex}.dw-tree-action:hover:not(:disabled){background:var(--dw-surface);color:var(--dw-text)}.dw-tree-action.danger:hover:not(:disabled){color:#dc2626}.dw-tree-action:disabled{opacity:.3;cursor:default}.dw-sidebar-backdrop{display:none}@media (width<=1024px){.dw-sidebar-backdrop{z-index:640;cursor:pointer;background:#0f172a66;border:none;margin:0;padding:0;animation:.2s ease-out fadeIn;display:block;position:fixed;inset:0}.dw-sidebar{z-index:650;width:min(280px,85vw);transition:transform .2s,box-shadow .2s;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #00000026}.dw-sidebar--closed{width:min(280px,85vw);box-shadow:none;border-right-color:#0000;transform:translate(-100%)}.dw-header-actions:not(.dw-header-actions--mobile){flex-wrap:wrap;max-width:min(640px,62vw);overflow:visible}.wb-bottom-bar-center{max-width:min(320px,100vw - 220px)}.wb-dock-group .wb-canvas-page-label{max-width:min(180px,28vw)}}@media (width<=768px){.dw-app-header{gap:8px;padding:8px 10px}.dw-header-left{flex:1;min-width:0}.dw-header-title{max-width:none;font-size:14px}.dw-header-actions:not(.dw-header-actions--mobile){display:none}.dw-header-actions--mobile{display:flex}.dw-header-btn{justify-content:center;width:36px;height:36px;padding:0}.dw-header-cluster{gap:1px;padding:2px}.dw-header-menu-label{display:none}.dw-header-menu-btn:not(.dw-header-menu-btn--compact){justify-content:center;width:32px;padding:0}.dw-header-menu-chevron{display:none}.dw-header-sep{margin:0 2px}.dw-header-btn.icon-only,.dw-header-btn--accent{width:36px;min-width:36px}.dw-btn-label{display:none}.dw-toast{bottom:max(76px, calc(64px + env(safe-area-inset-bottom)));text-align:center;max-width:calc(100vw - 24px)}.wb-toolbar{scrollbar-width:none;border-radius:10px;max-width:calc(100vw - 16px);padding:3px 4px;top:8px}.wb-root--book .wb-toolbar{top:auto;bottom:max(68px, calc(56px + env(safe-area-inset-bottom)));flex-direction:row;align-items:center;max-height:none;left:8px;right:8px;overflow:auto hidden;transform:none}.wb-root--book .wb-toolbar-group{flex-direction:row}.wb-root--book .wb-tool-hint-wrap{bottom:max(118px, calc(106px + env(safe-area-inset-bottom)));max-width:calc(100vw - 24px);left:8px}.book-page-title-input{font-size:clamp(16px,4vw,22px)}.wb-toolbar::-webkit-scrollbar{display:none}.wb-tool-btn{width:32px;height:32px}.wb-tool-shortcut{display:none}.wb-tool-hint-wrap{max-width:calc(100vw - 24px);top:50px}.wb-tool-hint{text-overflow:ellipsis;max-width:calc(100vw - 24px);font-size:10px;overflow:hidden}.wb-selection-bar{max-width:calc(100vw - 16px);top:52px}.wb-bottom-bar{bottom:max(10px, env(safe-area-inset-bottom));gap:8px;left:8px;right:8px}.wb-bottom-bar-center{max-width:min(260px,100vw - 180px)}.wb-dock-group .wb-icon-btn,.wb-bottom-bar-right .wb-icon-btn{width:30px;height:30px}.wb-dock-chip{min-width:40px;padding:4px 8px;font-size:11px}.wb-dock-scroll-btn{padding:7px 12px;font-size:12px}.wb-scroll-label-full{display:none}.wb-scroll-label-compact{display:inline}.wb-root--notes .wb-hint{bottom:58px}.wb-shape-hold-banner{bottom:max(62px, calc(10px + env(safe-area-inset-bottom) + 48px));max-width:min(90vw,360px);padding:6px 10px;font-size:11px}.wb-shape-hold-banner--above-nav{bottom:max(70px, calc(10px + env(safe-area-inset-bottom) + 52px))}}@media (width<=480px){.dw-header-left .dw-header-title{font-size:13px}.wb-bottom-bar{flex-wrap:wrap;justify-content:space-between;row-gap:8px}.wb-bottom-bar-center{flex:100%;order:-1;justify-content:center;max-width:100%;position:static;transform:none}.wb-bottom-bar-left{flex:auto;min-width:0}.wb-bottom-bar-right{flex:none}.wb-page-label-full{display:none}.wb-page-label-compact{display:inline}.wb-dock-group .wb-canvas-page-label{max-width:none;padding:0 2px}.wb-dock-group--center{padding:3px 6px}.dw-toast{bottom:max(120px, calc(108px + env(safe-area-inset-bottom)))}}@media (width<=768px) and (height<=480px){.wb-toolbar{top:4px}.wb-props-sheet{max-height:min(65vh,360px)}.wb-bottom-bar{bottom:max(6px, env(safe-area-inset-bottom))}.wb-bottom-bar-center{flex:0 auto;order:0;max-width:min(200px,40vw);position:absolute;left:50%;transform:translate(-50%)}.wb-bottom-bar{flex-wrap:nowrap}}.dw-install-banner{left:50%;bottom:max(12px, env(safe-area-inset-bottom));z-index:9999;color:#1e293b;background:#fff;border:1px solid #6965db40;border-radius:14px;align-items:center;gap:10px;max-width:min(420px,100vw - 24px);padding:10px 12px;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 32px #0f172a24}.dw-install-text{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:12px;line-height:1.35;display:flex}.dw-install-text strong{font-size:13px;font-weight:600}.dw-install-btn{color:#fff;cursor:pointer;background:#6965db;border:none;border-radius:8px;flex-shrink:0;padding:6px 12px;font-size:12px;font-weight:600}.dw-install-dismiss{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.wb-root--dark .dw-install-banner{color:#e2e8f0;background:#1e293b;border-color:#94a3b833}.wb-pencil-tray{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#fffffff5;border:1px solid #0f172a14;border-radius:16px;flex-direction:column;align-items:center;gap:8px;padding:10px 12px;display:flex;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 6px 24px #0f172a1f}.wb-root--dark .wb-pencil-tray{background:#1e293bf5;border-color:#94a3b826}.wb-pencil-hold-hint{color:#64748b;text-align:center;white-space:nowrap;margin:0;font-size:11px;line-height:1.3}.wb-root--dark .wb-pencil-hold-hint{color:#94a3b8}.wb-pencil-tray-colors{flex-wrap:wrap;justify-content:center;gap:6px;max-width:min(360px,100vw - 48px);display:flex}.wb-pencil-swatch{--pencil-color:#333;cursor:pointer;background:linear-gradient(180deg, var(--pencil-color) 0%, var(--pencil-color) 72%, color-mix(in srgb, var(--pencil-color) 55%, #fef3c7) 72%, #fde68a 100%);border:none;border-radius:4px 4px 2px 2px;width:22px;height:36px;padding:0;transition:transform .12s,box-shadow .12s;transform:rotate(-2deg);box-shadow:0 1px 2px #00000026}.wb-pencil-swatch:nth-child(2n){transform:rotate(2deg)}.wb-pencil-swatch:hover{transform:translateY(-2px)rotate(0);box-shadow:0 3px 8px #0003}.wb-pencil-swatch.active{outline-offset:2px;z-index:1;outline:2px solid #6965db;transform:translateY(-3px)scale(1.08)}.wb-pencil-tray-sizes{background:#6965db14;border-radius:10px;gap:4px;padding:4px;display:flex}.wb-pencil-tray-grain{background:#0f172a0a;border-radius:10px;align-items:center;gap:4px;padding:4px;display:flex}.wb-pencil-grain-label{letter-spacing:.04em;text-transform:uppercase;color:#64748b;padding:0 4px;font-size:10px;font-weight:700}.wb-root--dark .wb-pencil-grain-label{color:#94a3b8}.wb-pencil-grain{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;min-width:26px;height:26px;padding:0 6px;font-size:11px;font-weight:600}.wb-pencil-grain.active{color:#fff;background:#6965db}.wb-root--dark .wb-pencil-grain{color:#cbd5e1}.wb-pencil-size{color:#475569;cursor:pointer;background:0 0;border:none;border-radius:6px;min-width:28px;height:26px;padding:0 8px;font-size:11px;font-weight:600}.wb-pencil-size.active{color:#fff;background:#6965db}.wb-root--dark .wb-pencil-size{color:#cbd5e1}.wb-canvas.wb-cursor-pencil{cursor:crosshair}.wb-panel-swatches.wb-pencil-palette{grid-template-columns:repeat(6,1fr);gap:8px;display:grid}.wb-panel-swatches.wb-pencil-palette .wb-pencil-swatch{justify-self:center;width:100%;max-width:28px;height:32px}@media (width<=640px){.wb-pencil-tray{bottom:max(64px, calc(56px + env(safe-area-inset-bottom)));padding:8px 10px}.wb-pencil-swatch{width:18px;height:30px}.dw-install-banner{bottom:max(8px, env(safe-area-inset-bottom));font-size:11px}}.dw-refine-modal{max-width:min(480px,100%)}.dw-refine-hint{color:#64748b;margin:0 0 12px;font-size:13px;line-height:1.45}.dw-refine-preview{text-align:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:12px;padding:8px}.dw-refine-preview img{object-fit:contain;border-radius:6px;max-width:100%;max-height:160px}.dw-refine-field{color:#475569;flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;font-weight:600;display:flex}.dw-refine-field textarea,.dw-refine-field input{resize:vertical;border:1px solid #e2e8f0;border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:400}.dw-refine-error{color:#dc2626;margin:0 0 10px;font-size:12px}.dw-modal-actions{justify-content:flex-end;gap:8px;margin-top:8px;display:flex}.dw-btn-ghost{cursor:pointer;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:8px 14px;font-size:13px}.dw-spin{vertical-align:-3px;margin-right:4px;animation:.8s linear infinite dw-spin}@keyframes dw-spin{to{transform:rotate(360deg)}}.wb-refine-btn{color:#6965db}.wb-refine-fab{z-index:28;top:50%;right:16px;transform:translateY(-50%)}.wb-refine-fab-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6965db,#8b5cf6);border:none;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;display:flex;box-shadow:0 4px 16px #6965db59}.wb-refine-fab-btn:hover{filter:brightness(1.05)}html[data-theme=dark] .dw-refine-hint{color:#94a3b8}html[data-theme=dark] .dw-refine-preview{background:#0f172a;border-color:#334155}html[data-theme=dark] .dw-refine-field textarea,html[data-theme=dark] .dw-refine-field input{color:#e2e8f0;background:#1e293b;border-color:#334155}html.dw-embed-html,html.dw-embed-html body{height:100%;margin:0;overflow:hidden}.dw-embed-root,.dw-embed-app{background:var(--dw-bg,#f8fafc);flex-direction:column;height:100%;min-height:0;display:flex}.dw-embed-app--dark{--dw-bg:#0f172a;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.dw-embed-chrome{color:#334155;background:#fff;border-bottom:1px solid #e2e8f0;flex:none;align-items:center;gap:8px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.dw-embed-app--dark .dw-embed-chrome{color:#e2e8f0;background:#1e293b;border-color:#334155}.dw-embed-canvas-host{flex:1;min-height:0;position:relative}.dw-embed-canvas-host .wb-root{height:100%;position:absolute;inset:0}.dw-boot-loading{color:#64748b;background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;font-size:14px;display:flex}.dw-app--embed,.dw-boot-loading--embed{height:100%;min-height:0}html[data-theme=dark] .dw-boot-loading{color:#94a3b8;background:#0f172a}.dw-embed-denied{background:#f8fafc;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.dw-embed-denied-card{text-align:center;color:#334155;background:#fff;border:1px solid #e2e8f0;border-radius:16px;max-width:420px;padding:32px 28px;box-shadow:0 12px 40px #0f172a14}.dw-embed-denied-card svg{color:#ef4444;margin-bottom:12px}.dw-embed-denied-card h1{color:#1e293b;margin:0 0 10px;font-size:20px}.dw-embed-denied-card p{color:#64748b;margin:0;font-size:14px;line-height:1.55}.dw-embed-denied-card--loading p{color:#64748b;margin:0;font-size:14px}html.dw-embed-html[data-theme=dark] .dw-embed-denied,html[data-theme=dark] .dw-embed-denied{background:#0f172a}html.dw-embed-html[data-theme=dark] .dw-embed-denied-card,html[data-theme=dark] .dw-embed-denied-card{color:#e2e8f0;background:#1e293b;border-color:#334155}html.dw-embed-html[data-theme=dark] .dw-embed-denied-card h1,html[data-theme=dark] .dw-embed-denied-card h1{color:#f1f5f9}.dw-modal--embed-docs{flex-direction:column;width:min(720px,100%);max-height:min(88vh,900px);padding:20px 20px 16px;display:flex}.dw-modal-sub--flush{margin:4px 0 0}.dw-embed-tabs{background:#f1f5f9;border-radius:10px;gap:6px;margin:14px 0 12px;padding:4px;display:flex}.dw-embed-tab{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:8px 10px;font-size:13px;font-weight:600}.dw-embed-tab.active{color:#1e293b;background:#fff;box-shadow:0 1px 3px #0f172a14}.dw-embed-docs-body{flex:1;min-height:0;padding-right:2px;overflow:auto}.dw-embed-lead{color:#475569;margin:0 0 12px;font-size:13px;line-height:1.5}.dw-embed-lead code{background:#f1f5f9;border-radius:4px;padding:1px 5px;font-size:12px}.dw-embed-code-wrap{background:#0f172a;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.dw-embed-code-head{color:#cbd5e1;background:#1e293b;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;font-weight:600;display:flex}.dw-embed-copy-btn{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:11px;display:inline-flex}.dw-embed-copy-btn:hover{background:#334155}.dw-embed-code{color:#e2e8f0;max-height:280px;margin:0;padding:14px 12px;font-size:11px;line-height:1.55;overflow:auto}.dw-embed-preview-link{color:#6965db;align-items:center;gap:6px;margin-top:12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex}.dw-embed-preview-link:hover{text-decoration:underline}.dw-embed-sdk-api h4,.dw-embed-api-grid h4{color:#1e293b;margin:14px 0 8px;font-size:13px}.dw-embed-sdk-api ul,.dw-embed-msg-list,.dw-embed-storage-list{color:#475569;margin:0;padding-left:18px;font-size:12px;line-height:1.6}.dw-embed-storage-list{flex-direction:column;gap:10px;margin:0 0 14px;padding:0;list-style:none;display:flex}.dw-embed-storage-list li{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:10px 12px}.dw-embed-storage-list strong{color:#1e293b;margin-bottom:4px;font-size:12px;display:block}.dw-embed-storage-list span{color:#64748b;font-size:12px;line-height:1.5;display:block}.dw-embed-sdk-api code,.dw-embed-msg-list code{background:#f1f5f9;border-radius:4px;padding:1px 4px;font-size:11px}.dw-embed-api-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.dw-embed-param-table{border-collapse:collapse;width:100%;margin-top:14px;font-size:12px}.dw-embed-param-table th,.dw-embed-param-table td{text-align:left;border:1px solid #e2e8f0;padding:8px 10px}.dw-embed-param-table th{color:#334155;background:#f8fafc;font-weight:600}.dw-embed-foot{color:#64748b;border-top:1px solid #e2e8f0;align-items:center;gap:8px;margin:14px 0 0;padding-top:12px;font-size:12px;display:flex}.dw-embed-foot code{background:#f1f5f9;border-radius:4px;padding:1px 4px;font-size:11px}html[data-theme=dark] .dw-modal--embed-docs{background:#1e293b}html[data-theme=dark] .dw-embed-tabs{background:#0f172a}html[data-theme=dark] .dw-embed-tab{color:#94a3b8}html[data-theme=dark] .dw-embed-tab.active{color:#f1f5f9;background:#334155}html[data-theme=dark] .dw-embed-lead,html[data-theme=dark] .dw-embed-sdk-api ul,html[data-theme=dark] .dw-embed-msg-list{color:#cbd5e1}html[data-theme=dark] .dw-embed-storage-list li{background:#0f172a;border-color:#334155}html[data-theme=dark] .dw-embed-storage-list strong{color:#f1f5f9}html[data-theme=dark] .dw-embed-storage-list span{color:#94a3b8}html[data-theme=dark] .dw-embed-lead code,html[data-theme=dark] .dw-embed-sdk-api code,html[data-theme=dark] .dw-embed-msg-list code,html[data-theme=dark] .dw-embed-foot code{color:#e2e8f0;background:#0f172a}html[data-theme=dark] .dw-embed-sdk-api h4,html[data-theme=dark] .dw-embed-api-grid h4{color:#f1f5f9}html[data-theme=dark] .dw-embed-param-table th,html[data-theme=dark] .dw-embed-param-table td{border-color:#334155}html[data-theme=dark] .dw-embed-param-table th{color:#e2e8f0;background:#0f172a}html[data-theme=dark] .dw-embed-foot{color:#94a3b8;border-color:#334155}@media (width<=640px){.dw-embed-api-grid{grid-template-columns:1fr}.dw-embed-tab{padding:8px 6px;font-size:12px}}