:root{--duration-stagger: 40ms;--duration-micro: 80ms;--duration-quick: .15s;--duration-fast: .25s;--duration-medium: .35s;--duration-slow: .4s;--duration-very-slow: .5s;--ease-smooth-out: cubic-bezier(.22, 1, .36, 1);--ease-in-out: ease-in-out;--ease-out: ease-out;--ease-linear: linear;--ease-bounce: cubic-bezier(.34, 1.36, .64, 1);--ease-bounce-strong: cubic-bezier(.34, 3.85, .64, 1);--distance-micro: 4px;--distance-small: 6px;--distance-base: 8px;--distance-medium: 12px;--distance-large: 30px;--scale-large: .96;--scale-medium: .97;--scale-small: .98;--scale-tiny: .99;--blur-small: 2px;--blur-medium: 3px;--blur-large: 8px;--dropdown-open-dur: .25s;--dropdown-close-dur: .15s;--dropdown-pre-scale: .97;--dropdown-closing-scale: .99;--dropdown-ease: cubic-bezier(.22, 1, .36, 1);--modal-open-dur: .25s;--modal-close-dur: .15s;--modal-scale: .96;--modal-scale-close: .96;--modal-ease: cubic-bezier(.22, 1, .36, 1);--tabs-dur: .25s;--tabs-ease: cubic-bezier(.22, 1, .36, 1);--tabs-text-muted: rgba(15, 15, 15, .8);--tabs-text-active: #0f0f0f;--tabs-bar-bg: #f1f1f1;--tabs-pill-bg: #ffffff;--tt-in-dur: .15s;--tt-out-dur: 50ms;--tt-scale: .98;--tt-delay: 80ms;--tt-in-ease: ease-out;--tt-out-ease: ease-out;--tt-move-dur: .16s;--tt-move-ease: cubic-bezier(.22, 1, .36, 1);--tt-bg: #ffffff;--tt-fg: #2f2f2f;--acc-expand: .25s;--acc-collapse: .25s;--acc-chevron: .25s;--acc-ease: cubic-bezier(.22, 1, .36, 1);--toast-open: .35s;--toast-close: .25s;--toast-distance: 16px;--toast-blur: 2px;--toast-scale: .97;--toast-ease: cubic-bezier(.22, 1, .36, 1);--toggle-dur: .35s;--toggle-travel: 14.66px;--toggle-ov1: 1px;--toggle-ov2: 0px;--toggle-track: 0ms;--toggle-ease: cubic-bezier(.34, 1.35, .64, 1);--check-opacity-dur: .5s;--check-rotate-dur: .5s;--check-rotate-from: 80deg;--check-bob-dur: .5s;--check-y-amount: 40px;--check-blur-dur: .5s;--check-blur-from: 10px;--check-path-dur: .5s;--check-path-delay: 80ms;--check-ease-out: cubic-bezier(.22, 1, .36, 1);--check-ease-opacity: cubic-bezier(.22, 1, .36, 1);--check-ease-rotate: cubic-bezier(.22, 1, .36, 1);--check-ease-bob: cubic-bezier(.34, 1.35, .64, 1);--check-ease-path: cubic-bezier(.22, 1, .36, 1)}.t-dropdown{transform-origin:top left;transform:scale(var(--dropdown-pre-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-open-dur) var(--dropdown-ease),opacity var(--dropdown-open-dur) var(--dropdown-ease);will-change:transform,opacity}.t-dropdown[data-origin=top-right]{transform-origin:top right}.t-dropdown[data-origin=top-center]{transform-origin:top center}.t-dropdown[data-origin=bottom-left]{transform-origin:bottom left}.t-dropdown[data-origin=bottom-center]{transform-origin:bottom center}.t-dropdown[data-origin=bottom-right]{transform-origin:bottom right}.t-dropdown.is-open{transform:scale(1);opacity:1;pointer-events:auto}.t-dropdown.is-closing{transform:scale(var(--dropdown-closing-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-close-dur) var(--dropdown-ease),opacity var(--dropdown-close-dur) var(--dropdown-ease)}@media(prefers-reduced-motion:reduce){.t-dropdown{transition:none!important}}.t-modal{transform-origin:center;transform:scale(var(--modal-scale));opacity:0;pointer-events:none;transition:transform var(--modal-open-dur) var(--modal-ease),opacity var(--modal-open-dur) var(--modal-ease);will-change:transform,opacity}.t-modal.is-open{transform:scale(1);opacity:1;pointer-events:auto}.t-modal.is-closing{transform:scale(var(--modal-scale-close));opacity:0;pointer-events:none;transition:transform var(--modal-close-dur) var(--modal-ease),opacity var(--modal-close-dur) var(--modal-ease)}@media(prefers-reduced-motion:reduce){.t-modal{transition:none!important}}.t-tabs{position:relative;display:inline-flex;align-items:center;gap:3px;padding:3px;border-radius:48px;background:var(--tabs-bar-bg)}.t-tab{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;height:30px;padding:4px 12px;color:var(--tabs-text-muted);cursor:pointer;border-radius:48px;z-index:1;transition:color var(--tabs-dur) var(--tabs-ease)}.t-tab:not([aria-selected=true]):hover,.t-tab[aria-selected=true]{color:var(--tabs-text-active)}.t-tabs-pill{position:absolute;top:3px;left:0;height:30px;width:0;background:var(--tabs-pill-bg);border-radius:48px;transform:translate(0);transition:transform var(--tabs-dur) var(--tabs-ease),width var(--tabs-dur) var(--tabs-ease);will-change:transform,width;z-index:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.t-tabs-pill,.t-tab{transition:none!important}}.t-tt-group{position:relative;display:inline-flex}.t-tt{position:absolute;bottom:calc(100% + 8px);left:0;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;width:0;overflow:hidden;translate:var(--tt-x, 0px) 0;scale:var(--tt-scale);transform-origin:50% 100%;padding:8px 12px;border-radius:8px;background:var(--tt-bg);color:var(--tt-fg);white-space:nowrap;box-shadow:0 0 0 1px #0000000f,0 2px 6px #0000000d,0 4px 42px #0000000f;opacity:0;pointer-events:none;transition:opacity var(--tt-out-dur) var(--tt-out-ease),scale var(--tt-out-dur) var(--tt-out-ease),translate var(--tt-move-dur) var(--tt-move-ease),width var(--tt-move-dur) var(--tt-move-ease)}.t-tt[data-show=true]{opacity:1;scale:1;transition:opacity var(--tt-in-dur) var(--tt-in-ease) var(--tt-delay),scale var(--tt-in-dur) var(--tt-in-ease) var(--tt-delay),translate var(--tt-move-dur) var(--tt-move-ease),width var(--tt-move-dur) var(--tt-move-ease)}.t-tt-text{white-space:nowrap}@media(prefers-reduced-motion:reduce){.t-tt{transition:none!important}}.t-tt-right .t-tt{top:0;bottom:auto;left:calc(100% + 10px);translate:0 var(--tt-y, 0px);transform-origin:left center}.t-tt-right .t-tt,.t-tt-right .t-tt[data-show=true]{transition-property:opacity,scale,translate,width}.t-acc-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--acc-collapse) var(--acc-ease)}.t-acc[data-open=true] .t-acc-panel{grid-template-rows:1fr;transition:grid-template-rows var(--acc-expand) var(--acc-ease)}.t-acc-panel-inner{overflow:hidden;opacity:0;filter:blur(2px);transition:opacity var(--acc-collapse) var(--acc-ease),filter var(--acc-collapse) var(--acc-ease)}.t-acc[data-open=true] .t-acc-panel-inner{opacity:1;filter:blur(0);transition:opacity var(--acc-expand) var(--acc-ease),filter var(--acc-expand) var(--acc-ease)}.t-acc-chevron{display:inline-flex;transform:scaleY(1);transform-origin:center;transition:transform var(--acc-chevron) var(--acc-ease)}.t-acc-chevron path{vector-effect:non-scaling-stroke}.t-acc[data-open=true] .t-acc-chevron{transform:scaleY(-1)}@media(prefers-reduced-motion:reduce){.t-acc-panel,.t-acc-panel-inner,.t-acc-chevron{transition:none!important}}.t-toast{opacity:0;transform:translateY(var(--toast-distance)) scale(var(--toast-scale));filter:blur(var(--toast-blur));will-change:transform,opacity,filter;transition:opacity var(--toast-close) var(--toast-ease),transform var(--toast-close) var(--toast-ease),filter var(--toast-close) var(--toast-ease)}.t-toast.is-open{opacity:1;transform:translateY(0) scale(1);filter:blur(0);transition:opacity var(--toast-open) var(--toast-ease),transform var(--toast-open) var(--toast-ease),filter var(--toast-open) var(--toast-ease)}@media(prefers-reduced-motion:reduce){.t-toast{transition:none!important}}.t-toggle{transition:background var(--toggle-track) var(--toggle-ease)}.t-toggle-thumb{translate:0 0;will-change:translate}.t-toggle[data-on=true] .t-toggle-thumb{translate:var(--toggle-travel) 0}.t-toggle.is-init[data-on=true] .t-toggle-thumb{animation:t-toggle-on var(--toggle-dur) var(--toggle-ease) both}.t-toggle.is-init[data-on=false] .t-toggle-thumb{animation:t-toggle-off var(--toggle-dur) var(--toggle-ease) both}@keyframes t-toggle-on{0%{translate:0 0}55%{translate:calc(var(--toggle-travel) + var(--toggle-ov1)) 0}80%{translate:calc(var(--toggle-travel) - var(--toggle-ov2)) 0}to{translate:var(--toggle-travel) 0}}@keyframes t-toggle-off{0%{translate:var(--toggle-travel) 0}55%{translate:calc(0px - var(--toggle-ov1)) 0}80%{translate:var(--toggle-ov2) 0}to{translate:0 0}}@media(prefers-reduced-motion:reduce){.t-toggle-thumb{animation:none!important}}.t-success-check{display:inline-block;transform-origin:center;opacity:0;will-change:transform,opacity,filter}.t-success-check svg{display:block;overflow:visible}.t-success-check svg path{stroke-dasharray:20;stroke-dashoffset:20}.t-success-check[data-state=in]{animation:t-check-fade var(--check-opacity-dur) var(--check-ease-opacity) forwards,t-check-rotate var(--check-rotate-dur) var(--check-ease-rotate) forwards,t-check-blur var(--check-blur-dur) var(--check-ease-out) forwards,t-check-bob var(--check-bob-dur) var(--check-ease-bob) forwards}.t-success-check[data-state=in] svg path{animation:t-check-draw var(--check-path-dur) var(--check-ease-path) var(--check-path-delay, 0ms) forwards}@keyframes t-check-fade{0%{opacity:0}to{opacity:1}}@keyframes t-check-rotate{0%{transform:rotate(var(--check-rotate-from))}to{transform:rotate(0)}}@keyframes t-check-blur{0%{filter:blur(var(--check-blur-from))}to{filter:blur(0)}}@keyframes t-check-bob{0%{translate:0 var(--check-y-amount)}to{translate:0 0}}@keyframes t-check-draw{to{stroke-dashoffset:0}}@media(prefers-reduced-motion:reduce){.t-success-check{animation:none!important;opacity:1}.t-success-check svg path{animation:none!important;stroke-dashoffset:0!important}}.tool-btn{transition:transform var(--duration-quick) var(--ease-smooth-out),background-color var(--duration-quick) var(--ease-smooth-out),color var(--duration-quick) var(--ease-smooth-out),box-shadow var(--duration-quick) var(--ease-smooth-out);will-change:transform}.tool-btn:hover{transform:translateY(-1px) scale(1.06)}.tool-btn:active{transform:scale(.92)}.tool-btn svg{transition:transform var(--duration-fast) var(--ease-bounce)}.tool-btn:hover svg{transform:scale(1.12) rotate(-6deg)}.tool-btn[data-active=true] svg{animation:tool-pop var(--duration-fast) var(--ease-bounce)}@keyframes tool-pop{0%{transform:scale(.6) rotate(8deg)}60%{transform:scale(1.18) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.tool-btn,.tool-btn svg{transition:none!important;animation:none!important}}.ws-dark{background-color:#0b0d12;background-image:radial-gradient(circle,#2a3342 1.5px,transparent 0);background-size:32px 32px}.ws-medium{background-color:#94a3b847;background-image:radial-gradient(circle,#94a3b8 1.5px,transparent 0);background-size:32px 32px}.ws-light{background-color:#eef1f5;background-image:radial-gradient(circle,#c3ccd6 1.5px,transparent 0);background-size:32px 32px}.drag-edge{position:relative}.drag-edge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:transparent;transition:background var(--duration-quick, .15s) var(--ease-smooth-out, cubic-bezier(.22,1,.36,1)),box-shadow var(--duration-quick, .15s) var(--ease-smooth-out, cubic-bezier(.22,1,.36,1))}.drag-edge:hover:after{background:var(--drag-accent, #dcc48e);box-shadow:0 0 12px var(--drag-accent, #dcc48e)}.t-toggle{position:relative;width:40px;height:22px;border-radius:999px;background:#78788c59;border:none;cursor:pointer;flex-shrink:0;--toggle-travel: 18px}.t-toggle[data-on=true]{background:var(--toggle-accent, #10b981)}.t-toggle-thumb{position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0000004d}.mat-glass-clear .app-chrome{background:linear-gradient(135deg,#ffffff24,#ffffff0a);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);box-shadow:inset 0 1px #ffffff4d,0 10px 30px #00000040}.mat-glass-frost .app-chrome{background:#ffffff1f;border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);box-shadow:inset 0 1px #ffffff59,0 20px 40px #00000059}.mat-glass-tint .app-chrome{background:linear-gradient(135deg,#50b4ff47,#8c5aff2e);border:1px solid rgba(180,220,255,.35);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);box-shadow:inset 0 1px #fff6,0 12px 32px #3c5ac866}.mat-glass-iridescent .app-chrome{background:linear-gradient(135deg,#ff96dc40,#78c8ff33 45%,#b4ffc838);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(20px) saturate(220%);-webkit-backdrop-filter:blur(20px) saturate(220%);box-shadow:inset 0 1px #fff6,0 14px 36px #c878ff59}.mat-glass-smoke .app-chrome{background:linear-gradient(135deg,#14161e8c,#0a0a0fb3);border:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px) saturate(120%);-webkit-backdrop-filter:blur(16px) saturate(120%);box-shadow:inset 0 1px #ffffff14,0 14px 36px #00000080}.mat-crystal .app-chrome{background:linear-gradient(120deg,#ffffff59,#ffffff0d 40%,#ffffff47 60%,#ffffff14);border:1px solid rgba(255,255,255,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:inset 0 2px #fff9,inset 0 -1px #ffffff26,0 18px 40px #8cc8ff59}.mat-chalk .app-chrome{background-color:#1a1c22;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,.04) 0%,transparent 40%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.03) 0%,transparent 45%);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 0 40px #00000059;color:#e8e4da}.mat-paper .app-chrome{background:#f4f0e6;border:1px solid #e2dccc;box-shadow:inset 0 1px #fff,0 6px 14px #3c321e26;color:#2b2620}.mat-neumorph-inset .app-chrome{background:#e2e6ee;border:none;box-shadow:inset 6px 6px 14px #b8bcc4,inset -6px -6px 14px #fff;color:#3a3e48}.mat-marble .app-chrome{background:linear-gradient(115deg,transparent 0%,rgba(180,180,200,.4) 20%,transparent 25%,transparent 55%,rgba(140,140,170,.3) 62%,transparent 68%),linear-gradient(180deg,#f4f2ee,#e0dcd4);border:1px solid rgba(0,0,0,.1);box-shadow:inset 0 2px 4px #ffffffb3,0 10px 24px #00000040;color:#2a2820}.mat-carbon .app-chrome{background:repeating-linear-gradient(45deg,#1a1c22,#1a1c22 4px,#0e1014 4px,#0e1014 8px),repeating-linear-gradient(-45deg,rgba(255,255,255,.05) 0px,rgba(255,255,255,.05) 4px,transparent 4px,transparent 8px);border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff14,0 10px 24px #00000080;color:#d0d4dc}.brush-cursor{position:fixed;left:0;top:0;width:12px;height:12px;border-radius:9999px;border:1.5px solid #fff;mix-blend-mode:difference;pointer-events:none;z-index:200;opacity:0;will-change:transform}.font-display{font-family:var(--font-display, "Tomorrow", sans-serif)}.font-body{font-family:var(--font-body, "Inter", sans-serif)}
