/* DWapi Street / one shared system for marketing, workspace, canvas and app. */
:root{--dw-bg:#151522;--dw-panel:#202033;--dw-panel-raised:#29283d;--dw-inset:#191927;--dw-text:#F5F3FA;--dw-muted:#ABA7BF;--dw-cyan:#00CFFF;--dw-pink:#FF3DA6;--dw-purple:#9B4DFF;--dw-highlight:#FFF0F7;--dw-line:#454256;--dw-line-soft:#343244;--dw-success:#70DDA8;--dw-warning:#F3C76B;--dw-error:#FF8997;--dw-font:"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--dw-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--dw-radius:9px;--dw-space-1:4px;--dw-space-2:8px;--dw-space-3:12px;--dw-space-4:16px;--dw-space-6:24px;--dw-space-8:32px;--dw-motion:150ms;--dw-offset:3px 3px 0 #FF3DA6;--bg:var(--dw-bg);--text:var(--dw-text);--muted:var(--dw-muted);color-scheme:dark}
html,body{background-color:var(--dw-bg);color:var(--dw-text);font-family:var(--dw-font)}
::selection{background:var(--dw-cyan);color:var(--dw-bg)}
button,input,select,textarea{accent-color:var(--dw-cyan)}
:where(button,a,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--dw-cyan)!important;outline-offset:3px}
:where(input,textarea,select):focus{border-color:var(--dw-cyan)!important}
:where(input,textarea)::placeholder{color:var(--dw-muted);opacity:1}
:where(button,[role=button],a){touch-action:manipulation}
:where(button,[role=button]):disabled,:where(button,[role=button])[aria-disabled=true]{opacity:.5;cursor:not-allowed;box-shadow:none!important;transform:none!important}
:where(button)[aria-busy=true]{cursor:progress;box-shadow:none!important}
:where(input,select,textarea)[aria-invalid=true]{border-color:var(--dw-error)!important;box-shadow:0 0 0 1px #ff899733}
:where(pre,code,kbd,samp){font-family:var(--dw-mono)}
.dw-wordmark{display:block;width:138px;height:44px;object-fit:contain;flex-shrink:0}
.dw-mark{display:block;width:36px;height:36px;object-fit:contain}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(pointer:coarse){:where(.copy-button,.copyBtn,.btn-icon){min-width:36px;min-height:36px}}