:root{--brand-soft:color-mix(in srgb,var(--accent) 14%,transparent)}.login-art{background:linear-gradient(145deg,#12131f,color-mix(in srgb,var(--accent) 52%,#151625))}.brand-logo{box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 34%,transparent)}.wb-v3{position:fixed;inset:0;z-index:40;background:var(--bg);display:grid;grid-template-rows:64px 1fr;direction:rtl}.wb-v3-header{display:flex;align-items:center;gap:10px;padding:0 16px;background:var(--card);border-bottom:1px solid var(--line);z-index:5}.wb-v3-title{border:0;background:transparent;font-weight:800;font-size:15px;width:min(260px,28vw);padding:8px;color:inherit}.wb-v3-title:focus{background:var(--bg)}.wb-v3-header .spacer{flex:1}.wb-stage{position:relative;overflow:hidden;background-color:#f7f7f9;background-image:radial-gradient(#c8cad2 1px,transparent 1px);background-size:24px 24px}.dark .wb-stage{background-color:#13141b;background-image:radial-gradient(#373946 1px,transparent 1px)}.wb-stage.no-grid{background-image:none}.wb-canvas-v3{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.wb-canvas-v3.pan{cursor:grab}.wb-canvas-v3.select{cursor:default}.wb-tools{position:absolute;top:14px;right:14px;display:flex;flex-direction:column;gap:5px;padding:7px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:3}.wb-tools button,.wb-bottom button,.wb-v3-header .toolbtn{border:0;background:transparent;color:inherit;border-radius:9px;min-width:38px;height:38px;padding:0 9px}.wb-tools button:hover,.wb-bottom button:hover,.toolbtn:hover{background:var(--bg)}.wb-tools button.active{background:var(--accent);color:#fff}.wb-tools hr{border:0;border-top:1px solid var(--line);width:100%;margin:2px 0}.wb-tools input[type=color]{width:38px;height:38px;padding:4px;border:0;background:transparent}.wb-bottom{position:absolute;bottom:14px;right:50%;transform:translateX(50%);display:flex;align-items:center;gap:5px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);z-index:3}.wb-pages{position:absolute;bottom:14px;left:14px;display:flex;gap:6px;max-width:45%;overflow:auto;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:6px;z-index:3}.wb-page{border:0;background:var(--bg);color:inherit;padding:7px 12px;border-radius:8px;white-space:nowrap}.wb-page.active{background:var(--accent);color:white}.wb-zoom{font-size:12px;min-width:48px;text-align:center}.wb-toast{position:absolute;top:15px;left:15px;background:var(--card);padding:8px 12px;border-radius:10px;color:var(--muted);font-size:12px;z-index:3}.wb-hidden{display:none!important}@media(max-width:700px){.wb-v3-header{padding:0 8px}.wb-v3-header .hide-mobile{display:none}.wb-tools{top:auto;bottom:75px;right:8px}.wb-bottom{bottom:8px}.wb-pages{top:72px;bottom:auto;left:8px;max-width:70%}}