@import url(https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap);@keyframes float1{0%{transform:translate(0,0) rotate(0deg) scale(1);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}40%{transform:translate(400px,300px) rotate(90deg) scale(1.1);border-radius:50% 60% 50% 60%/60% 40% 60% 40%}75%{transform:translate(50px,-30px) rotate(270deg) scale(1.05);border-radius:70% 30% 40% 60%/40% 70% 60% 30%}to{transform:translate(0,0) rotate(360deg) scale(1);border-radius:60% 40% 30% 70%/60% 30% 70% 40%}}@keyframes float2{0%{transform:translate(0,0) rotate(0deg) scale(1);border-radius:40% 60% 70% 30%/40% 50% 60% 50%}33%{transform:translate(-400px,-100px) rotate(120deg) scale(1.15);border-radius:60% 40% 50% 70%/70% 30% 40% 60%}66%{transform:translate(20px,-60px) rotate(240deg) scale(.85);border-radius:30% 70% 40% 60%/50% 60% 50% 40%}to{transform:translate(0,0) rotate(360deg) scale(1);border-radius:40% 60% 70% 30%/40% 50% 60% 50%}}@keyframes float3{0%{transform:translate(0,0) rotate(0deg) scale(1);border-radius:50% 50% 50% 50%/60% 40% 60% 40%}50%{transform:translate(-70px,40px) rotate(180deg) scale(1.2);border-radius:70% 30% 60% 40%/30% 70% 40% 60%}to{transform:translate(0,0) rotate(360deg) scale(1);border-radius:50% 50% 50% 50%/60% 40% 60% 40%}}@keyframes float4{0%{transform:translate(0,0) rotate(0deg) scale(1);border-radius:70% 30% 50% 50%/50% 70% 30% 50%}20%{transform:translate(205px,-30px) rotate(72deg) scale(.95);border-radius:50% 70% 40% 60%/60% 40% 70% 30%}40%{transform:translate(-311px,-10px) rotate(144deg) scale(1.1);border-radius:40% 60% 70% 30%/70% 50% 30% 60%}60%{transform:translate(15px,244px) rotate(216deg) scale(.9);border-radius:60% 40% 30% 70%/40% 60% 70% 40%}80%{transform:translate(-20px,-305px) rotate(288deg) scale(1.05);border-radius:30% 70% 60% 40%/50% 30% 60% 70%}to{transform:translate(0,0) rotate(360deg) scale(1);border-radius:70% 30% 50% 50%/50% 70% 30% 50%}}@keyframes float5{0%{transform:translate(0,0) rotate(0deg) scale(1);border-radius:60% 40% 40% 60%/50% 60% 40% 50%}40%{transform:translate(-45px,60px) rotate(144deg) scale(1.25);border-radius:40% 60% 60% 40%/60% 40% 50% 60%}80%{transform:translate(30px,20px) rotate(288deg) scale(.8);border-radius:70% 30% 50% 50%/40% 70% 60% 30%}to{transform:translate(0,0) rotate(360deg) scale(1);border-radius:60% 40% 40% 60%/50% 60% 40% 50%}}@keyframes glowShift{0%,to{opacity:.6;filter:hue-rotate(0deg)}50%{opacity:.8;filter:hue-rotate(180deg)}}@keyframes paletteCircleV0{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes paletteLineV0{0%,to{opacity:0}30%,70%{opacity:1}}@keyframes paletteTV0{0%,40%,to{opacity:0}20%{opacity:1}}@keyframes paletteSquareV0{0%,to{transform:rotate(0deg) scale(.8);transform-origin:53.5px 53.5px}25%{transform:rotate(90deg) scale(1);transform-origin:53.5px 53.5px}50%{transform:rotate(180deg) scale(.8);transform-origin:53.5px 53.5px}75%{transform:rotate(270deg) scale(1);transform-origin:53.5px 53.5px}}@keyframes nodesLine1Figma{0%{stroke-dashoffset:21.21}33.33%,to{stroke-dashoffset:0}}@keyframes nodesLine2Figma{0%,16.67%{stroke-dashoffset:21.21}50%,to{stroke-dashoffset:0}}@keyframes nodesLine3Figma{0%,33.33%{stroke-dashoffset:15}66.67%,to{stroke-dashoffset:0}}@keyframes nodesPulseFigma{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.6}}@keyframes layersBottom{0%{transform:translateY(-10px);opacity:0}25%,75%,to{transform:translateY(0);opacity:1}}@keyframes layersMiddle{0%{transform:translateY(-10px);opacity:0}25%,75%,to{transform:translateY(0);opacity:1}}@keyframes layersTop{0%{transform:translateY(-10px);opacity:0}25%,75%,to{transform:translateY(0);opacity:1}}@keyframes downloadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes downloadShaft{0%{stroke-dashoffset:32}40%,to{stroke-dashoffset:0}}@keyframes downloadHead{0%,40%{stroke-dashoffset:33.94}65%,to{stroke-dashoffset:0}}@keyframes uploadBounce{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}@keyframes uploadShaft{0%{stroke-dashoffset:32}40%,to{stroke-dashoffset:0}}@keyframes uploadHead{0%,40%{stroke-dashoffset:33.94}65%,to{stroke-dashoffset:0}}@keyframes lightningMain{0%{stroke-dashoffset:100;opacity:0;transform:scale(.9)}30%,70%{stroke-dashoffset:0;opacity:1;transform:scale(1)}to{stroke-dashoffset:0;opacity:0;transform:scale(1.1)}}@keyframes lightningFlash{0%{opacity:0;transform:scale(1)}50%{opacity:.5;transform:scale(1.15)}to{opacity:0;transform:scale(1.3)}}@keyframes layerSlideIn{0%{transform:translateX(-10px);opacity:0}20%,80%,to{transform:translateX(0);opacity:1}}@keyframes layerArrowFlow{0%{stroke-dashoffset:15;opacity:0}30%,70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-15;opacity:0}}@keyframes commentBubbleDraw{0%{stroke-dashoffset:120;opacity:0}40%,to{stroke-dashoffset:0;opacity:1}}@keyframes commentLineDraw{0%{stroke-dashoffset:14;opacity:0}30%,70%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:-14;opacity:0}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes scroll-logos{0%{transform:translate3d(0,0,0)}to{transform:translate3d(-840px,0,0)}}@keyframes dtmt-workspace-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes dtmt-workspace-float-mark{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes dtmt-workspace-float-colley{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes dtmt-workspace-float-sara{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes dtmt-workspace-float-jimmy{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes dtmt-workspace-float-lorry{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatCard0{0%,to{transform:translate(0,0) scale(1)}50%{transform:translate(5px,-8px) scale(1.02)}}@keyframes floatCard1{0%,to{transform:translate(0,0) scale(1)}50%{transform:translate(-6px,7px) scale(1.02)}}@keyframes floatCard2{0%,to{transform:translate(0,0) scale(1)}50%{transform:translate(4px,6px) scale(1.02)}}@keyframes floatCard3{0%,to{transform:translate(0,0) scale(1)}50%{transform:translate(-5px,-7px) scale(1.02)}}@keyframes floatCard4{0%,to{transform:translate(0,0) scale(1)}50%{transform:translate(7px,-5px) scale(1.02)}}@keyframes workspaceBannerAppear{0%{transform:translate(-50%,-50%) scale(0);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes userCardAppear1{0%{opacity:0;transform:translate(-50%,-50%) scale(0) translate(0,0)}to{opacity:.5;transform:translate(-50%,-50%) scale(1) translate(0,0)}}@keyframes userCardAppear2{0%{opacity:0;transform:translate(50%,-50%) scale(0) translate(0,0)}to{opacity:1;transform:translate(50%,-50%) scale(1) translate(0,0)}}@keyframes userCardAppear3{0%{opacity:0;transform:translate(50%,-50%) scale(0) translate(0,0)}to{opacity:.5;transform:translate(50%,-50%) scale(1) translate(0,0)}}@keyframes userCardAppear4{0%{opacity:0;transform:translate(-50%,50%) scale(0) translate(0,0)}to{opacity:1;transform:translate(-50%,50%) scale(1) translate(0,0)}}@keyframes userCardAppear5{0%{opacity:0;transform:translate(-50%,-50%) scale(0) translate(0,0)}to{opacity:.5;transform:translate(-50%,-50%) scale(1) translate(0,0)}}@keyframes userCardFloat1{0%,to{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(5px,-8px)}}@keyframes userCardFloat2{0%,to{transform:translate(50%,-50%) translate(0,0)}50%{transform:translate(50%,-50%) translate(-6px,5px)}}@keyframes userCardFloat3{0%,to{transform:translate(50%,-50%) translate(0,0)}50%{transform:translate(50%,-50%) translate(-5px,-7px)}}@keyframes userCardFloat4{0%,to{transform:translate(-50%,50%) translate(0,0)}50%{transform:translate(-50%,50%) translate(7px,-5px)}}@keyframes userCardFloat5{0%,to{transform:translate(-50%,-50%) translate(0,0)}50%{transform:translate(-50%,-50%) translate(-5px,6px)}}@keyframes cursorAppear{0%{opacity:0;transform:translate(-50%,-50%) rotate(180deg) scaleY(-1) translate(0,0)}to{opacity:1;transform:translate(-50%,-50%) rotate(180deg) scaleY(-1) translate(0,0)}}@keyframes cursorMove{0%{transform:translate(-50%,-50%) rotate(180deg) scaleY(-1) translate(0,0)}to{transform:translate(calc(-50% + 85px),calc(-50% - 5px)) rotate(180deg) scaleY(-1)}}@keyframes cursorClick{0%,to{transform:translate(calc(-50% + 85px),calc(-50% - 5px)) rotate(180deg) scaleY(-1) scale(1)}50%{transform:translate(calc(-50% + 85px),calc(-50% - 5px)) rotate(180deg) scaleY(-1) scale(.85)}}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}@keyframes sparklePulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes tokenBlink{0%,to{opacity:1;box-shadow:0 0 0 0 rgba(59,130,246,.7)}50%{opacity:.6;box-shadow:0 0 0 4px rgba(59,130,246,.3)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes dtmt-rotate{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes dtmt-workspace-icon-glow{0%,to{filter:drop-shadow(0 0 6px rgba(34,197,94,.6)) drop-shadow(0 0 12px rgba(34,197,94,.4))}50%{filter:drop-shadow(0 0 10px rgba(34,197,94,.8)) drop-shadow(0 0 20px rgba(34,197,94,.6))}}@keyframes dtmt-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes dtmt-slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes dtmt-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes figma-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-loading{to{background-position:-200%0}}@keyframes skeleton-gradient-flow{0%{background-position:200%0}to{background-position:-200%0}}@keyframes dtmt-security-slideIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes dtmt-security-slideOut{0%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes dtmt-desktop-only-fade-in{0%{opacity:0}to{opacity:1}}@keyframes dtmt-desktop-only-slide-up{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}:root,:root[data-theme=dark]{--dtmt-neutral-50:#f7f7f9;--dtmt-neutral-100:#ededf8;--dtmt-neutral-200:#d7d7ec}:root{--dtmt-primary-50:#eff6ff;--dtmt-primary-100:#dbeafe;--dtmt-primary-200:#bfdbfe;--dtmt-primary-300:#93c5fd;--dtmt-primary-400:#60a5fa;--dtmt-primary-500:#3b82f6;--dtmt-primary-600:#2563eb;--dtmt-primary-700:#1d4ed8;--dtmt-primary-800:#1e40af;--dtmt-primary-900:#1e3a8a;--dtmt-neutral-300:#b8b8d6;--dtmt-neutral-400:#8b8ba6;--dtmt-neutral-500:#61617b;--dtmt-neutral-600:#46465c;--dtmt-neutral-700:#313142;--dtmt-neutral-800:#1e1e2e;--dtmt-neutral-900:#10101e;--dtmt-success-50:#f0fdf4;--dtmt-success-100:#dcfce7;--dtmt-success-200:#bbf7d0;--dtmt-success-300:#86efac;--dtmt-success-400:#4ade80;--dtmt-success-500:#22c55e;--dtmt-success-600:#16a34a;--dtmt-success-700:#15803d;--dtmt-success-800:#166534;--dtmt-success-900:#14532d;--dtmt-warning-50:#fffbeb;--dtmt-warning-100:#fef3c7;--dtmt-warning-200:#fde68a;--dtmt-warning-300:#fcd34d;--dtmt-warning-400:#fbbf24;--dtmt-warning-500:#f59e0b;--dtmt-warning-600:#d97706;--dtmt-warning-700:#b45309;--dtmt-warning-800:#92400e;--dtmt-warning-900:#78350f;--dtmt-danger-50:#fef2f2;--dtmt-danger-100:#fee2e2;--dtmt-danger-200:#fecaca;--dtmt-danger-300:#fca5a5;--dtmt-danger-400:#f87171;--dtmt-danger-500:#ef4444;--dtmt-danger-600:#dc2626;--dtmt-danger-700:#b91c1c;--dtmt-danger-800:#991b1b;--dtmt-danger-900:#7f1d1d;--dtmt-spacing-xs:4px;--dtmt-spacing-sm:8px;--dtmt-spacing-md:12px;--dtmt-spacing-lg:16px;--dtmt-spacing-xl:20px;--dtmt-spacing-2xl:24px;--dtmt-spacing-3xl:32px;--dtmt-spacing-4xl:48px;--dtmt-font-family:'Manrope', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;--dtmt-font-size-xs:12px;--dtmt-font-size-sm:14px;--dtmt-font-size-md:16px;--dtmt-font-size-lg:18px;--dtmt-font-size-xl:20px;--dtmt-font-size-2xl:24px;--dtmt-font-weight-normal:400;--dtmt-font-weight-medium:500;--dtmt-font-weight-semibold:600;--dtmt-font-weight-bold:700;--dtmt-radius-sm:4px;--dtmt-radius-md:6px;--dtmt-radius-lg:8px;--dtmt-radius-xl:12px;--dtmt-menu-width:200px;--dtmt-radius-2xl:16px;--dtmt-shadow-sm:0 1px 2px 0 rgba(0, 0, 0, 0.05);--dtmt-shadow-md:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);--dtmt-shadow-lg:0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--dtmt-shadow-xl:0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);--dtmt-transition-fast:0.15s ease;--dtmt-transition-normal:0.2s ease;--dtmt-transition-slow:0.3s ease;--dtmt-z-dropdown:1000;--dtmt-z-modal:10000;--dtmt-z-tooltip:3000;--dtmt-z-notification:4000;--dtmt-z-start-screen:9999;--dtmt-focus-outline:none;--dtmt-primitive-start:var(--dtmt-neutral-50);--dtmt-primitive-end:var(--dtmt-neutral-700);--dtmt-base-start:#8d81ff;--dtmt-base-end:var(--dtmt-neutral-700);--dtmt-semantic-start:#6df8fa;--dtmt-semantic-end:var(--dtmt-neutral-700);--dtmt-specific-start:#fd4595;--dtmt-specific-end:var(--dtmt-neutral-700);--dtmt-grid-dot-size:1px;--dtmt-grid-dot-spacing:10px;--dtmt-grid-dot-color:var(--dtmt-neutral-50);--dtmt-grid-opacity:0.3;--dtmt-checkbox-gradient:linear-gradient(135deg, #3b82f6, #8b5cf6);--dtmt-checkbox-contrast-color:#ffffff;--dtmt-radio-gradient:linear-gradient(135deg, #3b82f6, #8b5cf6);--dtmt-radio-contrast-color:#ffffff;--dtmt-bubble-bg-opacity:.85;--dtmt-bubble-bg-color:var(--dtmt-neutral-900);--dtmt-bubble-radius:var(--dtmt-radius-lg);--dtmt-bubble-shadow-color:rgba(0, 0, 0, 1);--dtmt-bubble-gradient-opacity:0.25;--dtmt-bubble-gradient-fade:0.1;--dtmt-component-bubble-padding:20px;--dtmt-component-bubble-min-width:120px;--dtmt-component-bubble-min-height:60px;--dtmt-component-bubble-expanded-min-width:200px;--dtmt-component-bubble-title-offset:30px;--dtmt-component-button-base-width:60px;--dtmt-component-button-base-height:20px;--dtmt-component-button-default-padding-x:12px;--dtmt-component-button-default-padding-y:6px;--dtmt-component-button-default-bg:#000000;--dtmt-component-button-default-color:#000000;--dtmt-component-button-default-radius:0px;--dtmt-component-button-default-font-size:12px;--dtmt-component-button-default-border-width:0px;--dtmt-component-button-default-border--webkit-text-fill-color:transparent;color:transparent;--dtmt-component-button-y-offset:10px;--dtmt-component-name-y-offset:5px;--dtmt-component-arrow-x-offset:15px;--dtmt-component-arrow-y-offset:15px;--dtmt-component-arrow-radius:10px;--dtmt-component-arrow-bg-color:transparent;--dtmt-component-arrow-icon-color:var(--dtmt-neutral-100);--dtmt-component-arrow-font-size:11px;--dtmt-component-socket-x-offset:8px;--dtmt-component-socket-fill-color:#ffffff;--dtmt-component-socket-stroke-color:#000000;--dtmt-component-socket-stroke-width:1px;--dtmt-component-code-y-offset:10px;--dtmt-component-code-x-padding:10px;--dtmt-component-code-line-height:12px;--dtmt-component-code-min-height:60px;--dtmt-component-code-font-size:10px;--dtmt-component-code-font-family:monospace;--dtmt-component-code-text-color:#ffffff;--dtmt-component-gradient-start:var(--dtmt-neutral-600);--dtmt-component-gradient-end:var(--dtmt-bubble-bg-color);--dtmt-component-gradient-opacity:0.35;--dtmt-component-gradient-fade:0.2;--dtmt-component-tab-height:20px;--dtmt-component-tab-active-bg:var(--dtmt-neutral-800);--dtmt-component-tab-inactive-bg:var(--dtmt-neutral-900);--dtmt-component-tab-active-text:#ffffff;--dtmt-component-tab-inactive-text:#9ca3af;--dtmt-component-tab-border:#4b5563;--dtmt-group-fill-dragging:var(--dtmt-neutral-600);--dtmt-group-fill-opacity:0.8;--dtmt-group-border-normal:var(--dtmt-neutral-400);--dtmt-group-border-dragging:var(--dtmt-neutral-400);--dtmt-group-border-header:var(--dtmt-neutral-600);--dtmt-group-header-bg:var(--dtmt-neutral-700);--dtmt-group-header-text:var(--dtmt-neutral-50);--dtmt-group-header-text-secondary:#9ca3af;--dtmt-group-button-bg:var(--dtmt-neutral-700);--dtmt-group-button-bg-hover:var(--dtmt-neutral-600);--dtmt-group-button-text:var(--dtmt-neutral-100);--dtmt-group-button-text-hover:var(--dtmt-neutral-50);--dtmt-group-button-size:24px;--dtmt-group-button-spacing:8px;--dtmt-group-button-border-radius:6px;--dtmt-group-button-font-family:"Material Symbols Outlined", sans-serif;--dtmt-group-button-font-size:18px;--dtmt-group-button-font-weight:normal;--dtmt-group-button-margin-right:12px;--dtmt-group-button-margin-left:16px;--dtmt-group-container-radius:4px;--dtmt-group-header-bg-radius:6px;--dtmt-group-header-border-radius:6px;--dtmt-group-content-radius:6px;--dtmt-group-header-x-offset:10px;--dtmt-group-header-y-offset-expanded:-15px;--dtmt-group-header-y-offset-collapsed:-15px;--dtmt-group-header-width-margin:20px;--dtmt-group-line-width-normal:2px;--dtmt-group-line-width-dragging:3px;--dtmt-group-dash-normal:5px;--dtmt-group-dash-dragging:8px;--dtmt-minimap-group-border-color:var(--dtmt-neutral-600);--dtmt-minimap-group-border-width:2px;--dtmt-minimap-box-border-radius:3px;--dtmt-group-height-collapsed:60px;--dtmt-group-height-expanded:auto;--dtmt-group-header-height:30px;--dtmt-group-collapsed-text-vertical-offset:0px;--dtmt-group-collapsed-text-horizontal-offset:0px;--dtmt-group-collapsed-text-top-margin:5px;--dtmt-group-collapsed-text-bottom-margin:0;--dtmt-bubble-width:200px;--dtmt-bubble-height:80px;--dtmt-bubble-spacing-x:20px;--dtmt-bubble-spacing-y:5px;--dtmt-bubble-border-width:1px;--dtmt-bubble-border-radius:10px;--dtmt-bubble-border-end-color:transparent;--dtmt-node-selected-border:var(--dtmt-neutral-100);--dtmt-bubble-name-color:var(--dtmt-neutral-50);--dtmt-bubble-name-font-size:14px;--dtmt-bubble-name-font-weight:400;--dtmt-bubble-name-y-offset:30px;--dtmt-bubble-name-padding:20px;--dtmt-bubble-name-line-height:16px;--dtmt-value-container-bg:var(--dtmt-neutral-900);--dtmt-value-container-radius:4px;--dtmt-value-container-padding-x:24px;--dtmt-value-container-padding-y:6px;--dtmt-value-container-height:20px;--dtmt-value-container-margin-x:16px;--dtmt-value-container-y-offset:45px;--dtmt-value-container-border:none;--dtmt-value-container-border-width:0px;--dtmt-value-container-border-color:transparent;--dtmt-color-square-size:16px;--dtmt-color-square-x-offset:8px;--dtmt-color-square-radius:20px;--dtmt-color-square-border-color:var(--dtmt-neutral-200);--dtmt-color-square-border-width:1px;--dtmt-color-square-text-offset:4px;--dtmt-value-text-color:var(--dtmt-neutral-50);--dtmt-value-text-font-size:10px;--dtmt-value-text-font-weight:200;--dtmt-value-text-line-height:1.2;--dtmt-value-text-align:center;--dtmt-value-text-transform:none;--dtmt-socket-size:18px;--dtmt-socket-radius:9px;--dtmt-socket-connected-color:var(--dtmt-neutral-50);--dtmt-socket-disconnected-color:#000000;--dtmt-socket-stroke-color:var(--dtmt-neutral-50);--dtmt-socket-stroke-width:1px;--dtmt-socket-inner-circle-radius:3px;--dtmt-socket-plus-size:4.5px;--dtmt-connection-color:var(--dtmt-neutral-600);--dtmt-connection-selected-color:var(--dtmt-danger-600);--dtmt-connection-width:2px;--dtmt-connection-selected-width:3px;--dtmt-connection-preview-color:rgba(255, 255, 255, 0.5);--dtmt-connection-hover-color:#fbbf24;--dtmt-connection-highlighted-color:var(--dtmt-neutral-50);--dtmt-connection-highlighted-glow-color:#ffffff;--dtmt-connection-highlighted-glow-blur:20px;--dtmt-connection-primitive-start:var(--dtmt-primitive-start);--dtmt-connection-base-start:var(--dtmt-base-start);--dtmt-connection-semantic-start:var(--dtmt-semantic-start);--dtmt-connection-specific-start:var(--dtmt-specific-start);--dtmt-connection-primitive-end:var(--dtmt-primitive-start);--dtmt-connection-base-end:var(--dtmt-base-start);--dtmt-connection-semantic-end:var(--dtmt-semantic-start);--dtmt-connection-specific-end:var(--dtmt-specific-start);--dtmt-connection-component-end-color:#ffffff;--dtmt-connection-gradient-opacity:1.0;--dtmt-connection-gradient-fade:1;--dtmt-connection-gradient-start-opacity:0.5;--dtmt-connection-gradient-end-opacity:0.5;--dtmt-connection-consolidated-width-multiplier:1;--dtmt-connection-consolidated-color:var(--dtmt-connection-color);--dtmt-connection-delete-button-size:20px;--dtmt-connection-delete-button-bg:var(--dtmt-danger-800);--dtmt-connection-delete-button-border:var(--dtmt-neutral-200);--dtmt-connection-delete-button-hover-bg:var(--dtmt-red-600);--dtmt-connection-delete-button-hover-border:var(--dtmt-red-500);--dtmt-connection-delete-button-icon-color:var(--dtmt-neutral-300);--dtmt-connection-delete-button-icon-hover-color:var(--dtmt-neutral-100);--dtmt-connection-delete-button-border-width:2px;--dtmt-connection-delete-button-radius:50%;--dtmt-light-animation-color:var(--dtmt-neutral-50);--dtmt-light-animation-glow-color:var(--dtmt-neutral-50);--dtmt-light-animation-glow-blur:35px;--dtmt-light-animation-size:6px;--dtmt-light-animation-core-color:var(--dtmt-neutral-50);--dtmt-light-animation-core-size:6px;--dtmt-light-dot-count:5;--dtmt-light-dot-spacing:0.1;--dtmt-light-dot-stagger:0.009;--dtmt-light-animation-delay:0s;--dtmt-light-animation-easing:ease-in-out;--dtmt-light-animation-direction:normal;--dtmt-light-animation-iteration:infinite;--dtmt-light-shape:circle;--dtmt-light-shape-rotation:0deg;--dtmt-light-shape-scale-x:1;--dtmt-light-shape-scale-y:1;--dtmt-light-size-min:6px;--dtmt-light-size-max:6px;--dtmt-light-pulse-speed:1.5;--dtmt-checkbox-size:18px;--dtmt-checkbox-radius:4px 8px 4px 4px;--dtmt-checkbox-offset-x:-20px;--dtmt-checkbox-offset-y:1px;--dtmt-checkbox-active-bg:var(--dtmt-neutral-100);--dtmt-checkbox-active-border:var(--dtmt-neutral-300);--dtmt-checkbox-active-icon:var(--dtmt-neutral-100);--dtmt-checkbox-inactive-bg:var(--dtmt-neutral-900);--dtmt-checkbox-inactive-border:var(--dtmt-neutral-700);--dtmt-checkbox-inactive-icon:rgba(255, 255, 255, 0.7);--dtmt-checkbox-icon-width:15px;--dtmt-checkbox-icon-height:5px;--dtmt-checkbox-icon-thickness:2px;--dtmt-group-fill-normal:var(--dtmt-neutral-800);}:root[data-theme=dark]{--dtmt-neutral-300:#818196;--dtmt-neutral-400:#616174;--dtmt-neutral-500:#444456;--dtmt-neutral-600:#313140;--dtmt-neutral-700:#22222e;--dtmt-neutral-800:#151520;--dtmt-neutral-900:#0b0b15}:root[data-theme=light]{--dtmt-neutral-50:#f8f8fd;--dtmt-neutral-100:#f0f0fc;--dtmt-neutral-200:#e0e0f0;--dtmt-neutral-300:#c8c8e8;--dtmt-neutral-400:#a0a0c4;--dtmt-neutral-500:#7878a0;--dtmt-neutral-600:#585874;--dtmt-neutral-700:#404058;--dtmt-neutral-800:#2c2c40;--dtmt-neutral-900:#1a1a2e}h2{font-weight:400;font-size:clamp(2rem,1.25rem + 2vw,3.25rem);margin-block-end:var(--dtmt-spacing-4xl)}h2,h3{font-family:"Roboto Mono",monospace}p{letter-spacing:1px}.material-symbols-outlined{font-size:var(--dtmt-font-size-xl)}.blob-container{position:absolute;top:0;left:0;width:100%;height:100%;filter:blur(40px);opacity:.5;z-index:0;transform:rotate(-90deg) translateX(177px) scale(.3) scale(.4,3)}.blob{position:absolute;border-radius:50%;filter:blur(1px);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.blob1{width:300px;height:300px;background:radial-gradient(circle,#ff0008 0,#ff00bf 40%,rgba(157,78,221,.4) 100%);top:20%;left:10%;animation:float1 8s infinite}.blob2{width:250px;height:250px;background:radial-gradient(circle,#4c956c 0,#2f9599 40%,rgba(47,149,153,.4) 100%);top:60%;right:20%;animation:float2 10s infinite}.blob3{width:200px;height:200px;background:radial-gradient(circle,#f72585 0,#b10055 40%,rgba(181,23,158,.4) 100%);top:40%;left:50%;animation:float3 6s infinite}.blob4{width:350px;height:350px;background:radial-gradient(circle,#9500ff 0,#4c00ff 40%,rgba(114,9,183,.3) 100%);bottom:10%;left:30%;animation:float4 12s infinite}.blob5{width:180px;height:180px;background:radial-gradient(circle,#0f8 0,#00b04f 40%,rgba(76,201,240,.4) 100%);top:10%;right:30%;animation:float5 9s infinite}.dtmt-tutorial-video iframe,.overlay{position:absolute;width:100%;height:100%}.glow-overlay,.overlay{top:0;left:0;pointer-events:none}.overlay{backdrop-filter:blur(60px) saturate(150%);background:0 0}.glow-overlay{position:absolute;width:100%;height:100vh;background:radial-gradient(circle at 30% 40%,rgba(0,162,97,.1)0,transparent 50%),radial-gradient(circle at 70% 60%,rgba(117,0,250,.1)0,transparent 50%),radial-gradient(circle at 50% 50%,rgba(200,0,103,.1)0,transparent 50%);animation:glowShift 10s ease-in-out infinite;background-size:100% 100%;background-repeat:no-repeat;background-position:top center}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@media (max-width:768px){.feature-grid{grid-template-columns:1fr}}.feature-card{position:relative;padding:24px;border-radius:12px;background:var(--dtmt-neutral-900);border:1px solid var(--dtmt-neutral-800);display:flex;flex-direction:column;gap:24px;align-items:flex-start;transition:border-color .3s ease,background .3s ease}.feature-card:hover{border-color:#2a2a3e;background:var(--dtmt-neutral-800)}.feature-card-icon{width:80px;height:80px;flex-shrink:0;display:flex;align-items:center;justify-content:center;color:#fff}.feature-card-icon svg{width:100%;height:100%}.feature-card-content{flex:1;display:flex;flex-direction:column;gap:8px}.feature-card h3{margin:0;font-size:1.125rem;font-weight:600;color:#fff;line-height:1.4}.feature-card p{margin:0;color:#8b8b9e;line-height:1.6;font-size:.9375rem}.feature-card-icon svg *{transition:opacity .3s ease,transform .3s ease}.feature-card:hover .animate-palette-circle{animation:paletteCircleV0 2s ease-in-out infinite}.feature-card:hover .animate-palette-line{animation:paletteLineV0 2s ease-in-out infinite}.feature-card:hover .animate-palette-t{animation:paletteTV0 2.5s ease-out infinite}.feature-card:hover .animate-palette-square{animation:paletteSquareV0 4s ease-in-out infinite}.feature-card:hover .nodes-line-1,.feature-card:hover .nodes-line-2{stroke-dasharray:21.21;stroke-dashoffset:21.21;animation:nodesLine1Figma 1.8s ease-in-out infinite}.feature-card:hover .nodes-line-2{animation:nodesLine2Figma 1.8s ease-in-out infinite}.feature-card:hover .nodes-line-3{stroke-dasharray:15;stroke-dashoffset:15;animation:nodesLine3Figma 1.8s ease-in-out infinite}.feature-card:hover .nodes-node-1{animation:nodesPulseFigma 2s ease-in-out infinite;transform-origin:center center}.feature-card:hover .nodes-node-2{animation:nodesPulseFigma 2s ease-in-out .3s infinite;transform-origin:center center}.feature-card:hover .nodes-node-3{animation:nodesPulseFigma 2s ease-in-out .6s infinite;transform-origin:center center}.feature-card:hover .nodes-node-4{animation:nodesPulseFigma 2s ease-in-out .9s infinite;transform-origin:center center}.feature-card:hover .layers-bottom{animation:layersBottom 2.4s ease-out .6s infinite}.feature-card:hover .layers-middle{animation:layersMiddle 2.4s ease-out .3s infinite}.feature-card:hover .layers-top{animation:layersTop 2.4s ease-out infinite}.feature-card:hover .download-group{animation:downloadBounce 1.5s ease-in-out infinite;transform-origin:40px 40px}.feature-card:hover .download-shaft{stroke-dasharray:32;stroke-dashoffset:32;animation:downloadShaft 2s ease-out infinite}.feature-card:hover .download-head{stroke-dasharray:33.94;stroke-dashoffset:33.94;animation:downloadHead 2s ease-out infinite}.feature-card:hover .upload-group{animation:uploadBounce 1.5s ease-in-out infinite;transform-origin:40px 40px}.feature-card:hover .upload-shaft{stroke-dasharray:32;stroke-dashoffset:32;animation:uploadShaft 2s ease-out infinite}.feature-card:hover .upload-head{stroke-dasharray:33.94;stroke-dashoffset:33.94;animation:uploadHead 2s ease-out infinite}.feature-card:hover .lightning-main{stroke-dasharray:100;stroke-dashoffset:100;animation:lightningMain 2s ease-in-out infinite;transform-origin:40px 40px}.feature-card:hover .lightning-flash{opacity:0;animation:lightningFlash 2s ease-out .5s infinite;transform-origin:40px 40px}.feature-card:hover .token-layer-1{animation:layerSlideIn 2s ease-out infinite}.feature-card:hover .token-layer-2{animation:layerSlideIn 2s ease-out .2s infinite}.feature-card:hover .token-layer-3{animation:layerSlideIn 2s ease-out .4s infinite}.feature-card:hover .token-layer-4{animation:layerSlideIn 2s ease-out .6s infinite}.feature-card:hover .layer-arrow-1{stroke-dasharray:15;stroke-dashoffset:15;animation:layerArrowFlow 2s ease-in-out .3s infinite}.feature-card:hover .layer-arrow-2,.feature-card:hover .layer-arrow-3{stroke-dasharray:15;stroke-dashoffset:15;animation:layerArrowFlow 2s ease-in-out .6s infinite}.feature-card:hover .layer-arrow-3{animation:layerArrowFlow 2s ease-in-out .9s infinite}.feature-card:hover .comment-bubble{stroke-dasharray:120;stroke-dashoffset:120;animation:commentBubbleDraw 2s ease-out infinite}.feature-card:hover .comment-line-1,.feature-card:hover .comment-line-2{stroke-dasharray:14;stroke-dashoffset:14;animation:commentLineDraw 2s ease-out .5s infinite}.feature-card:hover .comment-line-2{animation:commentLineDraw 2s ease-out .7s infinite}.feature-card:hover .comment-line-3{stroke-dasharray:10;stroke-dashoffset:10;animation:commentLineDraw 2s ease-out .9s infinite}.dtmt-start-screen-tutorial{position:relative;width:100%;overflow:hidden}.dtmt-tutorial-layout{display:grid;gap:var(--dtmt-spacing-4xl);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));align-items:center;position:relative;z-index:1}.dtmt-tutorial-content{display:flex;flex-direction:column;gap:var(--dtmt-spacing-2xl);align-items:flex-start;text-align:left}.dtmt-tutorial-badge{display:inline-flex;align-items:center;gap:var(--dtmt-spacing-xs);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-md);border-radius:999px;background:linear-gradient(135deg,rgba(141,129,255,.32),rgba(109,248,250,.18));color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-sm);letter-spacing:.08em;text-transform:uppercase}.dtmt-tutorial-title{margin:0;font-size:clamp(2.1rem,5vw,2.8rem);line-height:1.2}.dtmt-tutorial-description{margin:0;color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-lg);line-height:1.7;max-width:520px}.dtmt-tutorial-actions{display:flex;flex-wrap:wrap;gap:var(--dtmt-spacing-lg)}.dtmt-tutorial-btn{min-width:200px;justify-content:center}.dtmt-tutorial-media{position:relative;border-radius:var(--dtmt-radius-2xl);overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px rgba(0,0,0,.35);backdrop-filter:blur(6px);padding:var(--dtmt-spacing-xs)}.dtmt-tutorial-media::before{content:"";position:absolute;inset:0;top:0;background:radial-gradient(circle,rgba(141,129,255,.8)0,rgba(141,129,255,0) 67%);pointer-events:none;border-radius:var(--dtmt-radius-2xl);z-index:-1;background-repeat:no-repeat;background-position:0 0}.dtmt-tutorial-video{position:relative;width:100%;aspect-ratio:16/9;background:radial-gradient(circle,rgba(15,17,29,.8),rgba(15,17,29,.95))}.dtmt-tutorial-video iframe{inset:0;border:0;border-radius:inherit}.dtmt-tutorial-steps{display:grid;gap:var(--dtmt-spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:var(--dtmt-spacing-4xl);position:relative;z-index:1}.dtmt-tutorial-step-card,.dtmt-tutorial-step-content{display:flex;flex-direction:column;gap:var(--dtmt-spacing-lg);position:relative;z-index:1}.dtmt-tutorial-step-card{background:rgba(9,12,24,.82);border:1px solid rgba(255,255,255,.05);border-radius:var(--dtmt-radius-2xl);padding:var(--dtmt-spacing-3xl) var(--dtmt-spacing-2xl);transition:transform var(--dtmt-transition-slow),border-color var(--dtmt-transition-slow),box-shadow var(--dtmt-transition-slow);cursor:pointer;overflow:hidden}.dtmt-tutorial-step-content{transition:opacity .3s ease}.dtmt-tutorial-step-card:hover .dtmt-tutorial-step-content{opacity:.4}.dtmt-tutorial-step-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.12);box-shadow:var(--dtmt-shadow-xl)}.dtmt-tutorial-step-card:active{transform:translateY(-4px)}.dtmt-tutorial-step-play-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2;pointer-events:none}.dtmt-tutorial-step-card:hover .dtmt-tutorial-step-play-overlay{opacity:1}.dtmt-tutorial-step-play-icon{width:120px;height:120px;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:50%;transition:all .3s ease;transform:scale(.9)}.dtmt-tutorial-step-card:hover .dtmt-tutorial-step-play-icon{transform:scale(1)}.dtmt-tutorial-step-play-icon .material-symbols-outlined{font-size:80px;color:#6df8fa}.dtmt-tutorial-step-icon{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;color:#6df8fa}.dtmt-tutorial-step-icon .material-symbols-outlined{font-size:3rem}.dtmt-tutorial-step-number{font-size:clamp(1.6rem,4vw,2rem);font-family:"Roboto Mono",monospace;color:#6df8fa;letter-spacing:.08em;opacity:.3}.dtmt-tutorial-step-title{margin:0;color:var(--dtmt-neutral-50);font-size:var(--dtmt-font-size-xl)}.dtmt-tutorial-step-description{margin:0;color:var(--dtmt-neutral-300);line-height:1.6}.dtmt-tutorial-video-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--dtmt-z-modal, 10000);display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.dtmt-tutorial-video-modal.active{display:flex;opacity:1}.dtmt-tutorial-video-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.dtmt-tutorial-video-modal-container{position:relative;width:90%;max-width:1200px;max-height:90vh;z-index:1;display:flex;align-items:center;justify-content:center}.dtmt-tutorial-video-modal-close{position:absolute;top:-50px;right:0;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);border-radius:50%;width:44px;height:44px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--dtmt-neutral-50);transition:all .2s ease;z-index:2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dtmt-tutorial-video-modal-close:hover{background:rgba(255,255,255,.2);border-color:rgba(255,255,255,.3);transform:scale(1.1)}.dtmt-tutorial-video-modal-close .material-symbols-outlined{font-size:24px}.dtmt-tutorial-video-modal-content{width:100%;background:0 0;border-radius:var(--dtmt-radius-2xl);overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.dtmt-tutorial-video-wrapper{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;background:rgba(0,0,0,.3);border-radius:var(--dtmt-radius-2xl)}.dtmt-tutorial-video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:var(--dtmt-radius-2xl)}@media (max-width:768px){.dtmt-tutorial-video-modal-container{width:95%;max-height:85vh}.dtmt-tutorial-video-modal-close{top:-40px;width:40px;height:40px}.dtmt-tutorial-video-modal-close .material-symbols-outlined{font-size:20px}}.dtmt-menu-item-with-submenu{position:relative;overflow:visible}.dtmt-submenu-arrow{margin-left:auto;transition:transform .2s ease}.dtmt-menu-item-with-submenu:hover .dtmt-submenu-arrow{transform:none}#dtmt-export-layers-submenu,.dtmt-submenu{opacity:0!important;visibility:hidden!important}.dtmt-submenu{position:absolute;left:100%;top:0;background:rgba(15,17,29,.7);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);box-shadow:0 4px 12px rgba(0,0,0,.3);min-width:200px;z-index:10000;backdrop-filter:blur(15px) saturate(180%)!important;-webkit-backdrop-filter:blur(15px) saturate(180%)!important;pointer-events:auto;transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);isolation:auto}.dtmt-menu-item-with-submenu.dtmt-submenu-open .dtmt-submenu{opacity:1!important;visibility:visible!important}#dtmt-export-layers-submenu{transform:translateX(-10px)}#dtmt-export-layers-menu.dtmt-submenu-open #dtmt-export-layers-submenu{opacity:1!important;visibility:visible!important;transform:translateX(0)}.dtmt-theme-check,.dtmt-theme-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;font-size:20px;margin-right:var(--dtmt-spacing-sm)}.dtmt-theme-check{color:var(--dtmt-primary-400)}.dtmt-submenu-item.dtmt-theme-active,.dtmt-submenu-item:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-100)}.dtmt-submenu-item.dtmt-theme-active:hover{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-50)}.dtmt-layer-checkbox-item,.dtmt-submenu-item{display:flex;align-items:center;gap:var(--dtmt-spacing-sm)}.dtmt-submenu-item{padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);border:0;background:0 0;color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.dtmt-submenu-item .material-icons{font-size:18px;color:var(--dtmt-neutral-300)}.dtmt-layer-checkbox-item label:hover,.dtmt-submenu-item:hover .material-icons{color:var(--dtmt-neutral-100)}.dtmt-layer-checkbox-item{padding:var(--dtmt-spacing-sm)0;border-bottom:1px solid var(--dtmt-neutral-700)}.dtmt-layer-checkbox-item:last-child{border-bottom:none}.dtmt-layer-checkbox-item input[type=checkbox]{width:18px;height:18px;accent-color:var(--dtmt-neutral-100);cursor:pointer;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--dtmt-neutral-500);border-radius:4px;background:0 0;transition:all var(--dtmt-transition-normal)}.dtmt-layer-checkbox-item input[type=checkbox]:checked{background:var(--dtmt-checkbox-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6))!important;border-color:transparent!important}.dtmt-layer-checkbox-item input[type=checkbox]:checked::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--dtmt-checkbox-contrast-color, #ffffff)!important;font-size:12px;font-weight:700;line-height:1}.dtmt-layer-checkbox-item label{color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);cursor:pointer;flex:1}.dtmt-dev-banner{position:fixed;top:0;left:0;right:0;width:100%;height:30px;background:linear-gradient(135deg,#320002 0,#1a0014 20%,#8f0041 40%,#440074 60%,#003836 80%,#000f10 100%);display:flex;align-items:center;justify-content:center;z-index:calc(var(--dtmt-z-start-screen) + 2);box-shadow:0 2px 8px rgba(0,0,0,.3);background-size:200% 200%;animation:gradientShift 8s ease infinite}.dtmt-dev-banner-text{color:var(--dtmt-neutral-50);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);text-align:center;margin:0;padding:0 var(--dtmt-spacing-lg);white-space:nowrap;text-shadow:0 1px 3px rgba(0,0,0,.3)}.dtmt-dev-banner-link{color:var(--dtmt-neutral-50);text-decoration:underline;margin-left:var(--dtmt-spacing-xs);transition:opacity var(--dtmt-transition-normal)}.dtmt-dev-banner-link:hover,.dtmt-figma-banner:hover .dtmt-figma-banner-content::before{opacity:.8}.dtmt-dev-banner.hidden{display:none}@media (max-width:768px){.dtmt-dev-banner-text{font-size:var(--dtmt-font-size-xs);padding:0 var(--dtmt-spacing-sm);white-space:normal;line-height:1.4}.dtmt-dev-banner-link{display:block;margin-left:0;margin-top:var(--dtmt-spacing-xs)}}.dtmt-start-screen{position:fixed;top:30px;left:0;right:0;bottom:0;overflow-y:scroll;background:var(--dtmt-neutral-900);display:flex;flex-direction:column;align-items:center;justify-content:start;z-index:var(--dtmt-z-start-screen);transition:opacity .5s ease,visibility .5s ease;overflow-x:hidden}.dtmt-start-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}:root[data-theme=dark] .dtmt-start-screen,:root[data-theme=light] .dtmt-start-screen{background:var(--dtmt-neutral-900)!important}:root[data-theme=dark] .dtmt-start-screen-title,:root[data-theme=light] .dtmt-start-screen-title{color:var(--dtmt-neutral-100)!important}:root[data-theme=dark] .dtmt-start-screen-section-title,:root[data-theme=light] .dtmt-start-screen-section-title{color:var(--dtmt-neutral-50)!important}:root[data-theme=dark] .dtmt-start-screen-footer,:root[data-theme=dark] .dtmt-start-screen-section-subtitle,:root[data-theme=light] .dtmt-start-screen-footer,:root[data-theme=light] .dtmt-start-screen-section-subtitle{color:var(--dtmt-neutral-400)!important}.dtmt-start-screen-nav{position:fixed;top:30px;left:50%;width:90vw;padding:var(--dtmt-spacing-lg) var(--dtmt-spacing-4xl);display:flex;justify-content:center;backdrop-filter:blur(12px);z-index:calc(var(--dtmt-z-start-screen) + 1);transform:translateX(-50%)}.dtmt-start-screen-nav-inner{width:100%;max-width:1100px;display:flex;align-items:center;gap:var(--dtmt-spacing-3xl)}.dtmt-nav-logo{font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:var(--dtmt-font-weight-semibold);font-size:var(--dtmt-font-size-lg);color:var(--dtmt-neutral-50);text-decoration:none;letter-spacing:-.03em;width:100px!important}.dtmt-nav-links{display:flex;align-items:center;gap:var(--dtmt-spacing-2xl);flex:1;justify-content:center}.dtmt-nav-link{color:var(--dtmt-neutral-300);font-family:"Roboto Mono",monospace;font-size:var(--dtmt-font-size-sm);text-decoration:none;transition:color var(--dtmt-transition-fast);white-space:nowrap}.dtmt-nav-link:hover{color:var(--dtmt-neutral-100)}.dtmt-nav-actions{display:flex;align-items:center;gap:var(--dtmt-spacing-lg)}.dtmt-nav-btn{border-radius:999px;padding:.55rem 1.5rem;font-family:"Manrope",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);cursor:pointer;transition:transform var(--dtmt-transition-fast),box-shadow var(--dtmt-transition-fast),background var(--dtmt-transition-fast);border:1px solid transparent}.dtmt-nav-btn:hover{transform:translateY(-1px)}.dtmt-nav-btn:active{transform:translateY(0)}.dtmt-nav-btn-primary{background:var(--dtmt-primary-500);color:var(--dtmt-neutral-50);box-shadow:0 0 0 0 transparent}.dtmt-nav-btn-primary:hover{background:var(--dtmt-primary-400);box-shadow:0 10px 25px -10px rgba(59,130,246,.55)}.dtmt-nav-btn-secondary{background:0 0;color:var(--dtmt-neutral-200);border-color:rgba(255,255,255,.08)}.dtmt-nav-btn-secondary:hover{border-color:rgba(255,255,255,.2);color:var(--dtmt-neutral-50)}.dtmt-start-screen-content{max-width:90vw;padding:var(--dtmt-spacing-4xl);padding-top:calc(var(--dtmt-spacing-4xl)*2);display:flex;flex-direction:column;gap:calc(var(--dtmt-spacing-4xl) + 2vw)}.dtmt-start-screen-header{position:relative;z-index:1}.dtmt-start-screen-features{position:relative;margin-block-start:var(--dtmt-spacing-4xl);gap:var(--dtmt-spacing-4xl);display:flex;flex-direction:column}.dtmt-start-screen-features h2{text-align:center}.dtmt-start-screen-logo{margin-block:calc(var(--dtmt-spacing-4xl)*-6);display:flex;justify-content:center;width:100%}.dtmt-start-screen-logo img{height:60vh;max-width:200%}.dtmt-start-screen-logo svg{display:block;width:min(100%,1297px);height:auto;max-width:100%}.dtmt-start-screen-subtitle,.dtmt-start-screen-title{font-family:"Roboto Mono",monospace;font-optical-sizing:auto;font-style:normal;line-height:1.2}.dtmt-start-screen-title{color:var(--dtmt-neutral-100);text-align:center;font-size:clamp(2rem,6vw,3rem);font-weight:var(--dtmt-font-weight-normal)}.dtmt-start-screen-subtitle{color:var(--dtmt-neutral-400);font-weight:200;font-size:.85rem}

.dtmt-start-screen-heading-gradient{
  text-align: center;
  background: linear-gradient(145deg, rgba(141, 129, 255, 1), rgba(109, 248, 250, 1), rgba(253, 69, 149, 1));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
} .dtmt-export-logos-carousel-section{position:relative;margin-block-start:var(--dtmt-spacing-4xl);margin-block-end:var(--dtmt-spacing-4xl);padding-block:var(--dtmt-spacing-3xl);overflow:hidden}

.dtmt-export-logos-carousel-section h3 {
	text-align: center;
	margin-block-end: var(--dtmt-spacing-4xl);
	font-weight: 100;
	font-size: 3rem;
	background: linear-gradient(145deg, var(--dtmt-neutral-300), var(--dtmt-neutral-500), var(--dtmt-neutral-800));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
} .dtmt-export-logos-carousel-wrapper{width:100%;overflow:hidden;position:relative;cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.dtmt-export-logos-carousel-wrapper:active{cursor:grabbing}.dtmt-export-logos-carousel{width:100%;position:relative}.dtmt-export-logo-item,.dtmt-export-logos-track{display:flex;align-items:center;transform:translateZ(0);backface-visibility:hidden}.dtmt-export-logos-track{gap:var(--dtmt-spacing-4xl);width:max-content;animation:scroll-logos 30s linear infinite;will-change:transform;mix-blend-mode:luminosity;opacity:.5;transition:mix-blend-mode .3s ease,opacity .3s ease;contain:layout style paint;transform-style:preserve-3d;pointer-events:auto}.dtmt-export-logos-track.dragging{cursor:grabbing!important;animation-play-state:paused!important;user-select:none!important;-webkit-user-select:none!important}.dtmt-export-logo-item{flex-shrink:0;justify-content:center;width:100px;height:100px;padding:var(--dtmt-spacing-lg);box-sizing:border-box;transition:transform .3s ease,box-shadow .3s ease}.dtmt-export-logo-item:hover{transform:translateY(-4px) scale(1.05) translateZ(0);box-shadow:0 8px 24px rgba(0,0,0,.3);border-color:rgba(255,255,255,.2)}.dtmt-export-logo-item img,.dtmt-plugin-logo-container canvas{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.dtmt-export-logo-item img{width:100%;height:100%;object-fit:contain;filter:brightness(.9);transition:filter .3s ease}.dtmt-export-logo-item:hover img{filter:brightness(1)}.dtmt-export-logos-track.momentum{transition:transform .6s cubic-bezier(.25,.46,.45,.94)}.dtmt-export-logos-carousel-wrapper:hover .dtmt-export-logos-track{mix-blend-mode:normal;opacity:.9}.dtmt-figma-banner{position:relative;z-index:10;width:85%;max-width:1200px;margin:var(--dtmt-spacing-4xl) auto;padding:var(--dtmt-spacing-3xl);border-radius:var(--dtmt-radius-2xl);backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05) inset,0 4px 16px rgba(0,0,0,.5);transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s ease;overflow:hidden;cursor:default}.dtmt-figma-banner:hover{transform:translateY(-4px);box-shadow:0 28px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08) inset,0 8px 24px rgba(0,0,0,.6)}.dtmt-figma-banner-bg-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.4;transition:transform .3s ease,opacity .3s ease;will-change:transform}.dtmt-figma-bg-orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(141,129,255,.6),rgba(141,129,255,0));top:-100px;left:-100px}.dtmt-figma-bg-orb-2{width:250px;height:250px;background:radial-gradient(circle,rgba(109,248,250,.5),rgba(109,248,250,0));bottom:-80px;right:-80px}.dtmt-figma-bg-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(253,69,149,.4),rgba(253,69,149,0));top:50%;left:50%;transform:translate(-50%,-50%)}.dtmt-figma-banner-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--dtmt-spacing-4xl);border-radius:var(--dtmt-radius-xl);padding:var(--dtmt-spacing-3xl)}.dtmt-figma-banner-logos,.dtmt-figma-banner-node{display:flex;align-items:center;justify-content:center}.dtmt-figma-banner-logos{gap:var(--dtmt-spacing-sm);margin-block-start:var(--dtmt-spacing-3xl);width:100%}.dtmt-figma-banner-node{flex-shrink:0;width:140px;height:100px;position:relative;transition:transform .4s cubic-bezier(.4,0,.2,1);filter:drop-shadow(0 8px 24px rgba(0,0,0,.3))}.dtmt-figma-banner-node:hover{transform:translateY(-4px) scale(1.02);filter:drop-shadow(0 12px 32px rgba(0,0,0,.4))}.dtmt-figma-banner-content .dtmt-figma-banner-btn{align-self:center}.dtmt-dtmt-node-content,.dtmt-figma-node-content{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--dtmt-spacing-lg)}.dtmt-figma-node-content svg{width:60px;height:80px;filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.dtmt-dtmt-node-content svg .dtmt-logo-text,.dtmt-dtmt-node-content svg .dtmt-logo-top{fill:var(--dtmt-neutral-50)}.dtmt-figma-transfer-animation{position:relative;width:400px;height:200px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin:0 var(--dtmt-spacing-2xl);z-index:2;will-change:contents;contain:layout style paint;transform:translateZ(0);backface-visibility:hidden;pointer-events:none}.dtmt-figma-transfer-animation svg{width:100%;height:100%;shape-rendering:optimizeSpeed;text-rendering:optimizeSpeed;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:transform;transform:translateZ(0);pointer-events:none}.transfer-dot{opacity:0}.forward-dot-1,.forward-dot-2,.forward-dot-3,.transfer-dot{filter:url(#glow-forward)}.backward-dot-1,.backward-dot-2,.backward-dot-3{filter:url(#glow-backward)}.dtmt-figma-banner-text{text-align:center;max-width:600px;display:flex;flex-direction:column;align-items:center;gap:var(--dtmt-spacing-lg);padding-block-end:var(--dtmt-spacing-4xl)}.dtmt-figma-banner-content::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,rgba(141,129,255,.25),transparent 50%),radial-gradient(circle at 80% 80%,rgba(253,69,149,.2),transparent 50%),radial-gradient(circle at 50% 50%,rgba(109,248,250,.15),transparent 60%);pointer-events:none;opacity:.6;transition:opacity .3s ease;border-radius:var(--dtmt-radius-xl)}

.dtmt-figma-banner-title {
  margin: 0;
  font-size: clamp(1.75rem, 4.5vw, 2.25rem);
  font-weight: var(--dtmt-font-weight-semibold);
  background: linear-gradient(145deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.9));
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  font-family: "Roboto Mono", monospace;
  line-height: 1.3;
  letter-spacing: -0.02em;
} .dtmt-figma-banner-description{margin:0;font-size:var(--dtmt-font-size-base);color:var(--dtmt-neutral-300);line-height:1.7}.dtmt-figma-banner-btn{margin-top:var(--dtmt-spacing-md);padding:var(--dtmt-spacing-md) var(--dtmt-spacing-3xl);font-size:var(--dtmt-font-size-base);font-weight:var(--dtmt-font-weight-semibold);text-decoration:none;border-radius:var(--dtmt-radius-lg);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;align-self:start;overflow:hidden}.dtmt-figma-banner-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(141,129,255,.2),rgba(109,248,250,.2));opacity:0;transition:opacity .3s ease}.dtmt-figma-banner-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(109,248,250,.3)}.dtmt-figma-banner-btn:hover::before,.dtmt-figma-plugin-card:hover::before{opacity:1}.dtmt-figma-plugins-section{position:relative;z-index:1;margin-top:var(--dtmt-spacing-4xl);padding-top:var(--dtmt-spacing-4xl);border-top:1px solid rgba(255,255,255,.1);text-align:center}.dtmt-figma-plugins-section-title{margin:0 0 var(--dtmt-spacing-sm)0;font-size:var(--dtmt-font-size-xl);font-weight:var(--dtmt-font-weight-semibold);color:var(--dtmt-neutral-100);line-height:1.3}.dtmt-figma-plugins-section-description{margin:0 0 var(--dtmt-spacing-3xl)0;font-size:var(--dtmt-font-size-sm);color:var(--dtmt-neutral-400);line-height:1.6}.dtmt-figma-plugins-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--dtmt-spacing-2xl);width:100%;max-width:1100px;margin:0 auto}.dtmt-figma-plugin-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:var(--dtmt-spacing-2xl);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:var(--dtmt-radius-xl);transition:all .4s cubic-bezier(.4,0,.2,1);backdrop-filter:blur(10px);overflow:hidden;justify-content:space-between}.dtmt-figma-plugin-card::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,rgba(141,129,255,.1),rgba(109,248,250,.05),rgba(253,69,149,.1));opacity:0;transition:opacity .4s ease;pointer-events:none}.dtmt-figma-plugin-card:hover{transform:translateY(-6px);border-color:rgba(255,255,255,.15);box-shadow:0 12px 40px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.1) inset}.dtmt-figma-plugin-icon{justify-content:center;margin:var(--dtmt-spacing-xl) auto var(--dtmt-spacing-3xl) auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3));transition:transform .4s cubic-bezier(.4,0,.2,1)}.dtmt-figma-plugin-card:hover .dtmt-figma-plugin-icon{transform:scale(1.1) translateY(-4px)}.dtmt-figma-plugin-icon svg,.dtmt-plugin-logo svg{width:100%;height:100%}.dtmt-figma-plugin-icon,.dtmt-plugin-logo,.dtmt-plugin-logo-container{position:relative;display:flex;align-items:center}.dtmt-plugin-logo-container{justify-content:space-between;gap:100px}.dtmt-plugin-logo{z-index:2;flex-shrink:0;justify-content:center;width:50px;height:50px}.dtmt-plugin-logo svg{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}.dtmt-plugin-particle-animation,.dtmt-plugin-particle-canvas{position:absolute;left:50%;width:100%;height:100%;z-index:1;pointer-events:none}.dtmt-plugin-particle-canvas{top:-2rem;transform:translateX(-50%);display:block}.dtmt-plugin-particle-animation{top:0;transform:translateX(-50%) translateZ(0);will-change:contents;contain:layout style paint;backface-visibility:hidden}.dtmt-plugin-particle-animation svg{shape-rendering:optimizeSpeed;text-rendering:optimizeSpeed;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:transform;transform:translateZ(0);pointer-events:none}.dtmt-plugin-logo-container canvas{width:200px!important;opacity:.5}#plugin-canvas-send{transform:scaleX(-1) translateX(50%);transform-origin:center}.dtmt-figma-plugin-title{margin:0 0 var(--dtmt-spacing-md)0;font-size:var(--dtmt-font-size-lg);font-weight:var(--dtmt-font-weight-semibold);color:var(--dtmt-neutral-100);line-height:1.4}.dtmt-figma-plugin-description{margin:0;font-size:var(--dtmt-font-size-sm);color:var(--dtmt-neutral-400);line-height:1.6;max-width:280px;margin-block-end:var(--dtmt-spacing-3xl)}.dtmt-figma-plugin-docs-link{display:inline-block;margin-top:var(--dtmt-spacing-md);font-size:var(--dtmt-font-size-xs);color:var(--dtmt-neutral-300);text-decoration:none;opacity:.8;transition:all .2s ease;position:relative}.dtmt-figma-plugin-docs-link:hover{color:var(--dtmt-neutral-100);opacity:1}.dtmt-figma-plugin-docs-link::after{content:" →";display:inline-block;margin-left:4px;transition:transform .2s ease}.dtmt-ai-promo-cta:hover svg,.dtmt-figma-plugin-docs-link:hover::after{transform:translateX(4px)}@media (max-width:768px){.dtmt-figma-plugins-section{margin-top:var(--dtmt-spacing-3xl);padding-top:var(--dtmt-spacing-3xl)}.dtmt-figma-plugins-section-title{font-size:var(--dtmt-font-size-lg)}.dtmt-figma-plugins-section-description{font-size:var(--dtmt-font-size-xs);margin-bottom:var(--dtmt-spacing-2xl)}.dtmt-figma-plugins-grid{grid-template-columns:1fr;gap:var(--dtmt-spacing-xl)}.dtmt-figma-plugin-icon{width:140px;height:90px;margin-bottom:var(--dtmt-spacing-lg)}.dtmt-figma-plugin-title{font-size:var(--dtmt-font-size-base)}.dtmt-figma-plugin-description{font-size:var(--dtmt-font-size-xs)}.dtmt-figma-plugin-docs-link{font-size:11px;margin-top:var(--dtmt-spacing-sm)}}.dtmt-workspace-sharing-banner{position:relative;z-index:10;margin:var(--dtmt-spacing-4xl) auto;backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:5rem;width:100%}.dtmt-workspace-sharing-bg-orb{position:absolute;border-radius:50%;pointer-events:none;filter:blur(60px);opacity:.4;transition:transform .3s ease,opacity .3s ease;will-change:transform}.dtmt-workspace-sharing-orb-1{width:300px;height:300px;background:radial-gradient(circle,rgba(141,129,255,.6),rgba(141,129,255,0));top:-100px;left:-100px}.dtmt-workspace-sharing-orb-2{width:250px;height:250px;background:radial-gradient(circle,rgba(109,248,250,.5),rgba(109,248,250,0));bottom:-80px;right:-80px}.dtmt-workspace-sharing-orb-3{width:200px;height:200px;background:radial-gradient(circle,rgba(253,69,149,.4),rgba(253,69,149,0));top:50%;left:50%;transform:translate(-50%,-50%)}.dtmt-workspace-sharing-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1.5fr;gap:var(--dtmt-spacing-4xl);align-items:center;border-radius:var(--dtmt-radius-xl);background:linear-gradient(145deg,rgba(141,129,255,.15),rgba(109,248,250,.1),rgba(253,69,149,.1));padding:var(--dtmt-spacing-3xl);border:1px solid rgba(255,255,255,.05)}.dtmt-workspace-sharing-left{display:flex;flex-direction:column;justify-content:center}.dtmt-workspace-sharing-badge{display:inline-flex;align-items:center;gap:var(--dtmt-spacing-xs);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-md);border-radius:999px;background:linear-gradient(135deg,rgba(141,129,255,.32),rgba(109,248,250,.18));color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-sm);letter-spacing:.08em;text-transform:uppercase;width:fit-content}.dtmt-workspace-sharing-badge svg{width:16px;height:16px;stroke:var(--dtmt-neutral-300)}.dtmt-workspace-sharing-title{margin:0;font-size:clamp(2.1rem,5vw,2.8rem);font-family:"Roboto Mono",monospace;line-height:1.2;text-align:center}.dtmt-workspace-sharing-description{margin:0;color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-lg);line-height:1.7;max-width:520px}.dtmt-workspace-sharing-features{list-style:none;padding:0;margin-block:var(--dtmt-spacing-3xl);display:grid;gap:var(--dtmt-spacing-md);grid-template-columns:repeat(2,1fr)}.dtmt-ai-promo-features li,.dtmt-workspace-sharing-features li{display:flex;align-items:center;gap:var(--dtmt-spacing-md);font-size:var(--dtmt-font-size-base);color:rgba(255,255,255,.9)}.dtmt-workspace-sharing-feature-bullet{width:8px;height:8px;border-radius:50%;background:var(--bullet-color, #3b82f6);flex-shrink:0;box-shadow:0 0 8px var(--bullet-color, #3b82f6)}.dtmt-workspace-sharing-btn{display:inline-flex;align-items:center;gap:var(--dtmt-spacing-md);padding:var(--dtmt-spacing-lg) var(--dtmt-spacing-3xl);background:linear-gradient(135deg,#8d81ff 0,#6df8fa 100%);border:0;border-radius:var(--dtmt-radius-lg);font-size:var(--dtmt-font-size-base);font-weight:var(--dtmt-font-weight-semibold);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content;margin-top:var(--dtmt-spacing-md);text-decoration:none}.dtmt-workspace-sharing-btn:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(168,85,247,.4)}.dtmt-workspace-sharing-right{position:relative;min-height:500px;display:flex;align-items:center;justify-content:center;overflow:visible;padding:var(--dtmt-spacing-lg);box-sizing:border-box}.dtmt-workspace-sharing-animation-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-height:557px}.dtmt-workspace-svg-banner{width:100%;height:auto}#dtmt-workspace-svg-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.dtmt-workspace-banner-html{position:relative;width:100%;max-width:1227px;height:693px;margin:0 auto}.dtmt-workspace-bg-layers-container{position:relative;width:100%;height:100%}:root{--workspace-gradient-color-start:#505050;--workspace-gradient-color-middle:#3b3b3b00;--workspace-gradient-color-end:#505050;--workspace-layer-1-speed:3500ms;--workspace-layer-2-speed:2800ms;--workspace-layer-3-speed:4200ms;--workspace-layer-4-speed:3100ms;--workspace-layer-5-speed:3800ms;--workspace-layer-1-direction:1;--workspace-layer-2-direction:-1;--workspace-layer-3-direction:1;--workspace-layer-4-direction:-1;--workspace-layer-5-direction:1;--workspace-banner-speed:3000ms;--workspace-banner-direction:1;--workspace-gradient-border:conic-gradient(from 180deg, var(--workspace-gradient-color-start) 0%, var(--workspace-gradient-color-start) 5%, var(--workspace-gradient-color-middle) 10%, var(--workspace-gradient-color-middle) 90%, var(--workspace-gradient-color-end) 95%, var(--workspace-gradient-color-end) 100%)}.dtmt-workspace-bg-layer{position:absolute;padding:1px;box-sizing:border-box;border-radius:inherit;background:var(--workspace-gradient-border);transition:background .1s linear;left:50%;top:50%;transform:translate(-50%,-50%)}.dtmt-workspace-bg-layer::before{content:"";display:block;width:100%;height:100%;border-radius:inherit;background:var(--dtmt-neutral-900, #10101e)}:root{--workspace-base-width:1125.39px;--workspace-base-height:643.603px;--workspace-base-radius:53.5px}.dtmt-workspace-bg-layer-5{width:var(--workspace-base-width);height:var(--workspace-base-height);border-radius:var(--workspace-base-radius);--workspace-layer-speed:var(--workspace-layer-5-speed);--workspace-layer-direction:var(--workspace-layer-5-direction)}.dtmt-workspace-bg-layer-4{width:calc(var(--workspace-base-width)*.803);height:calc(var(--workspace-base-height)*.768);border-radius:var(--workspace-base-radius);opacity:.5;--workspace-layer-speed:var(--workspace-layer-4-speed);--workspace-layer-direction:var(--workspace-layer-4-direction)}.dtmt-workspace-bg-layer-2::before,.dtmt-workspace-bg-layer-4,.dtmt-workspace-bg-layer-4::before{backdrop-filter:blur(8.5px)}.dtmt-workspace-bg-layer-3{width:calc(var(--workspace-base-width)*.701);height:calc(var(--workspace-base-height)*.601);border-radius:calc(var(--workspace-base-radius)*.813);--workspace-layer-speed:var(--workspace-layer-3-speed);--workspace-layer-direction:var(--workspace-layer-3-direction)}.dtmt-workspace-bg-layer-2{width:calc(var(--workspace-base-width)*.604);height:calc(var(--workspace-base-height)*.416);border-radius:calc(var(--workspace-base-radius)*.664);backdrop-filter:blur(8.5px);opacity:.5;--workspace-layer-speed:var(--workspace-layer-2-speed);--workspace-layer-direction:var(--workspace-layer-2-direction)}.dtmt-workspace-bg-layer-1{width:calc(var(--workspace-base-width)*.424);height:calc(var(--workspace-base-height)*.3);border-radius:calc(var(--workspace-base-radius)*.449);--workspace-layer-speed:var(--workspace-layer-1-speed);--workspace-layer-direction:var(--workspace-layer-1-direction)}.dtmt-workspace-banner-center{position:absolute;left:50%;top:50%;width:349.059px;height:77.7316px;display:flex;align-items:center;justify-content:space-between;padding:11px 19px;box-sizing:border-box;border-radius:16px;background:linear-gradient(to left,#595d81 0,#2c2c2c 100%);box-shadow:0 18px 30px 0 rgba(0,0,0,.5),0 0 500px 0 rgba(255,255,255,.2),0 0 500px 0 rgba(47,70,255,.2);z-index:10;transform:translate(-50%,-50%)}.dtmt-workspace-banner-center::before{content:"";position:absolute;inset:1px;border-radius:15px;background:linear-gradient(to left,#2b2b37 0,#10101e 100%);z-index:1;pointer-events:none}.dtmt-workspace-banner-center>*{position:relative;z-index:2}

.dtmt-workspace-banner-label {
	font-family: 'Manrope', sans-serif;
	font-size: 20px;
	font-weight: normal;
	background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgb(85, 85, 85) 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	
	padding-left: 5px;
} .dtmt-workspace-banner-button{width:47px;height:41px;flex-shrink:0;box-shadow:0 0 30px #a092ff;border-radius:10px}.dtmt-workspace-banner-button svg,.dtmt-workspace-cursor svg{width:100%;height:100%;display:block}.dtmt-workspace-user-profile{position:absolute;display:flex;flex-direction:row;align-items:center;gap:8px;padding:10px 29px 10px 12px;background:linear-gradient(to right,#fafafa12 0,#2c2c2c00 100%);border:1px solid var(--dtmt-neutral-700);border-radius:100px;backdrop-filter:blur(2px);box-shadow:0 8px 23.9px 0#000;z-index:10}.dtmt-workspace-user-profile-inner{display:flex;align-items:center;gap:8px;width:100%}.dtmt-workspace-user-avatar{width:33px;height:33px;border-radius:100px;background:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dtmt-workspace-user-avatar-large{width:42px;height:42px}.dtmt-workspace-user-avatar span{font-family:"Manrope",sans-serif;font-size:20px;font-weight:400;color:#000}.dtmt-workspace-user-details{display:flex;flex-direction:column;gap:8px;align-items:center}.dtmt-workspace-user-name{font-family:"Manrope",sans-serif;font-size:10px;font-weight:400;color:#fff;white-space:nowrap}.dtmt-workspace-user-profile:has(.dtmt-workspace-user-avatar-large) .dtmt-workspace-user-name{font-size:14px}.dtmt-workspace-user-role{padding:2px 6px;border-radius:3px;font-family:"Manrope",sans-serif;font-size:6px;font-weight:400;text-transform:uppercase;letter-spacing:.24px;white-space:nowrap}.dtmt-workspace-user-profile:has(.dtmt-workspace-user-avatar-large) .dtmt-workspace-user-role{font-size:8px;letter-spacing:.32px;height:15px;width:50.637px;display:flex;align-items:center;justify-content:center}.dtmt-workspace-user-role-viewer{background:#4d2a3b;border:1px solid #a25078;color:#fff}.dtmt-workspace-user-role-editor{background:rgba(65,114,211,.38);border:1px solid #4191bc;color:#c3f5ff}.dtmt-workspace-user-colley,.dtmt-workspace-user-mark{left:500px;top:50px;gap:14px;padding:10px 29px 10px 12px;animation:dtmt-workspace-float-mark 4.5s ease-in-out infinite;animation-delay:0s}.dtmt-workspace-user-colley{left:227px;top:630px;animation:dtmt-workspace-float-colley 3.8s ease-in-out infinite;animation-delay:.3s}.dtmt-workspace-user-sara{right:0;top:260px;gap:8px;animation:dtmt-workspace-float-sara 4.2s ease-in-out infinite;animation-delay:.6s}.dtmt-workspace-user-jimmy{left:700px;top:500px;gap:8px;animation:dtmt-workspace-float-jimmy 3.6s ease-in-out infinite;animation-delay:.9s}.dtmt-workspace-user-lorry{left:80px;top:270px;gap:8px;animation:dtmt-workspace-float-lorry 4.4s ease-in-out infinite;animation-delay:.15s}.dtmt-workspace-cursor{transform:translate(-50%,-50%)}@media (max-width:1280px){.dtmt-workspace-banner-html{max-width:100%;height:auto;aspect-ratio:1227/693}}.dtmt-workspace-outline-layer,.dtmt-workspace-outline-layers{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dtmt-workspace-outline-layers{width:523.622px;height:299.655px}.dtmt-workspace-outline-layer{border-radius:24px;backdrop-filter:blur(8.5px);box-shadow:0 8px 23.9px 0 rgba(0,0,0,.58);background:0 0;overflow:hidden;padding:2px}.dtmt-workspace-outline-layer::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:var(--workspace-gradient-border, conic-gradient(from 0deg, rgba(161, 161, 161, 0.2) 0%, rgba(161, 161, 161, 0.6) 25%, rgba(161, 161, 161, 0.9) 50%, rgba(161, 161, 161, 0.6) 75%, rgba(161, 161, 161, 0.2) 100%));pointer-events:none;z-index:0;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;will-change:background}.dtmt-workspace-outline-layer::after{content:"";position:absolute;inset:0;border-radius:inherit;background:0 0;pointer-events:none;z-index:1}.dtmt-outline-layer-1{width:274.761px;height:89.718px;border-radius:24px}.dtmt-outline-layer-2{width:316.415px;height:124.964px;border-radius:36px}.dtmt-outline-layer-3{width:367.21px;height:180.244px;border-radius:44px}.dtmt-outline-layer-4{width:420.533px;height:230.336px;border-radius:54px}.dtmt-outline-layer-5{width:523.622px;height:299.655px;border-radius:54px}.dtmt-workspace-outline-layer.dtmt-gradient-rotating::before{transition:background .1s linear}.dtmt-workspace-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);opacity:0;display:flex;align-items:center;justify-content:space-between;padding:10px 12px;width:238px;height:auto;border-radius:16px;border:1px solid #a1a1a1;backdrop-filter:blur(8.5px);box-shadow:0 8px 23.9px 0 rgba(0,0,0,.58);background:linear-gradient(75.8deg,rgba(0,0,0,.1) 4.054%,rgba(102,102,102,.1) 95.946%);z-index:10;animation:workspaceBannerAppear .8s cubic-bezier(.25,.46,.45,.94) forwards}.dtmt-workspace-label-container{display:flex;align-items:center;justify-content:center;padding-left:5px;padding-right:0}

.dtmt-workspace-label {
  font-family: 'Manrope', sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: normal;
  background: linear-gradient(-90deg, rgba(255, 255, 255, 1) 0%, rgba(153, 153, 153, 1) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
  margin: 0;
} .dtmt-workspace-share-button{position:relative;width:37.013px;height:33px;flex-shrink:0}.dtmt-share-button-icon{width:100%;height:100%;display:block;object-fit:contain}.dtmt-workspace-user-card{position:absolute;display:flex;flex-direction:column;align-items:center;padding:5px 18px 5px 8px;border-radius:100px;border:1px solid #a1a1a1;backdrop-filter:blur(8.5px);box-shadow:0 8px 23.9px 0 rgba(0,0,0,.58);background:linear-gradient(82.56deg,rgba(0,0,0,.29) 4.054%,rgba(102,102,102,.29) 95.946%);opacity:0;transform:translate(-50%,-50%) scale(0);z-index:5}.dtmt-user-card-1{top:15%;left:10%;animation:userCardAppear1 .6s cubic-bezier(.25,.46,.45,.94) 1.2s forwards,userCardFloat1 6s ease-in-out 1.8s infinite}.dtmt-user-card-2{top:12%;right:15%;padding:10px 29px 10px 12px;animation:userCardAppear2 .6s cubic-bezier(.25,.46,.45,.94) 1.35s forwards,userCardFloat2 6.5s ease-in-out 1.95s infinite}.dtmt-user-card-3{top:50%;right:20%;animation:userCardAppear3 .6s cubic-bezier(.25,.46,.45,.94) 1.5s forwards,userCardFloat3 7s ease-in-out 2.1s infinite}.dtmt-user-card-4{bottom:15%;left:50%;padding:10px 29px 10px 12px;animation:userCardAppear4 .6s cubic-bezier(.25,.46,.45,.94) 1.65s forwards,userCardFloat4 6.2s ease-in-out 2.25s infinite}.dtmt-user-card-5{top:50%;left:8%;animation:userCardAppear5 .6s cubic-bezier(.25,.46,.45,.94) 1.8s forwards,userCardFloat5 6.8s ease-in-out 2.4s infinite}.dtmt-user-profile-info{display:flex;gap:8px;align-items:center;justify-content:center;width:100%}.dtmt-user-avatar{background:#fff;flex-direction:column}.dtmt-user-avatar-gradient{background:linear-gradient(135deg,rgba(253,69,149,.8),rgba(141,129,255,.8))}.dtmt-user-initial{font-family:"Manrope",sans-serif;font-weight:400;font-size:20px;line-height:normal;color:#000;margin:0}.dtmt-user-details{display:flex;flex-direction:column;gap:8px;align-items:center}.dtmt-user-name{font-family:"Manrope",sans-serif;font-weight:400;font-size:10px;line-height:normal;color:#fff;margin:0}.dtmt-user-card-2 .dtmt-user-name,.dtmt-user-card-4 .dtmt-user-name{font-size:14px}.dtmt-user-role-container{background:#443e24;border:1px solid #907f00;padding:2px 6px;border-radius:3px;display:flex;align-items:center;justify-content:center}.dtmt-user-role-editor{background:rgba(65,114,211,.38);border-color:#4191bc;height:15px;width:50.637px}.dtmt-user-role{font-family:"Manrope",sans-serif;font-weight:400;font-size:6px;line-height:normal;color:#fff;text-transform:uppercase;letter-spacing:.24px;margin:0}.dtmt-user-role-editor .dtmt-user-role{font-size:8px;color:#c3f5ff;letter-spacing:.32px}.dtmt-workspace-cursor{position:absolute;top:50%;left:50%;width:19.694px;height:19.695px;transform:translate(-50%,-50%) rotate(180deg) scaleY(-1);opacity:0;z-index:15;pointer-events:none;animation:cursorAppear .4s ease .9s forwards,cursorMove 1.2s cubic-bezier(.25,.46,.45,.94) 1.3s forwards,cursorClick .3s ease 2.5s forwards}.dtmt-cursor-icon{width:100%;height:100%;display:block;object-fit:contain}@media (max-width:968px){.dtmt-workspace-sharing-content{grid-template-columns:1fr;gap:var(--dtmt-spacing-3xl)}.dtmt-workspace-sharing-right{min-height:400px}.dtmt-workspace-sharing-features{grid-template-columns:1fr}.dtmt-workspace-outline-layers{transform:translate(-50%,-50%) scale(.8)}.dtmt-workspace-user-card{transform:scale(.9)}}@media (max-width:768px){.dtmt-workspace-sharing-banner{width:95%}.dtmt-workspace-sharing-banner,.dtmt-workspace-sharing-content{padding:var(--dtmt-spacing-2xl)}.dtmt-workspace-sharing-right{min-height:350px}.dtmt-workspace-outline-layers{transform:translate(-50%,-50%) scale(.7)}.dtmt-workspace-user-card{transform:scale(.8)}.dtmt-workspace-banner{transform:translate(-50%,-50%) scale(.9)}}.dtmt-ai-promo-banner{position:relative;z-index:10;overflow:visible;width:100vw;transform:translateX(-50%);left:50%;padding:10vh 15vw;background:radial-gradient(circle at 70% 50%,#000 10%,#1e1e38 46%,#171727 0)!important}.dtmt-ai-promo-banner .dtmt-start-screen-section-title,.dtmt-start-screen-tutorial .dtmt-start-screen-section-title{text-align:left}.dtmt-ai-promo-grid{position:absolute;inset:0;background-image:radial-gradient(circle,rgba(59,130,246,.15) 1px,transparent 1px);background-size:20px 20px;background-position:0 0,10px 10px;opacity:.3}.dtmt-ai-promo-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--dtmt-spacing-4xl);align-items:center}.dtmt-ai-promo-left{display:flex;flex-direction:column;gap:var(--dtmt-spacing-xl)}.dtmt-ai-promo-badge{display:inline-flex;align-items:center;gap:var(--dtmt-spacing-xs);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-md);border-radius:999px;background:linear-gradient(135deg,rgba(141,129,255,.32),rgba(109,248,250,.18));color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-sm);letter-spacing:.08em;text-transform:uppercase;width:fit-content}.dtmt-ai-promo-badge svg{width:16px;height:16px;stroke:var(--dtmt-neutral-300)}.dtmt-ai-promo-title{margin:0;font-size:clamp(2.1rem,5vw,2.8rem);font-family:"Roboto Mono",monospace;line-height:1.2}.dtmt-ai-promo-description{margin:0;color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-lg);line-height:1.7;max-width:520px}.dtmt-ai-promo-features{list-style:none;padding:0;margin-block:var(--dtmt-spacing-3xl);display:grid;gap:var(--dtmt-spacing-md);grid-template-columns:repeat(2,1fr)}.dtmt-ai-promo-feature-bullet{width:8px;height:8px;border-radius:50%;background:var(--bullet-color, #3b82f6);flex-shrink:0;box-shadow:0 0 8px var(--bullet-color, #3b82f6)}.dtmt-ai-promo-cta{display:inline-flex;align-items:center;gap:var(--dtmt-spacing-md);padding:var(--dtmt-spacing-lg) var(--dtmt-spacing-3xl);background:linear-gradient(135deg,#8d81ff 0,#6df8fa 100%);border:0;border-radius:var(--dtmt-radius-lg);font-size:var(--dtmt-font-size-base);font-weight:var(--dtmt-font-weight-semibold);color:#fff;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);width:fit-content;margin-top:var(--dtmt-spacing-md)}.dtmt-ai-promo-cta:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(168,85,247,.4)}.dtmt-ai-promo-cta svg{transition:transform .3s ease}.dtmt-ai-promo-right{position:relative;height:600px;min-height:600px;display:flex;align-items:center;justify-content:center;overflow:visible;padding:var(--dtmt-spacing-lg);box-sizing:border-box}.dtmt-ai-promo-token-graph{position:relative;width:100%;height:100%;min-height:550px;overflow:visible;padding:var(--dtmt-spacing-lg)0}.dtmt-ai-promo-token-graph>*{position:relative;z-index:1}.dtmt-ai-promo-textarea-wrapper{position:absolute;top:35%;left:50%;transform:translateX(-50%);z-index:100;display:flex;align-items:center;padding:2px;background:linear-gradient(135deg,#d8d8d8 0,#868686 100%);border-radius:var(--dtmt-radius-2xl);box-shadow:0 20px 60px rgba(0,0,0,.8),0 0 40px rgba(168,85,247,.3);width:calc(100% - 80px);max-width:400px;box-sizing:border-box;margin:0}.dtmt-ai-promo-textarea-wrapper .dtmt-ai-promo-textarea{background:rgba(15,23,42,.95);backdrop-filter:blur(20px);border-radius:calc(var(--dtmt-radius-2xl) - 2px);padding:12px 20px;flex:1;min-width:0;box-sizing:border-box;margin:0}.dtmt-ai-promo-textarea{font-size:clamp(12px,1.2vw,14px);color:rgba(255,255,255,.9);font-family:"Roboto Mono",monospace;line-height:1.5;outline:0;border:0;caret-color:#8d81ff;white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;margin:0}.dtmt-ai-promo-textarea.typing::after{content:"|";animation:blink 1s infinite;color:#8d81ff;margin-left:2px}.dtmt-ai-promo-sparkle-icon{flex-shrink:0;width:24px;height:24px;color:#8d81ff;display:flex;align-items:center;justify-content:center;animation:sparklePulse 2s ease-in-out infinite;margin:0}.dtmt-ai-token-node{position:absolute;width:180px;padding:var(--dtmt-spacing-lg);background:rgba(255,255,255,.05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:var(--dtmt-radius-lg);box-shadow:0 8px 32px rgba(0,0,0,.3);transition:all .3s cubic-bezier(.4,0,.2,1);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;z-index:10;margin:0;display:flex;flex-direction:column;gap:10px}.dtmt-ai-token-node::before{content:"";position:absolute;top:calc(var(--dtmt-spacing-lg, 16px) + ((10px*1.2)/2) - 6px);left:var(--dtmt-spacing-lg, 16px);width:12px;height:12px;border-radius:50%;background:var(--node-color, #3b82f6);box-shadow:0 0 12px var(--node-color, #3b82f6)}.dtmt-ai-token-node.primitive{--node-color:#ffffff;border-color:rgba(255,255,255,.3)}.dtmt-ai-token-node.semantic{--node-color:#06b6d4;border-color:rgba(6,182,212,.3)}.dtmt-ai-token-node.base{--node-color:#8d81ff;border-color:rgba(141,129,255,.3)}.dtmt-ai-token-node.specific{--node-color:#ec4899;border-color:rgba(236,72,153,.3)}.dtmt-ai-token-node:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 40px rgba(0,0,0,.4);border-color:var(--node-color, #3b82f6)}.dtmt-ai-token-node-title-row{display:flex;align-items:center;gap:8px;margin:0 0 0 8px}.dtmt-ai-token-node-title{font-size:10px;font-weight:var(--dtmt-font-weight-semibold);color:rgba(255,255,255,.6);text-transform:uppercase;letter-spacing:.05em;margin-left:10px;line-height:1.2;display:flex;align-items:center}.dtmt-ai-token-node-name-wrapper{display:flex;align-items:center;gap:10px;margin:0}.dtmt-ai-token-node-name{font-size:13px;font-weight:var(--dtmt-font-weight-semibold);color:#fff;margin:0;line-height:1.2;display:block;font-family:"Roboto Mono",monospace}.dtmt-ai-token-node-value{font-size:11px;color:rgba(255,255,255,.7);font-family:"Roboto Mono",monospace;word-break:break-all;margin-top:0;margin-bottom:0}.dtmt-ai-promo-color-swatch{width:16px;height:16px;border-radius:50%;border:1px solid rgba(255,255,255,.2);flex-shrink:0;box-shadow:0 1px 2px rgba(0,0,0,.3);margin:0;padding:0;display:block}.dtmt-ai-promo-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;background-color:rgba(255,255,255,.1);border-radius:12px;margin:0;padding:0}.dtmt-ai-promo-icon-wrapper .material-symbols-outlined{font-size:16px;line-height:1;color:rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center}.dtmt-ai-particle{position:absolute;pointer-events:none;z-index:1000!important;will-change:transform,opacity;transform-origin:center center}.dtmt-ai-token-node-port{position:absolute;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.4);cursor:pointer;transition:all .2s ease}.dtmt-ai-token-node-port.input{top:-6px;left:50%;transform:translateX(-50%)}.dtmt-ai-token-node-port.output{bottom:-6px;left:50%;transform:translateX(-50%)}.dtmt-ai-token-node-port:hover{background:var(--node-color, #3b82f6);border-color:var(--node-color, #3b82f6);box-shadow:0 0 12px var(--node-color, #3b82f6)}.dtmt-ai-token-connection{position:absolute!important;pointer-events:none!important;z-index:2!important;top:0!important;left:0!important;width:100%!important;height:100%!important;overflow:visible!important}.dtmt-ai-token-connection svg{display:block!important;width:100%!important;height:100%!important}.dtmt-ai-token-connection-line{stroke:#06b6d4!important;stroke-width:2px!important;fill:none!important;filter:drop-shadow(0 0 12px #06b6d4)!important;opacity:1!important;visibility:visible!important;display:block!important;vector-effect:non-scaling-stroke}.dtmt-ai-token-connection.primitive-to-semantic .dtmt-ai-token-connection-line{stroke:#06b6d4!important;filter:drop-shadow(0 0 15px #06b6d4)!important}.dtmt-ai-token-connection.semantic-to-specific .dtmt-ai-token-connection-line{stroke:#ec4899!important;filter:drop-shadow(0 0 15px #ec4899)!important}@media (max-width:1024px){.dtmt-ai-promo-content{grid-template-columns:1fr;gap:var(--dtmt-spacing-3xl)}.dtmt-ai-promo-right{height:400px;order:-1}.dtmt-ai-promo-token-graph{min-height:300px}.dtmt-ai-promo-textarea-wrapper{width:calc(100% - 40px);max-width:400px;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);top:10%;left:50%;transform:translateX(-50%)}}@media (max-width:768px){.dtmt-ai-promo-banner{padding:var(--dtmt-spacing-3xl)}.dtmt-ai-promo-right{height:300px}.dtmt-ai-token-node{width:150px;padding:var(--dtmt-spacing-md)}.dtmt-ai-promo-textarea-wrapper{width:calc(100% - 32px);max-width:350px;top:8%;padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);left:50%;transform:translateX(-50%)}.dtmt-ai-promo-textarea{font-size:11px}.dtmt-ai-promo-sparkle-icon{width:18px;height:18px}}.dtmt-start-btn,.dtmt-start-screen-actions{display:flex;align-items:center;position:relative;justify-content:center}.dtmt-start-screen-actions{z-index:1000;min-width:50%;margin:0 auto;gap:var(--dtmt-spacing-3xl)}.dtmt-start-btn{max-width:50%;padding:var(--dtmt-spacing-md) var(--dtmt-spacing-2xl)!important;border-radius:var(--dtmt-radius-xl)!important;background:var(--dtmt-neutral-900);color:var(--dtmt-neutral-100);cursor:pointer;transition:all var(--dtmt-transition-normal);gap:var(--dtmt-spacing-md);text-align:center;overflow:hidden;border:0;min-width:30%}.dtmt-start-btn:active{transform:translateY(-2px)}.dtmt-start-btn .material-symbols-outlined{font-size:2rem}.dtmt-start-btn-text{font-optical-sizing:auto;font-style:normal;line-height:1.2;font-size:1rem}.dtmt-start-btn-description{font-size:var(--dtmt-font-size-sm);opacity:.8;line-height:1.4}.dtmt-start-screen-pricing{position:relative;width:100%;padding:calc(var(--dtmt-spacing-4xl)*2)0;border-radius:var(--dtmt-radius-2xl);border:1px solid transparent;backdrop-filter:blur(8px)}.dtmt-start-screen-section-inner{max-width:1100px;margin:0 auto;padding:0 var(--dtmt-spacing-4xl);display:flex;flex-direction:column;gap:var(--dtmt-spacing-3xl)}.dtmt-start-screen-section-header{display:flex;flex-direction:column;gap:var(--dtmt-spacing-lg);align-items:center;text-align:center}.dtmt-start-screen-section-title{margin:0;font-size:clamp(1.5rem,1.1429rem + 1.1429vw,2.2rem);font-family:"Roboto Mono",monospace;color:var(--dtmt-neutral-50);line-height:1.25;text-align:center}.dtmt-start-screen-section-subtitle{margin:0;max-width:560px;color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-lg);line-height:1.6}.dtmt-billing-toggle-container{display:inline-flex;align-items:center;justify-content:center;gap:var(--dtmt-spacing-lg);margin:calc(var(--dtmt-spacing-2xl)*2)0 var(--dtmt-spacing-xl);position:relative;z-index:1000}.dtmt-billing-toggle-switch{position:relative;display:inline-flex;align-items:center;background-color:rgba(0,0,0,.3);border:1px solid var(--dtmt-neutral-600);border-radius:999px;padding:4px;cursor:pointer;transition:all var(--dtmt-transition-normal);min-width:200px;height:44px;z-index:10}.dtmt-billing-toggle-switch:hover{border-color:var(--dtmt-neutral-500)}.dtmt-billing-toggle-switch input{position:absolute;opacity:0;width:0;height:0;pointer-events:none}.dtmt-billing-toggle-slider{position:absolute;top:4px;left:4px;width:calc(50% - 6px);height:calc(100% - 8px);background-color:#fff;border-radius:999px;transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:1;box-shadow:0 2px 4px rgba(0,0,0,.1)}.dtmt-billing-toggle-switch input:checked~.dtmt-billing-toggle-slider{transform:translateX(calc(100% + 4px))}.dtmt-subscription-modal .dtmt-billing-toggle-label{padding:6px 10px;font-size:var(--dtmt-font-size-sm)}.dtmt-subscription-modal .dtmt-billing-toggle-switch{padding:2px;height:40px}.dtmt-billing-toggle-label{position:relative;z-index:2;font-size:var(--dtmt-font-size-md);font-weight:var(--dtmt-font-weight-medium);color:var(--dtmt-neutral-400);transition:color .3s cubic-bezier(.4,0,.2,1),font-weight .3s cubic-bezier(.4,0,.2,1);cursor:pointer;user-select:none;flex:1;display:flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px}.dtmt-billing-toggle-switch input:focus-visible{outline:2px solid rgba(141,129,255,.5);outline-offset:2px;border-radius:999px}.dtmt-billing-savings-badge{position:absolute;left:50%;padding:var(--dtmt-spacing-md) var(--dtmt-spacing-xl);background:radial-gradient(circle at top,rgba(129,117,218,.3),transparent);border-radius:10px;font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-semibold);color:var(--dtmt-success-400);white-space:nowrap;transform:translateX(-50%) scaleX(50%);bottom:-40%;width:100%;height:260%;text-align:center;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease,transform .3s ease}.dtmt-billing-savings-badge.active{visibility:visible;opacity:1;transform:translateX(-50%) scaleX(100%)}.dtmt-pricing-grid{display:grid;gap:var(--dtmt-spacing-3xl);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-block-start:var(--dtmt-spacing-4xl)}.dtmt-pricing-card{position:relative;padding:calc(var(--dtmt-spacing-3xl)*.9) var(--dtmt-spacing-3xl);border-radius:var(--dtmt-radius-2xl);background:linear-gradient(180deg,rgba(10,12,22,.92),rgba(10,12,22,.76)) padding-box,linear-gradient(140deg,rgba(141,129,255,.35),rgba(109,248,250,.22),rgba(253,69,149,.28)) border-box;display:flex;flex-direction:column;gap:var(--dtmt-spacing-2xl);transition:transform var(--dtmt-transition-slow),box-shadow var(--dtmt-transition-slow);background-clip:padding-box}.dtmt-pricing-card::after{content:"";position:absolute;inset:-18%;border-radius:inherit;background:radial-gradient(circle,rgba(109,248,250,.24),rgba(141,129,255,.12),rgba(253,69,149,.18));opacity:0;filter:blur(45px);transition:opacity var(--dtmt-transition-slow);z-index:-1}.dtmt-pricing-card:hover::after{opacity:.85}.dtmt-pricing-card-header,.dtmt-pricing-features li{display:flex;flex-direction:column;gap:var(--dtmt-spacing-2xl);align-items:flex-start}.dtmt-pricing-card-title{margin:var(--dtmt-spacing-xl)0 var(--dtmt-spacing-md);color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-2xl);font-weight:var(--dtmt-font-weight-semibold)}.dtmt-pricing-card-price{margin:0;display:flex;align-items:baseline;gap:var(--dtmt-spacing-sm);color:var(--dtmt-neutral-50)}.dtmt-pricing-amount{font-size:clamp(2.6rem,6vw,3.2rem);font-weight:var(--dtmt-font-weight-semibold);line-height:1}.dtmt-cookie-settings-header h2,.dtmt-pricing-frequency{font-size:var(--dtmt-font-size-lg);color:var(--dtmt-neutral-400)}.dtmt-pricing-card-description{margin:0;color:var(--dtmt-neutral-400);text-align:center;margin-block-end:var(--dtmt-spacing-2xl);font-size:var(--dtmt-font-size-sm)}.dtmt-pricing-features{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--dtmt-spacing-lg);color:var(--dtmt-neutral-300)}.dtmt-pricing-features li{gap:var(--dtmt-spacing-md);line-height:1.5;flex-wrap:nowrap;flex-direction:row}.dtmt-pricing-feature-icon{display:inline-flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;margin-top:2px;mix-blend-mode:hard-light}.dtmt-pricing-features-collapsed{display:none;flex-direction:column;gap:var(--dtmt-spacing-lg);list-style:none;margin:0;padding:0}.dtmt-pricing-features-toggle{margin-top:var(--dtmt-spacing-md);padding-top:var(--dtmt-spacing-md);border-top:1px solid rgba(255,255,255,.1)}.dtmt-pricing-features-expand-btn{display:flex;align-items:center;justify-content:center;gap:var(--dtmt-spacing-sm);width:100%;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);background:0 0;border:0;border-radius:var(--dtmt-radius-lg);color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);cursor:pointer;transition:all .2s ease}.dtmt-pricing-features-expand-btn:hover{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.3);color:var(--dtmt-neutral-100)}.dtmt-pricing-features-expand-btn:active{transform:scale(.98)}.dtmt-pricing-features-expand-icon{font-size:1.2rem;transition:transform .3s ease;display:inline-flex;align-items:center}.dtmt-pricing-card--popular .dtmt-pricing-features-expand-btn{border-color:rgba(255,255,255,.3);color:inherit}.dtmt-pricing-card--popular .dtmt-pricing-features-expand-btn:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.4)}.dtmt-pricing-action{margin-bottom:var(--dtmt-spacing-2xl);width:100%;justify-content:center;text-align:center;text-decoration:none;padding:var(--dtmt-spacing-md)!important;line-height:1.5}.dtmt-pricing-card--popular{border:0!important;background:linear-gradient(180deg,var(--dtmt-primary-600) 0%,var(--dtmt-neutral-900) 100%);box-shadow:var(--dtmt-shadow-xl);transform:translateY(-24px)}.dtmt-pricing-card--popular .dtmt-pricing-card-price,.dtmt-pricing-card--popular .dtmt-pricing-card-title{color:var(--dtmt-neutral-50)}.dtmt-pricing-badge{position:absolute;top:calc(var(--dtmt-spacing-xl)*-.8);left:50%;transform:translateX(-50%);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-lg);background:var(--dtmt-neutral-50);color:var(--dtmt-neutral-900);border-radius:999px;font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;box-shadow:var(--dtmt-shadow-md)}.cta{padding:7rem 0}.cta-card{position:relative;text-align:center;padding:clamp(3rem,6vw,4.8rem);border-radius:calc(var(--radius)*1.1);border:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(18,20,34,.92),rgba(10,12,22,.88));overflow:hidden;box-shadow:var(--shadow)}.cta-card::before{content:"";position:absolute;inset:-40%;background:radial-gradient(circle,rgba(var(--primary-rgb),.18),transparent 55%);z-index:-1;animation:rotate 18s linear infinite}.dtmt-start-screen-footer{padding:var(--dtmt-spacing-4xl) var(--dtmt-spacing-4xl)0;display:flex;justify-content:center;color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm)}.dtmt-footer-brand,.dtmt-start-screen-footer-inner{display:flex;flex-direction:column;align-items:center}.dtmt-start-screen-footer-inner{width:100%;max-width:1100px;gap:var(--dtmt-spacing-xl);text-align:center}.dtmt-footer-brand{gap:var(--dtmt-spacing-xs)}.dtmt-footer-logo{font-family:"Roboto Mono",monospace;font-size:var(--dtmt-font-size-xl);font-weight:var(--dtmt-font-weight-semibold);color:#8d81ff;letter-spacing:.08em;text-transform:uppercase}.dtmt-footer-tagline{margin:0;color:var(--dtmt-neutral-500);font-size:var(--dtmt-font-size-sm)}.dtmt-footer-nav{display:flex;gap:var(--dtmt-spacing-xl);flex-wrap:wrap;justify-content:center}.dtmt-footer-link{color:var(--dtmt-neutral-300);text-decoration:none;font-size:var(--dtmt-font-size-sm);transition:color var(--dtmt-transition-fast)}.dtmt-footer-link:hover,.dtmt-settings-section .dtmt-cookie-settings-link:hover{color:#6df8fa}.dtmt-footer-meta{margin:0;color:var(--dtmt-neutral-500);font-size:var(--dtmt-font-size-sm)}.dtmt-cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:10000;padding:var(--dtmt-spacing-lg);background:rgba(16,16,30,.98);border-top:1px solid rgba(255,255,255,.1);box-shadow:0-4px 24px rgba(0,0,0,.3);transition:transform .3s ease,opacity .3s ease}.dtmt-cookie-banner-hidden{transform:translateY(100%);opacity:0}.dtmt-cookie-banner-inner{max-width:720px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:var(--dtmt-spacing-lg)}.dtmt-cookie-banner-text{flex:1;min-width:200px;margin:0;color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);line-height:1.5}.dtmt-cookie-banner-link{color:#6df8fa;text-decoration:underline}.dtmt-cookie-banner-link:hover{color:#02fbff}.dtmt-cookie-banner-actions{display:flex;gap:var(--dtmt-spacing-md);flex-shrink:0}.dtmt-cookie-btn{padding:10px 20px;border-radius:8px;font-size:var(--dtmt-font-size-sm);font-weight:500;cursor:pointer;border:0;transition:opacity var(--dtmt-transition-fast)}.dtmt-cookie-btn:hover{opacity:.9}.dtmt-cookie-btn-primary{background:linear-gradient(135deg,#8d81ff 0,#fd4595 100%);color:#fff}.dtmt-cookie-btn-secondary{background:rgba(255,255,255,.1);color:var(--dtmt-neutral-200);border:1px solid rgba(255,255,255,.2)}.dtmt-cookie-settings-overlay{position:fixed;inset:0;z-index:10001;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:var(--dtmt-spacing-lg);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.dtmt-cookie-settings-overlay.dtmt-cookie-settings-visible{opacity:1;visibility:visible}.dtmt-cookie-settings-modal{background:var(--dtmt-neutral-900);border:1px solid rgba(255,255,255,.1);border-radius:12px;max-width:440px;width:100%;max-height:90vh;overflow-y:auto}.dtmt-cookie-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--dtmt-spacing-lg);border-bottom:1px solid rgba(255,255,255,.1)}.dtmt-cookie-settings-header h2{margin:0;color:var(--dtmt-neutral-100)}.dtmt-cookie-settings-close{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:4px;border-radius:4px}.dtmt-cookie-settings-close:hover{color:var(--dtmt-neutral-200);background:rgba(255,255,255,.05)}.dtmt-cookie-settings-body{padding:var(--dtmt-spacing-lg)}.dtmt-cookie-settings-intro{margin:0 0 var(--dtmt-spacing-lg);color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm);line-height:1.5}.dtmt-cookie-settings-option{margin-bottom:var(--dtmt-spacing-md)}.dtmt-cookie-settings-label{display:flex;align-items:flex-start;gap:var(--dtmt-spacing-md);cursor:pointer;color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm)}.dtmt-cookie-settings-label input[type=checkbox]{margin-top:3px;flex-shrink:0}.dtmt-cookie-settings-footer{padding:var(--dtmt-spacing-lg);border-top:1px solid rgba(255,255,255,.1)}.dtmt-footer-stripe-badge{margin-top:var(--dtmt-spacing-lg);display:flex;justify-content:center;align-items:center;width:100%}.dtmt-stripe-security-badge{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px 20px;max-width:500px;width:100%;display:flex;flex-direction:column;gap:12px}.dtmt-stripe-badge-top{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.dtmt-stripe-badge-security{display:flex;align-items:center;gap:8px;color:var(--dtmt-neutral-300);font-size:12px;font-weight:500}.dtmt-stripe-padlock-icon{width:16px;height:16px;color:var(--dtmt-neutral-400);flex-shrink:0}.dtmt-stripe-badge-text{white-space:nowrap}.dtmt-stripe-powered-by{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#635bff;border-radius:4px;text-decoration:none;color:#fff;font-size:11px;font-weight:500;transition:opacity var(--dtmt-transition-fast)}.dtmt-stripe-powered-by:hover{opacity:.9}.dtmt-stripe-logo{height:14px;width:auto}.dtmt-stripe-badge-divider{height:1px;background:rgba(255,255,255,.1);width:100%}.dtmt-payment-logo,.dtmt-stripe-payment-methods{display:flex;align-items:center;justify-content:center}.dtmt-stripe-payment-methods{gap:8px;flex-wrap:wrap}.dtmt-stripe-payment-methods img{width:90%}.dtmt-payment-logo{width:42px;height:26px;background:#fff;border-radius:4px;padding:3px 4px;box-sizing:border-box;position:relative;overflow:hidden}.dtmt-payment-logo.visa{background:#fff}.dtmt-payment-logo.visa::before{content:"VISA";font-size:9px;font-weight:700;color:#1434cb;letter-spacing:.8px;line-height:1}.dtmt-payment-logo.mastercard{background:#eb001b;position:relative;overflow:visible}.dtmt-payment-logo.mastercard::after,.dtmt-payment-logo.mastercard::before{content:"";position:absolute;width:18px;height:18px;border-radius:50%;top:50%;transform:translateY(-50%)}.dtmt-payment-logo.mastercard::before{background:#f79e1b;left:6px}.dtmt-payment-logo.mastercard::after{background:#eb001b;right:6px;z-index:1}.dtmt-payment-logo.amex{background:#006fcf}.dtmt-payment-logo.amex::before{content:"AMEX";font-size:8px;font-weight:700;color:#fff;letter-spacing:.4px;line-height:1}.dtmt-payment-logo.discover,.dtmt-payment-logo.jcb{background:#fff}.dtmt-payment-logo.jcb::before{content:"JCB";font-size:9px;font-weight:700;color:#06c;letter-spacing:.6px;line-height:1}.dtmt-payment-logo.discover::before{content:"DISCOVER";font-size:7px;font-weight:700;color:#ff6000;letter-spacing:.3px;line-height:1}.dtmt-payment-logo.diners{background:#0079be}.dtmt-payment-logo.diners::before{content:"D";font-size:14px;font-weight:700;color:#fff;font-family:Georgia,serif;line-height:1}.dtmt-payment-logo.unionpay{background:linear-gradient(to right,#e21836 0,#e21836 50%,#00a0e9 50%,#00a0e9 100%);position:relative}.dtmt-payment-logo.unionpay::before{content:"UnionPay";font-size:7px;font-weight:700;color:#fff;letter-spacing:.3px;line-height:1;position:relative;z-index:1}@media (max-width:600px){.dtmt-stripe-security-badge{padding:12px 16px}.dtmt-stripe-badge-top{flex-direction:column;align-items:flex-start}.dtmt-stripe-powered-by{align-self:flex-end}.dtmt-stripe-payment-methods{gap:6px}.dtmt-payment-logo{width:38px;height:24px}.dtmt-payment-logo.visa::before{font-size:8px}.dtmt-payment-logo.amex::before{font-size:7px}.dtmt-payment-logo.jcb::before{font-size:8px}.dtmt-payment-logo.discover::before,.dtmt-payment-logo.unionpay::before{font-size:6px}}.cta-card h2{margin:0;font-size:clamp(2.4rem,6vw,3.2rem)}.cta-card p{margin:1.2rem auto 2.6rem;color:var(--muted);font-size:1.05rem;max-width:540px}.cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.cta-stats{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:3.2rem}.cta-stats strong{display:block;font-size:2.1rem;color:var(--primary)}.cta-stats span{color:var(--muted);font-size:.9rem;letter-spacing:.04em}.dtmt-add-token-btn:focus,.dtmt-ai-generate-btn:focus,.dtmt-ai-open-btn:focus,.dtmt-ai-prompt-gallery-btn:focus,.dtmt-auth-btn:focus,.dtmt-btn:focus,.dtmt-checkbox:focus,.dtmt-collapse-btn:focus,.dtmt-dropdown-btn:focus,.dtmt-nav-link:focus,.dtmt-radio:focus,.dtmt-user-menu-item:focus,[role=button]:focus,[tabindex]:focus,a:focus,button:focus{outline:0;box-shadow:none}.dtmt-add-token-btn:focus-visible,.dtmt-btn:focus-visible,.dtmt-collapse-btn:focus-visible,.dtmt-dropdown-btn:focus-visible,.dtmt-form-group:has(input[type=checkbox]:focus)::after,.dtmt-form-group:has(input[type=checkbox]:focus)::before,.dtmt-form-group:has(input[type=checkbox]:focus-visible)::after,.dtmt-form-group:has(input[type=checkbox]:focus-visible)::before,.dtmt-form-group:has(input[type=radio]:focus)::after,.dtmt-form-group:has(input[type=radio]:focus)::before,.dtmt-form-group:has(input[type=radio]:focus-visible)::after,.dtmt-form-group:has(input[type=radio]:focus-visible)::before,.dtmt-nav-link:focus-visible,[role=button]:focus-visible,[tabindex]:focus-visible,a:focus-visible,button:focus-visible{display:none!important}.dtmt-ai-generate-btn:focus-visible,.dtmt-ai-open-btn:focus-visible,.dtmt-ai-prompt-gallery-btn:focus-visible,.dtmt-auth-btn:focus-visible,.dtmt-checkbox:focus-visible,.dtmt-radio:focus-visible,.dtmt-user-menu-item:focus-visible{outline:2px solid var(--dtmt-neutral-400);outline-offset:2px}.dtmt-checkbox:focus-visible,.dtmt-radio:focus-visible,input[type=checkbox]:focus-visible,input[type=radio]:focus-visible{outline:0;position:relative}.dtmt-radio:focus-visible::before,input[type=radio]:focus-visible::before{content:"";position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:50%;background:var(--dtmt-input-focus-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6));z-index:-1;pointer-events:none}.dtmt-radio:focus-visible::after,input[type=radio]:focus-visible::after{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;background:var(--dtmt-neutral-900);z-index:-1;pointer-events:none}.dtmt-radio-option:has(input[type=radio]:focus-visible),.dtmt-toggle-option:has(input[type=radio]:focus-visible),label:has(input[type=radio]:focus-visible){position:relative}.dtmt-checkbox-label:has(input[type=checkbox]:focus-visible) input[type=checkbox],.dtmt-connections-checkbox:has(input[type=checkbox]:focus-visible) input[type=checkbox],.dtmt-layer-checkbox-item:has(input[type=checkbox]:focus-visible) input[type=checkbox],.dtmt-radio-option:has(input[type=radio]:focus-visible) input[type=radio],.dtmt-toggle-option:has(input[type=radio]:focus-visible) input[type=radio],label:has(input[type=checkbox]:focus-visible) input[type=checkbox],label:has(input[type=radio]:focus-visible) input[type=radio]{position:relative;z-index:2}.dtmt-radio-option:has(input[type=radio]:focus-visible) input[type=radio]::before,.dtmt-toggle-option:has(input[type=radio]:focus-visible) input[type=radio]::before,label:has(input[type=radio]:focus-visible) input[type=radio]::before{content:"";position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:50%;background:var(--dtmt-input-focus-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6));z-index:-1;pointer-events:none}.dtmt-radio-option:has(input[type=radio]:focus-visible) input[type=radio]::after,.dtmt-toggle-option:has(input[type=radio]:focus-visible) input[type=radio]::after,label:has(input[type=radio]:focus-visible) input[type=radio]::after{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:50%;background:var(--dtmt-neutral-900);z-index:-1;pointer-events:none}.dtmt-checkbox:focus-visible::before,input[type=checkbox]:focus-visible::before{content:"";position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:4px;background:var(--dtmt-input-focus-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6));z-index:-1;pointer-events:none}.dtmt-checkbox:focus-visible::after,input[type=checkbox]:focus-visible::after{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:4px;background:var(--dtmt-neutral-900);z-index:-1;pointer-events:none}.dtmt-checkbox-label:has(input[type=checkbox]:focus-visible) input[type=checkbox]::before,.dtmt-connections-checkbox:has(input[type=checkbox]:focus-visible) input[type=checkbox]::before,.dtmt-layer-checkbox-item:has(input[type=checkbox]:focus-visible) input[type=checkbox]::before,label:has(input[type=checkbox]:focus-visible) input[type=checkbox]::before{content:"";position:absolute;top:-4px;left:-4px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:4px;background:var(--dtmt-input-focus-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6));z-index:-1;pointer-events:none}.dtmt-checkbox-label:has(input[type=checkbox]:focus-visible) input[type=checkbox]::after,.dtmt-connections-checkbox:has(input[type=checkbox]:focus-visible) input[type=checkbox]::after,.dtmt-layer-checkbox-item:has(input[type=checkbox]:focus-visible) input[type=checkbox]::after,label:has(input[type=checkbox]:focus-visible) input[type=checkbox]::after{content:"";position:absolute;top:-2px;left:-2px;width:calc(100% + 4px);height:calc(100% + 4px);border-radius:4px;background:var(--dtmt-neutral-900);z-index:-1;pointer-events:none}*{margin:0;padding:0;box-sizing:border-box;scrollbar-width:thin;scrollbar-color:transparent transparent}.dtmt-container,body{background:var(--dtmt-neutral-900)}body{font-family:var(--dtmt-font-family);font-size:var(--dtmt-font-size-md);line-height:1.5;color:var(--dtmt-neutral-200);overflow:hidden}.dtmt-container{display:none;height:100vh}.dtmt-container.show{display:flex}.dtmt-line-separator{background:var(--dtmt-neutral-700)}.dtmt-line-separator-vertical{width:1px;margin-inline:var(--dtmt-spacing-xl)}.dtmt-line-separator-horizontal{width:100%;height:1px;margin-block:var(--dtmt-spacing-xl)}.dtmt-sidebar{transition:transform .3s ease;width:280px;min-width:200px;max-width:400px;border:1px solid var(--dtmt-neutral-700);display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;padding-left:.75rem;padding-right:0;gap:1rem;z-index:var(--dtmt-z-dropdown);height:98vh;align-self:center;border-radius:var(--dtmt-radius-xl);transform:translate(.5rem,-50%);resize:horizontal;position:fixed;top:50%;left:0;inset-inline-start:0;backdrop-filter:blur(40px);scrollbar-gutter:stable}.dtmt-sidebar-resize-handle{transition:all .2s ease;position:absolute;top:0;right:-8px;width:12px;height:100%;cursor:ew-resize;background:0 0;z-index:15;border-radius:0 4px 4px 0}.dtmt-sidebar:hover .dtmt-sidebar-resize-handle{background:var(--dtmt-primary-500);opacity:.3}.dtmt-sidebar.resizing .dtmt-sidebar-resize-handle{background:var(--dtmt-primary-500);opacity:.6}.dtmt-sidebar:hover::after{content:"";position:absolute;top:50%;right:-6px;width:2px;height:20px;background:var(--dtmt-neutral-500);opacity:.5;transform:translateY(-50%);z-index:12}.dtmt-sidebar.collapsed .dtmt-sidebar-resize-handle{display:none}.dtmt-layer-container{height:100%}.dtmt-layer-section{flex-direction:column}.dtmt-layer-header-left{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);min-width:0;flex:1}.dtmt-layer-title,.dtmt-layer-token-count{white-space:nowrap;transition:opacity .2s ease;font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-regular)}.dtmt-layer-title{color:var(--dtmt-neutral-200);text-transform:uppercase}.dtmt-layer-token-count{color:var(--dtmt-neutral-400);margin-left:var(--dtmt-spacing-xs)}.dtmt-layer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--dtmt-spacing-sm);border-bottom:2px solid var(--dtmt-neutral-900);background-color:var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-md);min-width:0;overflow:hidden;flex:1}.dtmt-sidebar.collapsed{transform:translate(-100%,-50%)}.dtmt-sidebar-header{display:flex;justify-content:start;align-items:center;padding:var(--dtmt-spacing-sm)0;border-bottom:1px solid var(--dtmt-neutral-700);margin-bottom:var(--dtmt-spacing-md);position:relative;gap:var(--dtmt-spacing-xl)}.dtmt-user-avatar-container{display:flex;align-items:center;cursor:pointer;flex-shrink:0;position:relative}.dtmt-user-avatar-container .dtmt-user-avatar{width:30px;height:30px;border-radius:50%;background:var(--dtmt-primary-600);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--dtmt-font-weight-normal);font-size:1rem;transition:transform var(--dtmt-transition-fast),box-shadow var(--dtmt-transition-normal);text-shadow:0 1px 2px rgba(0,0,0,.45)}.dtmt-user-avatar-container .dtmt-user-avatar:hover{transform:scale(1.05);box-shadow:0 0 0 2px var(--dtmt-neutral-500)}.dtmt-user-avatar[data-text-tone=light]{text-shadow:0 1px 2px rgba(0,0,0,.6),0 0 6px rgba(0,0,0,.45)}.dtmt-user-avatar[data-text-tone=dark]{text-shadow:0 1px 2px rgba(255,255,255,.65),0 0 4px rgba(255,255,255,.35)}.dtmt-sidebar-header h2{color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-lg);font-weight:400;margin:0}.dtmt-sidebar-collapse-btn,.dtmt-sidebar-expand-btn{border:0;cursor:pointer;transition:all var(--dtmt-transition-normal);display:flex;align-items:center}.dtmt-sidebar-collapse-btn{background:0 0;color:var(--dtmt-neutral-200);padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);justify-content:center;width:32px;height:32px;margin-inline-start:auto}.dtmt-sidebar-collapse-btn:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-200)}.dtmt-sidebar-collapse-btn .material-icons{font-size:20px;transition:transform var(--dtmt-transition-normal)}.dtmt-sidebar.collapsed .dtmt-sidebar-collapse-btn .material-icons{transform:rotate(180deg)}.dtmt-sidebar-expand-btn{position:fixed;top:var(--dtmt-spacing-sm);left:calc(var(--dtmt-spacing-sm)*1);background:var(--dtmt-neutral-800);border-radius:var(--dtmt-radius-md);color:var(--dtmt-neutral-400);padding:var(--dtmt-spacing-sm);justify-content:flex-end;z-index:var(--dtmt-z-dropdown);box-shadow:var(--dtmt-shadow-md)}.dtmt-sidebar-expand-btn:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-200);transform:translateX(.25rem)}.dtmt-sidebar-expand-btn .material-icons{font-size:20px}.dtmt-sidebar-title{color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-xl);font-weight:var(--dtmt-font-weight-bold);margin-bottom:var(--dtmt-spacing-sm)}.dtmt-logo-wrapper{display:flex;align-items:center;width:30%;transition:opacity .2s ease}.dtmt-logo-wrapper:hover{opacity:.8}.dtmt-logo-wrapper svg .dtmt-logo-text,.dtmt-logo-wrapper svg .dtmt-logo-top{font-family:"Manrope",sans-serif;font-weight:800;fill:var(--dtmt-neutral-700);font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility;-webkit-font-feature-settings:"liga"1,"clig"1,"kern"1,"dlig"1;font-feature-settings:"liga"1,"clig"1,"kern"1,"dlig"1;font-kerning:auto;transition:fill .3s ease}.dtmt-logo-wrapper svg text{font-family:"Manrope",sans-serif;font-feature-settings:"liga"1,"clig"1,"dlig"1;font-variant-ligatures:common-ligatures}.dtmt-logo-wrapper svg tspan{font-feature-settings:"liga"1,"clig"1}.dtmt-logo-wrapper svg .dtmt-logo-text{font-size:14px;letter-spacing:.024em}.dtmt-logo-wrapper svg .dtmt-logo-top{font-size:77px;letter-spacing:-.038em}.dtmt-logo-wrapper.scrolled svg .dtmt-logo-top{fill:var(--dtmt-neutral-300)}.dtmt-sidebar-subtitle{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm)}.dtmt-component-dropdown,.dtmt-dropdown-menu,.dtmt-token-type-menu,.dtmt-vertical-menu{background:0 0;border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-lg);box-shadow:var(--dtmt-shadow-xl);min-width:200px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.dtmt-dropdown-menu,.dtmt-token-type-menu{position:fixed;overflow:hidden;opacity:0;transition:opacity .2s ease-out;z-index:var(--dtmt-z-modal);max-width:250px}.dtmt-component-dropdown,.dtmt-vertical-menu{position:absolute;z-index:var(--dtmt-z-dropdown)}.dtmt-vertical-menu{top:100%;left:0;display:none;flex-direction:column;overflow:visible;margin-top:var(--dtmt-spacing-xs)}.dtmt-vertical-menu.show{display:flex}.dtmt-component-dropdown{top:100%;right:0;margin-top:var(--dtmt-spacing-xs)}.dtmt-dropdown-menu-header{display:flex;justify-content:space-between;align-items:center;padding:var(--dtmt-spacing-md) var(--dtmt-spacing-lg);background:var(--dtmt-neutral-700);border-bottom:1px solid var(--dtmt-neutral-600)}.dtmt-dropdown-menu-header h3{color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-md);font-weight:var(--dtmt-font-weight-semibold);margin:0}.dtmt-dropdown-menu-close{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-normal);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.dtmt-dropdown-menu-close:hover{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-200)}.dtmt-dropdown-menu-close .material-icons{font-size:18px}.dtmt-dropdown-menu-options{padding:var(--dtmt-spacing-sm);display:flex;flex-direction:column;gap:var(--dtmt-spacing-xs)}.dtmt-dropdown-menu-item,.dtmt-token-type-option{display:flex;align-items:center;gap:var(--dtmt-spacing-md);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);background:0 0;border:0;border-radius:var(--dtmt-radius-sm);color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-sm);cursor:pointer;text-align:left;width:100%}.dtmt-component-dropdown-item,.dtmt-menu-item{border-radius:var(--dtmt-radius-sm)}.dtmt-component-dropdown-item{display:flex;align-items:center;gap:var(--dtmt-spacing-md);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);background:0 0;border:0;color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-sm);cursor:pointer;text-align:left;width:100%}.dtmt-component-dropdown-item:hover,.dtmt-dropdown-menu-item:hover,.dtmt-menu-item:hover,.dtmt-token-type-option:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-100)}.dtmt-dropdown-menu-item .material-icons,.dtmt-token-type-option .material-icons{font-size:20px;color:var(--dtmt-neutral-400);transition:color var(--dtmt-transition-normal);flex-shrink:0}.dtmt-menu-item .material-icons{flex-shrink:0}.dtmt-component-dropdown-item .material-icons{font-size:20px;color:var(--dtmt-neutral-400);transition:color var(--dtmt-transition-normal);flex-shrink:0}.dtmt-component-dropdown-item:hover .material-icons,.dtmt-dropdown-btn:hover,.dtmt-dropdown-menu-item:hover .material-icons,.dtmt-token-type-option:hover .material-icons{color:var(--dtmt-neutral-200)}.dtmt-layer{margin-bottom:var(--dtmt-spacing-xl)}.dtmt-tokens-list{position:relative;padding:.5rem;border:1px solid var(--dtmt-neutral-800);margin-block-end:1rem;border-radius:var(--dtmt-radius-md)}.dtmt-layer-header-right{display:flex;align-items:center}.dtmt-dropdown-container{position:relative;display:inline-block}.dtmt-dropdown-btn{color:var(--dtmt-neutral-200);padding:var(--dtmt-spacing-xs);transition:all var(--dtmt-transition-normal);align-items:center;justify-content:center;width:32px;height:32px}.dtmt-dropdown-btn:hover{background:var(--dtmt-neutral-600)}.dtmt-dropdown-btn .material-icons{font-size:20px}.dtmt-add-token-btn,.dtmt-delete-layer-btn,.dtmt-dropdown-btn,.dtmt-manage-layer-btn{display:flex;background:0 0;border:0;border-radius:var(--dtmt-radius-sm);cursor:pointer}.dtmt-add-token-btn{color:var(--dtmt-neutral-200);padding:var(--dtmt-spacing-xs);transition:all var(--dtmt-transition-normal);align-items:center;justify-content:center;width:32px;height:32px;margin-right:var(--dtmt-spacing-xs)}.dtmt-add-token-btn:hover{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-200)}.dtmt-add-token-btn .material-icons{font-size:20px}.dtmt-delete-layer-btn,.dtmt-manage-layer-btn{color:var(--dtmt-neutral-50);padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);font-weight:var(--dtmt-font-weight-medium)}.dtmt-delete-layer-btn span,.dtmt-manage-layer-btn span{font-size:var(--dtmt-font-size-sm)}.dtmt-delete-layer-btn:hover{background:var(--dtmt-neutral-600);box-shadow:var(--dtmt-shadow-md)}.dtmt-delete-layer-btn:active{background:var(--dtmt-danger-800)}.dtmt-manage-layer-btn{transition:all var(--dtmt-transition-normal)}.dtmt-manage-layer-btn:hover{background:var(--dtmt-neutral-600);box-shadow:var(--dtmt-shadow-md)}.dtmt-manage-layer-btn:active{background:var(--dtmt-primary-800)}.dtmt-layer-manage-group{margin-bottom:var(--dtmt-spacing-lg);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);background:var(--dtmt-neutral-800);overflow:hidden}.dtmt-layer-manage-group-header{display:flex;align-items:center;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);background:var(--dtmt-neutral-700);border-bottom:1px solid var(--dtmt-neutral-600);cursor:pointer;transition:background-color .2s ease}.dtmt-layer-manage-group-header:hover{background:var(--dtmt-neutral-650)}.dtmt-layer-manage-group-toggle{background:0 0;border:0;color:var(--dtmt-neutral-300);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);transition:all .2s ease;margin-right:var(--dtmt-spacing-sm);display:flex}.dtmt-layer-manage-group-toggle:hover{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-100)}.dtmt-layer-manage-group-icon{font-size:16px;transition:transform .2s ease}.dtmt-layer-manage-group-name{color:var(--dtmt-neutral-200);flex:1;font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium)}.dtmt-layer-manage-group-count{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-xs);margin-left:var(--dtmt-spacing-sm)}.dtmt-layer-manage-group-content{padding:var(--dtmt-spacing-sm);transition:all .3s ease;max-height:500px;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--dtmt-spacing-sm);scrollbar-width:thin;scrollbar-color:var(--dtmt-neutral-600) var(--dtmt-neutral-800)}.dtmt-layer-manage-group-content::-webkit-scrollbar{width:8px}.dtmt-layer-manage-group-content::-webkit-scrollbar-track{background:var(--dtmt-neutral-800);border-radius:var(--dtmt-radius-sm)}.dtmt-layer-manage-group-content::-webkit-scrollbar-thumb{background:var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm)}.dtmt-layer-manage-group-content::-webkit-scrollbar-thumb:hover{background:var(--dtmt-neutral-500)}.dtmt-layer-manage-group-content.collapsed{max-height:0;padding:0 var(--dtmt-spacing-sm);overflow:hidden}.dtmt-layer-manage-token-drag-handle,.dtmt-layer-manage-token-item{display:flex;cursor:grab;transition:all var(--dtmt-transition-normal)}.dtmt-layer-manage-token-item{background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);padding:var(--dtmt-spacing-sm);flex-direction:column;gap:var(--dtmt-spacing-xs);min-height:80px;position:relative}.dtmt-layer-manage-token-item:hover{background:var(--dtmt-neutral-700);border-color:var(--dtmt-neutral-500);transform:translateY(-1px);box-shadow:var(--dtmt-shadow-md)}.dtmt-layer-manage-token-item:active{cursor:grabbing}.dtmt-layer-manage-token-drag-handle{align-items:center;justify-content:center;color:var(--dtmt-neutral-500);padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);opacity:0;user-select:none;position:absolute;top:var(--dtmt-spacing-xs);left:var(--dtmt-spacing-xs);z-index:10;pointer-events:auto}.dtmt-layer-manage-token-item:hover .dtmt-layer-manage-token-actions,.dtmt-layer-manage-token-item:hover .dtmt-layer-manage-token-drag-handle{opacity:1}.dtmt-layer-manage-token-drag-handle:hover{color:var(--dtmt-neutral-300);background:var(--dtmt-neutral-600)}.dtmt-layer-manage-token-drag-handle:active{cursor:grabbing}.dtmt-layer-manage-token-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--dtmt-spacing-xs)}.dtmt-layer-manage-token-name{color:var(--dtmt-neutral-100);margin-bottom:var(--dtmt-spacing-xs);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium)}.dtmt-layer-manage-token-value{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-xs);display:flex;align-items:center;gap:var(--dtmt-spacing-xs);margin-top:auto;padding-top:var(--dtmt-spacing-xs)}.dtmt-layer-manage-token-actions{display:flex;gap:var(--dtmt-spacing-xs);opacity:0;transition:opacity var(--dtmt-transition-normal);align-items:center;position:absolute;top:var(--dtmt-spacing-xs);right:var(--dtmt-spacing-xs);z-index:10;pointer-events:auto}.dtmt-layer-manage-token-action-btn{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-normal);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.dtmt-layer-manage-token-action-btn:hover{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-200)}.dtmt-layer-manage-token-action-btn .material-icons{font-size:16px}.dtmt-layer-manage-token-item.dragging{opacity:.5;transform:rotate(5deg);z-index:1000}.dtmt-layer-manage-token-item.drag-over{border-color:var(--dtmt-primary-400);background:var(--dtmt-primary-900);box-shadow:0 0 0 2px var(--dtmt-primary-400)}.dtmt-layer-manage-token-item.drag-over::before,.dtmt-token-item.drag-over::before{content:"";position:absolute;top:-2px;left:0;right:0;height:2px;background:var(--dtmt-primary-400);border-radius:1px}.dtmt-token-type-indicator{width:8px;height:8px;border-radius:50%}.dtmt-primitive-layers .dtmt-token-type-indicator{background-color:var(--dtmt-primitive-start)}.dtmt-base-layers .dtmt-token-type-indicator{background-color:var(--dtmt-base-start)}.dtmt-semantic-layers .dtmt-token-type-indicator{background-color:var(--dtmt-semantic-start)}.dtmt-specific-layers .dtmt-token-type-indicator{background-color:var(--dtmt-specific-start)}.dtmt-layer-count{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-300);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);border-radius:var(--dtmt-radius-sm);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium)}.dtmt-add-btn,.dtmt-collapse-btn{background:0 0;border:0;cursor:pointer;border-radius:var(--dtmt-radius-sm)}.dtmt-add-btn{color:var(--dtmt-neutral-50);padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium)}.dtmt-add-btn:hover{background:var(--dtmt-neutral-600);box-shadow:var(--dtmt-shadow-md)}.dtmt-collapse-btn{color:var(--dtmt-neutral-400);padding:var(--dtmt-spacing-xs);transition:all var(--dtmt-transition-normal);display:flex;align-items:center;justify-content:center;width:24px;height:24px}.dtmt-collapse-btn:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-200)}.dtmt-collapse-icon{transition:transform var(--dtmt-transition-normal)}.dtmt-collapse-btn.collapsed .dtmt-collapse-icon{transform:rotate(-90deg)}.dtmt-tokens-list.collapsed{display:none}.dtmt-drag-preview,.dtmt-token-item{background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);padding:var(--dtmt-spacing-sm)}.dtmt-drag-preview{position:fixed;top:-1000px;left:-1000px;color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);pointer-events:none;z-index:var(--dtmt-z-tooltip);box-shadow:var(--dtmt-shadow-lg)}.dtmt-token-item{margin-bottom:var(--dtmt-spacing-sm);cursor:default;transition:all var(--dtmt-transition-normal)}.dtmt-token-item:hover{background:var(--dtmt-neutral-700);border-color:var(--dtmt-neutral-500);transform:translateY(-1px);box-shadow:var(--dtmt-shadow-md)}.dtmt-token-item:active{cursor:default}.dtmt-token-content{display:flex;justify-content:space-between;align-items:stretch}.dtmt-token-info{flex:1;min-width:0}.dtmt-token-name{color:var(--dtmt-neutral-100);margin-bottom:var(--dtmt-spacing-xs);font-size:.75rem}.dtmt-token-value{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-xs);display:flex;align-items:center;gap:var(--dtmt-spacing-xs)}.dtmt-color-preview{width:16px;height:16px;border-radius:var(--dtmt-radius-sm);border:1px solid var(--dtmt-neutral-600);flex-shrink:0;box-shadow:var(--dtmt-shadow-sm)}.dtmt-token-type-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex-shrink:0;background-color:var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-xl)}.dtmt-token-type-icon .material-symbols-outlined{font-size:16px;line-height:1;color:var(--dtmt-neutral-300)}.dtmt-token-actions{display:flex;gap:var(--dtmt-spacing-xs);opacity:0;transition:opacity var(--dtmt-transition-normal);align-items:center;margin-left:var(--dtmt-spacing-xs)}.dtmt-token-item:hover .dtmt-token-actions,.dtmt-token-item:hover .dtmt-token-drag-handle{opacity:1}.dtmt-token-action-btn,.dtmt-token-drag-handle{display:flex;align-items:center;justify-content:center;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-normal)}.dtmt-token-action-btn{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;width:24px;height:24px}.dtmt-token-action-btn:hover{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-200)}.dtmt-rename-btn:hover,.dtmt-workspace-rename-btn:hover{color:var(--dtmt-primary-400)!important}.dtmt-delete-btn:hover,.dtmt-workspace-delete-btn:hover{color:var(--dtmt-danger-400)!important}.dtmt-token-action-btn .material-icons{font-size:16px}.dtmt-token-drag-handle{color:var(--dtmt-neutral-500);cursor:grab;opacity:0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;margin:-7px;margin-right:var(--dtmt-spacing-xs)}.dtmt-token-drag-handle:hover,.dtmt-token-type{color:var(--dtmt-neutral-300);background:var(--dtmt-neutral-600)}#dtmt-canvas:active,.dtmt-token-drag-handle:active{cursor:grabbing}.dtmt-token-item.blinking{animation:tokenBlink .3s ease-in-out 3;border-color:var(--dtmt-primary-500)!important}.dtmt-token-drag-handle .material-icons{font-size:18px}.dtmt-token-item.dragging{opacity:.5;transform:rotate(5deg);z-index:1000}.dtmt-token-item.drag-over{border-color:var(--dtmt-primary-400);background:var(--dtmt-primary-900);box-shadow:0 0 0 2px var(--dtmt-primary-400)}.dtmt-token-type{display:inline-block;padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);border-radius:var(--dtmt-radius-sm);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium);margin-top:var(--dtmt-spacing-xs)}.dtmt-main{flex:1;position:relative;background:var(--dtmt-neutral-900);overflow:hidden;transition:all var(--dtmt-transition-normal);margin-left:0}.dtmt-help-btn{position:absolute;right:var(--dtmt-spacing-sm);top:var(--dtmt-spacing-sm);font-size:14px;flex-direction:column;gap:var(--dtmt-spacing-xs)}.dtmt-help-btn button{padding:var(--dtmt-spacing-sm)}.dtmt-help-btn button:hover{transform:translate(-.25rem,0)!important}.dtmt-main.sidebar-collapsed{margin-left:0}.dtmt-controls{position:fixed;top:var(--dtmt-spacing-sm);left:50%;transform:translateX(-50%);display:flex;gap:var(--dtmt-spacing-md);z-index:var(--dtmt-z-dropdown);transition:left var(--dtmt-transition-normal);align-items:center}.dtmt-controls .dtmt-btn:not(.dtmt-ai-btn),.dtmt-zoom-controls .dtmt-btn{padding:var(--dtmt-spacing-sm);backdrop-filter:blur(1rem);background:color-mix(in srgb,var(--dtmt-neutral-500) 20%,transparent)!important}.dtmt-controls .dtmt-btn .material-symbols-outlined{font-size:var(--dtmt-font-size-xl)}.dtmt-history-controls{position:relative;display:flex;gap:var(--dtmt-spacing-sm);padding:var(--dtmt-spacing-xs);align-items:center;border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-xl);backdrop-filter:blur(20px);box-shadow:0 .25rem .75rem 0 color-mix(in srgb,var(--dtmt-neutral-900) 80%,transparent)}.dtmt-history-controls .dtmt-btn{margin:0}.dtmt-history-toggle{min-width:auto;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-xs)!important;border-left:none;border-radius:0 var(--dtmt-radius-md) var(--dtmt-radius-md)0;margin-left:-1px}.dtmt-history-toggle .material-symbols-outlined{font-size:var(--dtmt-font-size-lg)!important}.dtmt-history-panel{position:absolute;top:calc(100% + var(--dtmt-spacing-xs));left:0;width:280px;max-height:400px;background:0 0;border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-lg);box-shadow:var(--dtmt-shadow-xl);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:calc(var(--dtmt-z-dropdown) + 1);display:flex;flex-direction:column;overflow:hidden}.dtmt-history-close,.dtmt-history-header{color:var(--dtmt-neutral-400);display:flex;align-items:center}.dtmt-history-header{justify-content:space-between;padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);border-bottom:1px solid var(--dtmt-neutral-700)}.dtmt-history-header span{font-weight:600;font-size:var(--dtmt-font-size-sm)}.dtmt-history-close{background:0 0;border:0;padding:var(--dtmt-spacing-xs);cursor:pointer;justify-content:center;border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-fast)}.dtmt-history-close:hover{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-100)}.dtmt-history-close .material-symbols-outlined{font-size:var(--dtmt-font-size-lg)}.dtmt-history-dropdown{flex:1;overflow-y:auto;padding:var(--dtmt-spacing-sm);max-height:360px;display:flex;flex-direction:column;gap:var(--dtmt-spacing-xs)}.dtmt-history-dropdown::-webkit-scrollbar{width:8px}.dtmt-history-dropdown::-webkit-scrollbar-track{background:0 0}.dtmt-history-dropdown::-webkit-scrollbar-thumb{background:var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm)}.dtmt-ai-suggestions-dropdown::-webkit-scrollbar-thumb:hover,.dtmt-history-dropdown::-webkit-scrollbar-thumb:hover,.dtmt-search-suggestions-dropdown::-webkit-scrollbar-thumb:hover{background:var(--dtmt-neutral-500)}.dtmt-history-item{display:flex;align-items:center;gap:var(--dtmt-spacing-md);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);background:0 0;border:0;border-radius:var(--dtmt-radius-sm);cursor:pointer;transition:all var(--dtmt-transition-normal);color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-sm);text-align:left;width:100%}.dtmt-history-item.active,.dtmt-history-item:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-100)}.dtmt-history-item.active{font-weight:var(--dtmt-font-weight-medium)}.dtmt-history-item.active .dtmt-history-icon{color:var(--dtmt-neutral-200)}.dtmt-history-item.inactive{opacity:.6;color:var(--dtmt-neutral-400);cursor:pointer}.dtmt-history-item.inactive:hover{background:var(--dtmt-neutral-700);opacity:.9;color:var(--dtmt-neutral-200)}.dtmt-history-icon{font-size:20px;width:20px;display:flex;align-items:center;justify-content:center;color:var(--dtmt-neutral-400);transition:color var(--dtmt-transition-normal);flex-shrink:0}.dtmt-history-item:hover .dtmt-history-icon{color:var(--dtmt-neutral-200)}.dtmt-history-text{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtmt-btn.disabled{pointer-events:none}.dtmt-ai-generator-container{position:relative;display:flex;flex-direction:column;gap:var(--dtmt-spacing-xs)}.dtmt-ai-btn{flex-shrink:0;color:#fff!important;border:0!important;padding:var(--dtmt-spacing-sm)!important}.dtmt-ai-btn:hover:not(:disabled){opacity:.9;transform:scale(1.05);transition:opacity .2s ease,transform .2s ease}.dtmt-ai-btn:not([data-has-gradient]):hover:not(:disabled){background:var(--dtmt-primary-500)!important}.dtmt-ai-btn[data-has-gradient]:hover:not(:disabled){opacity:.85}.dtmt-ai-btn:disabled{opacity:.5;cursor:not-allowed}.dtmt-ai-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--dtmt-z-modal, 10000);animation:fadeIn .2s ease;padding:var(--dtmt-spacing-lg);box-sizing:border-box}.dtmt-ai-modal{border-radius:var(--dtmt-radius-lg);width:100%;min-width:50vw;max-width:60vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .3s ease;margin:auto;position:relative}.dtmt-ai-modal-close,.dtmt-ai-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--dtmt-spacing-lg)}.dtmt-ai-modal-header h2{margin:0;font-size:var(--dtmt-font-size-lg);font-weight:var(--dtmt-font-weight-semibold);color:var(--dtmt-neutral-100)}.dtmt-ai-modal-close{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);justify-content:center;transition:all var(--dtmt-transition-normal)}.dtmt-ai-modal-close:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-200)}.dtmt-ai-modal-body{padding:var(--dtmt-spacing-lg);display:flex;flex-direction:column;gap:var(--dtmt-spacing-md);overflow:visible;flex:1;min-height:0;max-height:calc(90vh - 120px)}.dtmt-ai-textarea{width:100%;background:var(--dtmt-neutral-900);border:0;border-radius:var(--dtmt-radius-md);color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);font-family:var(--dtmt-font-family);padding:var(--dtmt-spacing-md);margin:0;outline:0;resize:vertical;min-height:120px;transition:all var(--dtmt-transition-normal)}.dtmt-ai-textarea:focus-visible{border-color:transparent;box-shadow:none;outline:0}.dtmt-ai-textarea::placeholder{color:var(--dtmt-neutral-500)}.dtmt-ai-input-wrapper,.dtmt-ai-input-wrapper.dtmt-gradient-border-wrapper{padding:2px;border-radius:var(--dtmt-radius-md);background:var(--gradient-border, conic-gradient(from 0deg, #3b82f6 0%, #8d81ff 25%, #fd4595 50%, #6df8fa 75%, #3b82f6 100%));transition:background .1s linear}.dtmt-ai-input-wrapper{position:relative;width:100%}.dtmt-ai-input-wrapper.dtmt-gradient-border-wrapper{max-height:124px}.dtmt-ai-input-wrapper.dtmt-gradient-border-wrapper.dtmt-gradient-rotating{will-change:background}.dtmt-ai-input-wrapper.dtmt-gradient-border-wrapper .dtmt-ai-textarea{margin:0;border:0;background:var(--dtmt-neutral-900)}.dtmt-ai-suggestions-dropdown{position:fixed;background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:10001;max-height:300px;overflow-y:auto;display:none;min-width:300px}.dtmt-ai-suggestions-dropdown::-webkit-scrollbar{width:8px}.dtmt-ai-suggestions-dropdown::-webkit-scrollbar-track{background:var(--dtmt-neutral-900);border-radius:var(--dtmt-radius-sm)}.dtmt-ai-suggestions-dropdown::-webkit-scrollbar-thumb{background:var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm)}.dtmt-ai-suggestion-item{display:flex;align-items:center;justify-content:space-between;padding:var(--dtmt-spacing-md);cursor:pointer;border-bottom:1px solid var(--dtmt-neutral-700);transition:all var(--dtmt-transition-fast);color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm)}.dtmt-ai-suggestion-item:last-child,.dtmt-prompt-table tr:last-child td{border-bottom:none}.dtmt-ai-suggestion-item.selected,.dtmt-ai-suggestion-item:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-100)}.dtmt-ai-suggestion-item.selected,.dtmt-ai-suggestion-text mark{background:#e9e9ed;color:#060606}.dtmt-ai-suggestion-text{flex:1;display:flex;align-items:center;gap:var(--dtmt-spacing-xs)}.dtmt-ai-suggestion-text mark{padding:2px 4px;border-radius:3px;font-weight:600}.dtmt-ai-suggestion-item.selected .dtmt-ai-suggestion-text mark{background:rgba(6,6,6,.2);color:#060606}.dtmt-ai-suggestion-category{font-size:var(--dtmt-font-size-xs);color:var(--dtmt-neutral-400);padding:2px 8px;background:var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-sm);text-transform:capitalize;font-weight:500}.dtmt-ai-suggestion-item.selected .dtmt-ai-suggestion-category{background:rgba(6,6,6,.15);color:#060606}.dtmt-ai-suggestion-empty{cursor:default;color:var(--dtmt-neutral-500);font-style:italic;justify-content:center}.dtmt-ai-suggestion-empty:hover{background:0 0}.dtmt-ai-modal-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--dtmt-spacing-sm)}.dtmt-ai-add-to-canvas-option{flex:1}.dtmt-ai-add-to-canvas-option .dtmt-checkbox-label{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);cursor:pointer;margin:0}.dtmt-ai-add-to-canvas-option .dtmt-checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.dtmt-ai-add-to-canvas-option .dtmt-checkbox-text{color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-sm);user-select:none}.dtmt-ai-generate-btn{display:flex;align-items:center;gap:var(--dtmt-spacing-xs)}.dtmt-ai-prompt-gallery-container{margin-top:var(--dtmt-spacing-sm)}.dtmt-ai-actions,.dtmt-ai-prompt-gallery-btn{display:flex;gap:var(--dtmt-spacing-md);align-items:center;justify-content:center}.dtmt-ai-prompt-gallery-btn{justify-content:space-between;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);background:0 0;border:0;border-radius:var(--dtmt-radius-md);color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);cursor:pointer;transition:all var(--dtmt-transition-normal);gap:var(--dtmt-spacing-xs)}.dtmt-ai-prompt-gallery-btn:hover,.dtmt-prompt-filter-btn:hover{background:var(--dtmt-neutral-600);border-color:var(--dtmt-neutral-500)}.dtmt-gallery-arrow{transition:transform var(--dtmt-transition-normal)}.dtmt-ai-prompt-gallery-btn[aria-expanded=true] .dtmt-gallery-arrow{transform:rotate(180deg)}.dtmt-ai-prompt-gallery{margin-top:var(--dtmt-spacing-sm);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);background:var(--dtmt-neutral-900);max-height:45vh;overflow-y:auto}.dtmt-prompt-gallery-filters{display:flex;flex-wrap:wrap;gap:var(--dtmt-spacing-xs);padding:var(--dtmt-spacing-md);padding-bottom:var(--dtmt-spacing-sm);border-bottom:1px solid var(--dtmt-neutral-700);background:var(--dtmt-neutral-900)}.dtmt-prompt-filter-btn{padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-xs);color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium);cursor:pointer;transition:all var(--dtmt-transition-normal);white-space:nowrap}.dtmt-prompt-filter-btn:hover{color:var(--dtmt-neutral-200)}.dtmt-prompt-filter-btn.dtmt-prompt-filter-active{color:var(--dtmt-neutral-100)}.dtmt-prompt-filter-btn.dtmt-prompt-filter-active,.dtmt-prompt-filter-btn.dtmt-prompt-filter-active:hover{background:var(--dtmt-neutral-500);border-color:var(--dtmt-neutral-400)}.dtmt-prompt-gallery-content{padding:var(--dtmt-spacing-md);padding-bottom:calc(var(--dtmt-spacing-md) + 20px)}.dtmt-prompt-group{margin-bottom:var(--dtmt-spacing-lg)}.dtmt-prompt-group:last-child{margin-bottom:0}.dtmt-prompt-group-title{font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-semibold);color:var(--dtmt-neutral-300);margin-bottom:var(--dtmt-spacing-sm);padding-bottom:var(--dtmt-spacing-xs);border-bottom:1px solid var(--dtmt-neutral-700)}.dtmt-prompt-commands-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--dtmt-spacing-xs) var(--dtmt-spacing-3xl);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-md)}.dtmt-prompt-command-item{display:flex;align-items:center}.dtmt-prompt-command{font-family:"Courier New",monospace;color:var(--dtmt-neutral-300);cursor:pointer;transition:color var(--dtmt-transition-normal);font-size:var(--dtmt-font-size-sm);line-height:1.5;display:inline-block;position:relative}.dtmt-prompt-command:hover{color:var(--dtmt-primary-300);text-decoration:underline}.dtmt-prompt-table{width:100%;border-collapse:collapse}.dtmt-prompt-table td,.dtmt-prompt-table th{padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);text-align:left;border-bottom:1px solid var(--dtmt-neutral-700)}.dtmt-prompt-table th{font-weight:var(--dtmt-font-weight-semibold);text-transform:uppercase;letter-spacing:.5px}.dtmt-prompt-table td{font-size:var(--dtmt-font-size-sm);color:var(--dtmt-neutral-200)}.dtmt-prompt-table tr:hover{background:var(--dtmt-neutral-800)}.dtmt-prompt-description,.dtmt-prompt-table th{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-xs)}.dtmt-ai-status,.dtmt-tooltip{border-radius:var(--dtmt-radius-md);font-size:var(--dtmt-font-size-xs)}.dtmt-tooltip{position:fixed;background:var(--dtmt-neutral-800);color:var(--dtmt-neutral-100);padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);line-height:1.5;z-index:10000;pointer-events:none;opacity:0;transition:opacity .15s ease-out,transform .15s ease-out;transform:translateY(-4px);box-shadow:0 4px 12px rgba(0,0,0,.4);border:1px solid var(--dtmt-neutral-700);max-width:350px;word-wrap:break-word;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.dtmt-tooltip.dtmt-tooltip-visible{opacity:1;transform:translateY(0)}.dtmt-ai-status{text-align:right;color:var(--dtmt-neutral-300)}.dtmt-ai-status.success{color:var(--dtmt-success-400)}.dtmt-ai-status.error{color:var(--dtmt-danger-400)}.dtmt-ai-status.loading{color:var(--dtmt-primary-400)}.dtmt-ai-mode-container{display:flex;flex-direction:column;gap:var(--dtmt-spacing-md)}.dtmt-ai-teach-btn{display:inline-flex;align-items:center;gap:var(--dtmt-spacing-xs);padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);background:var(--dtmt-neutral-700);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);cursor:pointer;transition:all var(--dtmt-transition-normal)}.dtmt-ai-teach-actions .dtmt-btn-secondary:hover,.dtmt-ai-teach-btn:hover{background:var(--dtmt-neutral-600);border-color:var(--dtmt-neutral-500);color:var(--dtmt-neutral-100)}.dtmt-ai-teach-btn:focus-visible{outline:2px solid var(--dtmt-neutral-400);outline-offset:2px}.dtmt-ai-teach-header{margin-bottom:var(--dtmt-spacing-lg)}.dtmt-ai-teach-header h3{margin:0 0 var(--dtmt-spacing-xs)0;font-size:var(--dtmt-font-size-lg);font-weight:var(--dtmt-font-weight-semibold);color:var(--dtmt-neutral-100)}.dtmt-ai-teach-subtitle{margin:0;font-size:var(--dtmt-font-size-sm);color:var(--dtmt-neutral-400);line-height:1.5}.dtmt-ai-teach-form{display:flex;flex-direction:column;gap:var(--dtmt-spacing-md);margin-bottom:var(--dtmt-spacing-lg)}.dtmt-ai-teach-input{font-family:var(--dtmt-font-family)}.dtmt-ai-teach-input,.dtmt-ai-teach-textarea{width:100%;background:var(--dtmt-neutral-900);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);padding:var(--dtmt-spacing-md);margin:0;outline:0;transition:all var(--dtmt-transition-normal);resize:vertical}.dtmt-ai-teach-input:focus,.dtmt-ai-teach-textarea:focus{border-color:var(--dtmt-primary-400);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.dtmt-ai-teach-input::placeholder,.dtmt-ai-teach-textarea::placeholder,.dtmt-search-input::placeholder{color:var(--dtmt-neutral-500)}.dtmt-ai-teach-textarea{min-height:120px;font-family:var(--dtmt-font-family);line-height:1.5}.dtmt-ai-teach-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--dtmt-spacing-md);padding-top:var(--dtmt-spacing-md);border-top:1px solid var(--dtmt-neutral-700)}.dtmt-ai-teach-actions .dtmt-btn{display:inline-flex;align-items:center;gap:var(--dtmt-spacing-xs);padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-lg);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);border-radius:var(--dtmt-radius-md);cursor:pointer;transition:all var(--dtmt-transition-normal)}.dtmt-ai-teach-actions .dtmt-btn-secondary{background:var(--dtmt-neutral-700);border:1px solid var(--dtmt-neutral-600);color:var(--dtmt-neutral-200)}.dtmt-ai-teach-actions .dtmt-btn:disabled{opacity:.6;cursor:not-allowed}.dtmt-search-container{position:relative;display:inline-block}.dtmt-search-input,.dtmt-search-input-wrapper{padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm)}.dtmt-search-input-wrapper{position:absolute;top:120%;right:0;margin-top:var(--dtmt-spacing-xs);display:flex;align-items:center;gap:var(--dtmt-spacing-xs);background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-lg);box-shadow:var(--dtmt-shadow-xl);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:var(--dtmt-z-dropdown);min-width:300px;animation:fadeIn .2s ease-out}.dtmt-search-input{flex:1;background:0 0;border:0;outline:0;color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-sm);min-width:0}.dtmt-search-close-btn{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:var(--dtmt-spacing-xs);display:flex;align-items:center;justify-content:center;border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-normal);flex-shrink:0}.dtmt-search-close-btn:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-200)}.dtmt-search-close-btn .material-symbols-outlined{font-size:18px}.dtmt-search-suggestions-dropdown{position:fixed;background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-lg);box-shadow:var(--dtmt-shadow-xl);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);z-index:calc(var(--dtmt-z-dropdown) + 1);max-height:400px;overflow-y:auto;display:none;min-width:300px;animation:fadeIn .15s ease-out}.dtmt-search-suggestions-dropdown::-webkit-scrollbar{width:8px}.dtmt-search-suggestions-dropdown::-webkit-scrollbar-track{background:var(--dtmt-neutral-900);border-radius:var(--dtmt-radius-sm)}.dtmt-search-suggestions-dropdown::-webkit-scrollbar-thumb{background:var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm)}.dtmt-search-suggestion-item{display:flex;align-items:center;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);cursor:pointer;border-bottom:1px solid var(--dtmt-neutral-700);transition:all var(--dtmt-transition-fast);color:var(--dtmt-neutral-200)}.dtmt-search-suggestion-item:last-child{border-bottom:none}.dtmt-search-suggestion-item.selected,.dtmt-search-suggestion-item:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-100)}.dtmt-search-suggestion-item.selected{background:var(--dtmt-neutral-600)}.dtmt-search-suggestion-content{display:flex;flex-direction:column;gap:var(--dtmt-spacing-xs);width:100%}.dtmt-search-suggestion-name{display:flex;align-items:center;gap:var(--dtmt-spacing-xs);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);color:var(--dtmt-neutral-100)}.dtmt-search-suggestion-icon{font-size:18px;color:var(--dtmt-neutral-400);flex-shrink:0}.dtmt-search-suggestion-item.selected .dtmt-search-suggestion-icon,.dtmt-search-suggestion-item:hover .dtmt-search-suggestion-icon{color:var(--dtmt-neutral-200)}.dtmt-search-suggestion-text{flex:1}.dtmt-search-suggestion-text mark{background:var(--dtmt-neutral-100);color:var(--dtmt-neutral-900);padding:0 2px;border-radius:2px;font-weight:var(--dtmt-font-weight-bold)}.dtmt-search-suggestion-meta{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);font-size:var(--dtmt-font-size-xs);color:var(--dtmt-neutral-400)}.dtmt-search-suggestion-layer{padding:2px var(--dtmt-spacing-xs);background:var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-sm);font-weight:var(--dtmt-font-weight-medium);text-transform:capitalize}.dtmt-search-suggestion-type{text-transform:capitalize;color:var(--dtmt-neutral-500)}.dtmt-search-suggestion-item.selected .dtmt-search-suggestion-layer,.dtmt-search-suggestion-item:hover .dtmt-search-suggestion-layer{background:var(--dtmt-neutral-600)}.dtmt-menu-container{position:relative;display:inline-block}.dtmt-menu-item{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);padding:var(--dtmt-spacing-md) var(--dtmt-spacing-md);border:0;background:0 0;font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);cursor:pointer;transition:all var(--dtmt-transition-normal);text-align:left;width:100%}.dtmt-menu-item .material-icons{font-size:18px;color:var(--dtmt-neutral-400);transition:color var(--dtmt-transition-normal)}.dtmt-menu-item,.dtmt-menu-item:hover .material-icons{color:var(--dtmt-neutral-200)}.dtmt-vertical-menu .dtmt-menu-item:hover span:not(.material-icons){color:var(--dtmt-neutral-100)!important}.dtmt-btn{padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);border:0;border-radius:var(--dtmt-radius-md);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);cursor:pointer;transition:all var(--dtmt-transition-normal);display:flex;align-items:center;gap:var(--dtmt-spacing-sm)}.dtmt-btn:hover{transform:translateY(-1px);box-shadow:var(--dtmt-shadow-md)}.dtmt-btn:is(a){text-decoration:none}.dtmt-gradient-btn{background:radial-gradient(circle at 65% 39%,#d7d3ff 18%,transparent 75%),linear-gradient(19deg,#9d9da1 0,#fff 52%,#8d81ff 100%);color:var(--dtmt-neutral-900)}.dtmt-gradient-btn:hover{opacity:.9;transform:translateY(-1px);box-shadow:var(--dtmt-shadow-md)}.dtmt-btn.primary{background:var(--dtmt-primary-600);color:var(--dtmt-neutral-50)}.dtmt-btn.primary:hover:not([data-has-gradient]){background:var(--dtmt-primary-700)}.dtmt-btn.primary[data-has-gradient]:hover{opacity:.85;transform:scale(1.02);transition:opacity .2s ease,transform .2s ease}.dtmt-btn.secondary{background:var(--dtmt-neutral-800);color:var(--dtmt-neutral-200)}.dtmt-btn.dtmt-btn-outline{background:0 0;color:var(--dtmt-neutral-300);border:1px solid var(--dtmt-neutral-500)}.dtmt-btn.dtmt-btn-outline:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-100);border-color:var(--dtmt-neutral-400)}.dtmt-auth-links .dtmt-btn.dtmt-btn-outline:is(a){display:inline-block;padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-md);margin:var(--dtmt-spacing-xs) var(--dtmt-spacing-md)}.dtmt-startup-subscribe-btn{transition:border-color .2s ease,background-color .2s ease,color .2s ease}.dtmt-btn.dtmt-border-btn,.dtmt-btn.dtmt-ghost-btn{background:0 0;color:var(--dtmt-neutral-200)}.dtmt-btn.dtmt-border-btn{border:1px solid var(--dtmt-neutral-500)}.dtmt-btn.dtmt-ghost-btn:hover,.dtmt-btn.secondary:hover{background:var(--dtmt-neutral-600)}.dtmt-btn.danger{background:#dc2626;color:#fff;border-color:#dc2626}.dtmt-btn.danger:hover{background:#b91c1c;border-color:#b91c1c}.dtmt-btn.danger:disabled{background:#7f1d1d;opacity:.6;cursor:not-allowed}.rotating{animation:dtmt-rotate 1s linear infinite}.dtmt-btn.disabled{opacity:.5;cursor:not-allowed}.dtmt-btn.disabled:hover{background:var(--dtmt-neutral-700)}.dtmt-btn.warning{background:var(--dtmt-warning-600);color:var(--dtmt-neutral-50)}.dtmt-btn.warning:hover{background:var(--dtmt-warning-700)}.dtmt-btn.danger{background:var(--dtmt-danger-600);color:var(--dtmt-neutral-50)}.dtmt-btn.danger:hover{background:var(--dtmt-danger-700)}.dtmt-floating-menu{position:absolute;left:0;top:0}.dtmt-create-group-button,.dtmt-floating-menu{background:var(--dtmt-neutral-900)!important;border:1px solid var(--dtmt-neutral-800);border-radius:var(--dtmt-radius-xl)!important;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-xl)!important;box-shadow:var(--dtmt-shadow-xl)!important;backdrop-filter:blur(10px)!important;z-index:var(--dtmt-z-dropdown)!important;display:none;min-width:auto;transform:translateY(30px) translateX(-60%);opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;flex-direction:row;align-items:center;justify-content:center;gap:var(--dtmt-spacing-sm);margin:0}.dtmt-floating-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;background:0 0;color:var(--dtmt-neutral-200);border:0;border-radius:50%;font-size:20px;cursor:pointer;transition:all var(--dtmt-transition-normal);text-align:center;white-space:nowrap}.dtmt-floating-btn:hover{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-100);transform:translateY(-2px)}.dtmt-group-btn,.dtmt-group-menu{align-items:center;justify-content:center;gap:var(--dtmt-spacing-sm);border-radius:100px}.dtmt-group-menu{position:absolute;padding:var(--dtmt-spacing-xl);box-shadow:var(--dtmt-shadow-xl);backdrop-filter:blur(3px);z-index:var(--dtmt-z-dropdown);display:none;min-width:auto;transform:translateY(20px) translateX(-50%);opacity:1;transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;flex-direction:row;margin:0;left:0;top:0}.dtmt-group-btn{display:flex;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);background:var(--dtmt-neutral-900);color:var(--dtmt-neutral-100);border:1px solid var(--dtmt-neutral-700);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);cursor:pointer;transition:all var(--dtmt-transition-normal);text-align:center;white-space:nowrap}.dtmt-group-btn:hover{background:var(--dtmt-neutral-700);transform:translateY(-2px)}.dtmt-group-btn.danger{background:var(--dtmt-danger-900);color:var(--dtmt-danger-100);border-color:var(--dtmt-danger-700)}.dtmt-group-btn.danger:hover{background:var(--dtmt-danger-800);transform:translateY(-2px)}.dtmt-group-rename-input{position:absolute;background:var(--dtmt-neutral-100);border:2px solid var(--dtmt-primary-500);border-radius:var(--dtmt-radius-sm);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);font-size:var(--dtmt-font-size-sm);font-family:var(--dtmt-font-family);color:var(--dtmt-neutral-900);z-index:var(--dtmt-z-modal);outline:0;box-shadow:var(--dtmt-shadow-lg)}.dtmt-group-rename-input:focus-visible{border-color:var(--dtmt-primary-400);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:0}.dtmt-zoom-controls{display:flex;align-items:center;gap:var(--dtmt-spacing-sm)}.dtmt-minimap-header .dtmt-btn,.dtmt-zoom-controls .dtmt-btn{padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md)}.dtmt-minimap .material-symbols-outlined{font-size:var(--dtmt-font-size-lg)}#dtmt-zoom-level{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);min-width:50px;text-align:center}#dtmt-canvas{width:100%;height:100%;cursor:grab;background:var(--dtmt-neutral-900);background-image:radial-gradient(circle,rgba(255,255,255,var(--dtmt-grid-opacity)) var(--dtmt-grid-dot-size),transparent var(--dtmt-grid-dot-size));background-size:var(--dtmt-grid-dot-spacing) var(--dtmt-grid-dot-spacing);background-position:0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#dtmt-minimap-canvas,.dtmt-minimap{border:1px solid var(--dtmt-neutral-600)}.dtmt-minimap{position:absolute;bottom:var(--dtmt-spacing-sm);right:var(--dtmt-spacing-sm);border-radius:var(--dtmt-radius-lg);padding:var(--dtmt-spacing-md);backdrop-filter:blur(5px);z-index:var(--dtmt-z-dropdown);flex-direction:column}.dtmt-minimap-header{display:flex;justify-content:space-between;align-items:center;color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium)}#dtmt-minimap-canvas{border-radius:var(--dtmt-radius-md);background:var(--dtmt-neutral-900);cursor:crosshair}.dtmt-minimap.hidden{display:none!important}.dtmt-minimap,.dtmt-minimap-show-btn{transition:right var(--dtmt-transition-normal)}.dtmt-minimap-show-btn.sidebar-push,.dtmt-minimap.sidebar-push{right:calc(280px + var(--dtmt-spacing-sm))}.dtmt-minimap-show-btn{position:absolute;bottom:var(--dtmt-spacing-sm);right:var(--dtmt-spacing-sm)}.dtmt-minimap-show-btn:hover{background:rgba(15,23,42,.98);border-color:var(--dtmt-neutral-500);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.2)}.dtmt-minimap-show-icon{font-size:var(--dtmt-font-size-lg)}.dtmt-minimap-show-text{white-space:nowrap}.dtmt-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;z-index:var(--dtmt-z-modal);backdrop-filter:blur(8px)}.dtmt-modal{background:var(--dtmt-neutral-900);border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-sm);padding:var(--dtmt-spacing-2xl);max-width:640px;width:80%;max-height:90vh;overflow-y:auto;box-shadow:var(--dtmt-shadow-xl);position:relative}#dtmt-settings-modal .dtmt-modal-body{display:flex;justify-content:center;gap:var(--dtmt-spacing-2xl);margin-block-start:3rem}.dtmt-modal-header{margin-bottom:var(--dtmt-spacing-4xl);text-align:center;position:relative}.dtmt-modal-close{position:absolute;top:var(--dtmt-spacing-md);right:var(--dtmt-spacing-md);background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-normal);display:flex;align-items:center;justify-content:center;width:32px;height:32px;z-index:10000}.dtmt-modal-close:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-200)}.dtmt-modal-close .material-symbols-outlined{font-size:20px}.dtmt-modal-title{color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-2xl);font-weight:var(--dtmt-font-weight-bold);margin-bottom:var(--dtmt-spacing-sm)}.dtmt-modal-subtitle{color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-xs);text-transform:uppercase;letter-spacing:.075rem;font-weight:var(--dtmt-font-weight-normal)}.dtmt-form-group{margin-bottom:var(--dtmt-spacing-lg)}.dtmt-form-label{display:block;color:var(--dtmt-neutral-200);font-weight:var(--dtmt-font-weight-medium);margin-bottom:var(--dtmt-spacing-sm);font-size:var(--dtmt-font-size-sm);position:relative;z-index:10}.dtmt-form-input{width:100%;padding:var(--dtmt-spacing-md);background:var(--dtmt-neutral-900);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-md);transition:all var(--dtmt-transition-normal);position:relative;isolation:isolate}.dtmt-form-group:has(input#dtmt-forgot-email) label{margin-block-start:2rem}.dtmt-form-input:focus,.dtmt-form-input:focus-visible{outline:0;border-color:transparent;box-shadow:none}.dtmt-form-group{position:relative}.dtmt-form-group:has(>div[style*=flex],>div[style*="display: flex"]){overflow:visible}.dtmt-form-group:has(>div[style*=flex]):has(.dtmt-form-input:focus),.dtmt-form-group:has(>div[style*=flex]):has(.dtmt-form-input:focus-visible){contain:layout style}.dtmt-form-input-wrapper{position:relative;display:inline-block;width:100%}.dtmt-form-group:has(.dtmt-form-input:focus)::before,.dtmt-form-group:has(.dtmt-form-input:focus-visible)::before{content:"";position:absolute;top:calc(var(--label-height, 29px) - 2px);left:-2px;right:-2px;height:calc(var(--input-actual-height, 48px) + 6px);border-radius:calc(var(--dtmt-radius-md) + 2px);background:var(--dtmt-input-focus-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6));z-index:0;pointer-events:none;max-width:calc(var(--input-actual-width, 100%) + 4px)}.dtmt-form-group:has(>div[style*=flex]):has(.dtmt-form-input:focus)::before,.dtmt-form-group:has(>div[style*=flex]):has(.dtmt-form-input:focus-visible)::before,.dtmt-sequence-config-group .dtmt-form-group:has(.dtmt-form-input:focus)::before,.dtmt-sequence-config-group .dtmt-form-group:has(.dtmt-form-input:focus-visible)::before{width:calc(var(--input-actual-width, auto) + 4px);max-width:calc(var(--input-actual-width, 100%) + 4px);left:calc(var(--input-actual-left, 0px) - 2px);right:auto}.dtmt-form-input-wrapper:has(.dtmt-form-input:focus)::before,.dtmt-form-input-wrapper:has(.dtmt-form-input:focus-visible)::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;height:calc(var(--input-actual-height, 48px) + 4px);border-radius:calc(var(--dtmt-radius-md) + 2px);background:var(--dtmt-input-focus-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6));z-index:0;pointer-events:none}.dtmt-form-input-wrapper:has(.dtmt-form-input:focus)::after,.dtmt-form-input-wrapper:has(.dtmt-form-input:focus-visible)::after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;height:var(--input-actual-height, 48px);border-radius:var(--dtmt-radius-md);background:var(--dtmt-neutral-900);z-index:1;pointer-events:none}.dtmt-form-input-wrapper .dtmt-form-input{position:relative;z-index:2}.dtmt-form-group:has(.dtmt-form-input:focus):has(.dtmt-token-color-trigger)::before,.dtmt-form-group:has(.dtmt-form-input:focus-visible):has(.dtmt-token-color-trigger)::before{right:calc(60px + var(--dtmt-spacing-sm, 8px) - 2px)}.dtmt-form-group:has(.dtmt-form-input:focus)::after,.dtmt-form-group:has(.dtmt-form-input:focus-visible)::after{content:"";position:absolute;top:calc(var(--label-height, 29px) + 2px);left:2px;right:2px;height:var(--input-actual-height, 48px);border-radius:var(--dtmt-radius-md);background:var(--dtmt-neutral-900);z-index:1;pointer-events:none;max-width:calc(var(--input-actual-width, 100%) - 4px)}.dtmt-form-group:has(>div[style*=flex]):has(.dtmt-form-input:focus)::after,.dtmt-form-group:has(>div[style*=flex]):has(.dtmt-form-input:focus-visible)::after,.dtmt-sequence-config-group .dtmt-form-group:has(.dtmt-form-input:focus)::after,.dtmt-sequence-config-group .dtmt-form-group:has(.dtmt-form-input:focus-visible)::after{width:var(--input-actual-width, auto);max-width:var(--input-actual-width, 100%);left:calc(var(--input-actual-left, 0px) + 2px);right:auto}.dtmt-form-group:has(.dtmt-form-input:focus):has(.dtmt-token-color-trigger)::after,.dtmt-form-group:has(.dtmt-form-input:focus-visible):has(.dtmt-token-color-trigger)::after{right:calc(60px + var(--dtmt-spacing-sm, 8px))}.dtmt-form-group:has(.dtmt-form-input:focus) .dtmt-form-input,.dtmt-form-group:has(.dtmt-form-input:focus-visible) .dtmt-form-input{position:relative;z-index:2}.dtmt-form-input:not(.dtmt-form-group .dtmt-form-input):focus-visible::before,.dtmt-form-input:not(.dtmt-form-group .dtmt-form-input):focus::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:calc(var(--dtmt-radius-md) + 2px);background:var(--dtmt-input-focus-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6));z-index:-1;pointer-events:none}.dtmt-form-input:not(.dtmt-form-group .dtmt-form-input):focus-visible::after,.dtmt-form-input:not(.dtmt-form-group .dtmt-form-input):focus::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--dtmt-radius-md);background:var(--dtmt-neutral-900);z-index:-1;pointer-events:none}.dtmt-form-input[readonly]{cursor:not-allowed;opacity:.8}.dtmt-form-help{display:block;margin-top:var(--dtmt-spacing-xs);font-size:var(--dtmt-font-size-xs);color:var(--dtmt-neutral-400);position:relative;z-index:10}.dtmt-form-select{width:100%;padding:var(--dtmt-spacing-md);background:var(--dtmt-neutral-700);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-md);cursor:pointer;transition:all var(--dtmt-transition-normal)}.dtmt-form-select:focus-visible{outline:0;border-color:var(--dtmt-primary-500);box-shadow:0 0 0 3px rgba(59,130,246,.1)}.dtmt-token-prefix-row{display:flex;flex-wrap:wrap;gap:var(--dtmt-spacing-md);align-items:flex-end;margin-bottom:var(--dtmt-spacing-md)}.dtmt-token-prefix-row .dtmt-form-group{flex:1 1 220px;margin-bottom:0}.dtmt-readonly{background-color:var(--dtmt-neutral-800);color:var(--dtmt-neutral-300);cursor:not-allowed;opacity:.8}.dtmt-readonly:focus{outline:0;border-color:var(--dtmt-neutral-600);box-shadow:none}.dtmt-required{color:var(--dtmt-error-500);margin-left:2px}.dtmt-sequence-config-group{display:flex;flex-wrap:wrap;gap:var(--dtmt-spacing-md);align-items:flex-end;margin-bottom:var(--dtmt-spacing-md);padding:var(--dtmt-spacing-md);background:var(--dtmt-neutral-800);border-radius:var(--dtmt-radius-md);border:1px solid var(--dtmt-neutral-700)}.dtmt-sequence-config-group .dtmt-form-group{margin-bottom:0}.dtmt-token-sequence-type-group{flex:1 1 200px}.dtmt-token-prefix-start-group{flex:1 1 180px;display:flex;flex-direction:column;gap:var(--dtmt-spacing-xs)}.dtmt-token-prefix-start-group .dtmt-form-input{padding-right:var(--dtmt-spacing-sm)}.dtmt-token-prefix-start-group .dtmt-form-select{margin-top:0;padding-right:var(--dtmt-spacing-xl)}.dtmt-multi-token-controls{display:flex;flex-wrap:wrap;gap:var(--dtmt-spacing-sm);align-items:center}.dtmt-multi-token-controls,.dtmt-tokens-to-create-section{margin-bottom:var(--dtmt-spacing-md)}.dtmt-section-label{font-weight:600;margin-bottom:var(--dtmt-spacing-sm);color:var(--dtmt-neutral-200);font-size:.9rem}.dtmt-multi-token-controls .dtmt-btn{display:inline-flex;align-items:center;gap:var(--dtmt-spacing-xs)}.dtmt-additional-prefix-group{margin-top:var(--dtmt-spacing-sm)}.dtmt-multi-token-list{display:flex;flex-direction:column;gap:var(--dtmt-spacing-sm);margin-bottom:var(--dtmt-spacing-md)}.dtmt-multi-token-color-field,.dtmt-multi-token-row{display:flex;gap:var(--dtmt-spacing-sm);align-items:center}.dtmt-multi-token-row .dtmt-form-input{margin-bottom:0}.dtmt-multi-token-row .dtmt-multi-token-name{flex:1 1 50%}.dtmt-multi-token-row .dtmt-multi-token-value{flex:1 1 45%}.dtmt-multi-token-color-field{flex:1 1 45%;gap:var(--dtmt-spacing-xs)}.dtmt-multi-token-color-field .dtmt-form-input{flex:1 1 auto;margin-bottom:0}.dtmt-token-color-trigger{width:60px;height:46px;border-radius:var(--dtmt-radius-md);border:1px solid var(--dtmt-neutral-600);background:0 0;color:var(--dtmt-neutral-100);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--dtmt-transition-fast);padding:var(--dtmt-spacing-sm);min-width:auto;position:relative;z-index:3}.dtmt-token-color-trigger .material-symbols-outlined{font-size:20px}.dtmt-token-color-trigger:hover{transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.2)}.dtmt-token-color-trigger-has-color{background:var(--dtmt-color-preview, transparent)!important;border-color:var(--dtmt-color-preview, var(--dtmt-neutral-600))!important;color:var(--dtmt-color-trigger-text, var(--dtmt-neutral-100))!important}.dtmt-token-color-hidden{display:none}.dtmt-token-row-remove{background:0 0;border:1px solid transparent;color:var(--dtmt-neutral-400);display:flex;align-items:center;justify-content:center;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-md);cursor:pointer;transition:all var(--dtmt-transition-fast)}.dtmt-token-row-remove:hover{color:var(--dtmt-neutral-100);border-color:var(--dtmt-neutral-600);background:var(--dtmt-neutral-700)}.dtmt-token-row-remove .material-symbols-outlined{font-size:18px}.dtmt-multi-token-tip{margin-top:0}.dtmt-save-options{flex-direction:column;gap:var(--dtmt-spacing-md);margin-bottom:var(--dtmt-spacing-lg)}.dtmt-radio-option{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);cursor:pointer;padding:var(--dtmt-spacing-sm);border-radius:var(--dtmt-radius-md);transition:background-color var(--dtmt-transition-normal)}.dtmt-radio-option:hover{background:var(--dtmt-neutral-800)}.dtmt-radio-option input[type=radio]{margin:0;width:16px;height:16px;accent-color:var(--dtmt-primary-500);position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--dtmt-neutral-500);border-radius:50%;background:0 0;cursor:pointer;transition:all var(--dtmt-transition-normal)}.dtmt-radio-option input[type=radio]:checked{background:var(--dtmt-radio-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6))!important;border:0}.dtmt-radio-option input[type=radio]:checked::after,.dtmt-toggle-option input[type=radio]:checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--dtmt-radio-contrast-color, #ffffff)!important}.dtmt-radio-label{color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);cursor:pointer}.dtmt-boolean-toggle{display:flex;gap:var(--dtmt-spacing-md);margin-top:var(--dtmt-spacing-sm)}.dtmt-toggle-option,.dtmt-toggle-option input[type=radio]{cursor:pointer;transition:all var(--dtmt-transition-normal)}.dtmt-toggle-option{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);border-radius:var(--dtmt-radius-md);border:2px solid var(--dtmt-neutral-600);background:var(--dtmt-neutral-800);flex:1;justify-content:center}.dtmt-toggle-option:hover{border-color:var(--dtmt-neutral-500);background:var(--dtmt-neutral-700)}.dtmt-toggle-option input[type=radio]{margin:0;width:16px;height:16px;accent-color:var(--dtmt-neutral-800);position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--dtmt-neutral-500);border-radius:50%;background:0 0}.dtmt-toggle-option input[type=radio]:checked{background:var(--dtmt-radio-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6))!important;border-color:transparent!important}.dtmt-toggle-option:has(input:checked){border-color:var(--dtmt-neutral-400);background:var(--dtmt-neutral-500)}.dtmt-toggle-label{color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);cursor:pointer;user-select:none}.dtmt-boolean-indicator{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:12px;font-weight:700;color:#fff}.dtmt-color-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--dtmt-spacing-sm);margin-bottom:var(--dtmt-spacing-lg)}.dtmt-color-swatch{width:40px;height:40px;border-radius:var(--dtmt-radius-md);cursor:pointer;border:2px solid transparent;transition:all var(--dtmt-transition-normal)}.dtmt-color-swatch:hover{transform:scale(1.1);box-shadow:var(--dtmt-shadow-lg)}.dtmt-color-swatch.selected{border-color:var(--dtmt-primary-400);box-shadow:0 0 0 3px rgba(59,130,246,.2)}.dtmt-color-swatches{display:flex;gap:var(--dtmt-spacing-sm);margin-top:var(--dtmt-spacing-md);flex-wrap:wrap}.dtmt-color-picker-container{display:flex;flex-direction:column;gap:var(--dtmt-spacing-lg);margin-bottom:var(--dtmt-spacing-xl);align-items:center}.dtmt-color-picker-main{display:flex;align-items:flex-start;gap:var(--dtmt-spacing-md)}.dtmt-color-square-container{position:relative;display:inline-block}.dtmt-color-square{border-radius:var(--dtmt-radius-md);cursor:crosshair;border:2px solid var(--dtmt-neutral-700);box-shadow:var(--dtmt-shadow-lg)}.dtmt-color-square-indicator{position:absolute;width:12px;height:12px;border:2px solid #fff;border-radius:50%;background:0 0;pointer-events:none;box-shadow:0 0 0 1px var(--dtmt-neutral-800);transform:translate(-50%,-50%)}.dtmt-hue-slider-container{position:relative;display:inline-block}.dtmt-hue-slider{border-radius:var(--dtmt-radius-sm);cursor:pointer;border:1px solid var(--dtmt-neutral-600);box-shadow:var(--dtmt-shadow-sm)}.dtmt-hue-indicator{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:0 0;pointer-events:none;box-shadow:0 0 0 1px var(--dtmt-neutral-800);transform:translate(-50%,-50%);top:50%}.dtmt-opacity-slider-container{position:relative;display:inline-block}.dtmt-opacity-slider{border-radius:var(--dtmt-radius-sm);cursor:pointer;border:1px solid var(--dtmt-neutral-600);box-shadow:var(--dtmt-shadow-sm)}.dtmt-opacity-indicator{position:absolute;width:16px;height:16px;border:2px solid #fff;border-radius:50%;background:0 0;pointer-events:none;box-shadow:0 0 0 1px var(--dtmt-neutral-800);transform:translate(-50%,-50%);top:50%}.dtmt-color-controls{display:flex;gap:var(--dtmt-spacing-md);align-items:center;justify-content:center;width:100%}.dtmt-hex-input-group{display:flex;align-items:center;gap:var(--dtmt-spacing-xs)}.dtmt-hex-dropdown{position:relative}.dtmt-format-select{background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm)0 0 var(--dtmt-radius-sm);color:var(--dtmt-neutral-300);padding:var(--dtmt-spacing-sm);font-size:var(--dtmt-font-size-sm);cursor:pointer;appearance:none;padding-right:24px;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right 8px center;background-repeat:no-repeat;background-size:16px}.dtmt-format-select:focus-visible,.dtmt-hex-input:focus-visible,.dtmt-opacity-input:focus-visible{outline:0;border-color:var(--dtmt-primary-500);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.dtmt-hex-input{padding:var(--dtmt-spacing-sm);border:1px solid var(--dtmt-neutral-600);border-left:none;border-radius:0 var(--dtmt-radius-sm) var(--dtmt-radius-sm)0;background:var(--dtmt-neutral-800);color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-sm);font-family:"Monaco","Menlo","Ubuntu Mono",monospace;text-align:center;transition:all var(--dtmt-transition-normal);min-width:100px}.dtmt-opacity-input-group{display:flex;align-items:center;gap:var(--dtmt-spacing-xs)}.dtmt-opacity-input{padding:var(--dtmt-spacing-sm);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm);background:var(--dtmt-neutral-800);color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-sm);font-family:"Monaco","Menlo","Ubuntu Mono",monospace;text-align:center;transition:all var(--dtmt-transition-normal);width:60px}.dtmt-opacity-percent{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium)}.dtmt-color-palette-section{margin-bottom:var(--dtmt-spacing-lg)}.dtmt-color-palette-section .dtmt-form-label{margin-bottom:var(--dtmt-spacing-md)}.dtmt-modal-footer{display:flex;gap:var(--dtmt-spacing-md);justify-content:flex-end;margin-top:var(--dtmt-spacing-4xl);align-items:flex-end}.dtmt-modal-btn{padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);border:0;border-radius:var(--dtmt-radius-md);font-size:var(--dtmt-font-size-md);font-weight:var(--dtmt-font-weight-medium);cursor:pointer;transition:all var(--dtmt-transition-normal)}.dtmt-modal-btn.cancel{border:0;background:0 0;color:var(--dtmt-neutral-300)}.dtmt-modal-btn.cancel:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-100)}.dtmt-modal-btn.outline{background:0 0;color:var(--dtmt-neutral-300);border:1px solid var(--dtmt-neutral-500)}.dtmt-modal-btn.outline:hover,.dtmt-modal-btn.secondary:hover{color:var(--dtmt-neutral-100);border-color:var(--dtmt-neutral-400)}.dtmt-modal-btn.outline:hover{background:var(--dtmt-neutral-700)}.dtmt-modal-btn.secondary{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-200);border:1px solid var(--dtmt-neutral-500)}.dtmt-modal-btn.secondary:hover{background:var(--dtmt-neutral-500)}.dtmt-modal-btn.danger{background:var(--dtmt-danger-600);color:var(--dtmt-neutral-100)}.dtmt-modal-btn.danger:hover{background:var(--dtmt-danger-700);color:var(--dtmt-neutral-100)}.dtmt-subscription-selected-info{display:flex;gap:var(--dtmt-spacing-2xl);padding:var(--dtmt-spacing-lg);margin-bottom:var(--dtmt-spacing-xl);background:rgba(141,129,255,.1);border:1px solid rgba(141,129,255,.3);border-radius:var(--dtmt-radius-lg);align-items:center;justify-content:center;flex-wrap:wrap}.dtmt-subscription-selected-billing,.dtmt-subscription-selected-plan{display:flex;align-items:center;gap:var(--dtmt-spacing-md)}.dtmt-subscription-selected-label{font-size:var(--dtmt-font-size-sm);color:var(--dtmt-neutral-400);font-weight:var(--dtmt-font-weight-medium)}.dtmt-subscription-selected-value{font-size:var(--dtmt-font-size-md);color:var(--dtmt-neutral-100);font-weight:var(--dtmt-font-weight-semibold)}.dtmt-subscription-modal-toggle{display:flex;margin:80px}.dtmt-subscription-modal{max-width:1000px;width:95%;overflow-x:hidden;background:0 0;border:0}.dtmt-subscription-modal .dtmt-modal-header{margin-bottom:var(--dtmt-spacing-md)}#dtmt-forgot-password-form .p{text-align:center}.dtmt-subscription-modal .dtmt-modal-footer{position:relative;z-index:1000}.dtmt-subscription-modal-description{text-align:center;color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm);margin-bottom:var(--dtmt-spacing-lg);line-height:1.5}.dtmt-subscription-modal-description span{font-size:var(--dtmt-font-size-sm);color:var(--dtmt-neutral-600);display:block;margin-top:var(--dtmt-spacing-xs)}.dtmt-subscription-update-grid{margin-block-start:var(--dtmt-spacing-2xl);gap:var(--dtmt-spacing-sm);overflow:visible}#dtmt-subscription-update-modal .dtmt-modal-body,#dtmt-subscription-update-modal .dtmt-pricing-card{padding:var(--dtmt-spacing-md) var(--dtmt-spacing-lg)}#dtmt-subscription-update-modal .dtmt-pricing-card{gap:var(--dtmt-spacing-sm);margin:0 auto}#dtmt-subscription-update-modal .dtmt-subscription-card.selected.dtmt-pricing-card{background:linear-gradient(180deg,rgba(10,12,22,.92),rgba(10,12,22,.76));background-clip:padding-box;border:2px solid transparent;border-radius:var(--dtmt-radius-2xl)}#dtmt-subscription-update-modal .dtmt-pricing-card-header{gap:var(--dtmt-spacing-xs)}#dtmt-subscription-update-modal .dtmt-pricing-card-title{margin:0 0 var(--dtmt-spacing-xs);font-size:var(--dtmt-font-size-md);font-weight:var(--dtmt-font-weight-semibold)}#dtmt-subscription-update-modal .dtmt-pricing-card-price{margin:0;gap:var(--dtmt-spacing-xs)}#dtmt-subscription-update-modal .dtmt-pricing-amount{font-size:clamp(1.5rem,3vw,1.8rem);font-weight:var(--dtmt-font-weight-semibold);line-height:1}#dtmt-subscription-update-modal .dtmt-pricing-frequency{font-size:var(--dtmt-font-size-sm);color:var(--dtmt-neutral-400)}#dtmt-subscription-update-modal .dtmt-pricing-card-description{margin:0 0 var(--dtmt-spacing-xs);font-size:var(--dtmt-font-size-xs);line-height:1.3}#dtmt-subscription-update-modal .dtmt-pricing-features{gap:var(--dtmt-spacing-xs);margin-top:var(--dtmt-spacing-xs)}#dtmt-subscription-update-modal .dtmt-pricing-features li{gap:var(--dtmt-spacing-xs);font-size:var(--dtmt-font-size-xs);line-height:1.4}#dtmt-subscription-update-modal .dtmt-pricing-feature-icon{font-size:1rem;margin-top:1px}#dtmt-subscription-update-modal .dtmt-pricing-features-toggle{margin-top:var(--dtmt-spacing-xs);padding-top:var(--dtmt-spacing-xs)}#dtmt-subscription-update-modal .dtmt-pricing-features-expand-btn{padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);font-size:var(--dtmt-font-size-xs)}#dtmt-subscription-update-modal .dtmt-pricing-features-expand-icon{font-size:1rem}#dtmt-subscription-update-modal .dtmt-pricing-card--popular{transform:translateY(0)}#dtmt-subscription-update-modal .dtmt-pricing-badge{top:calc(var(--dtmt-spacing-md)*-1);padding:3px var(--dtmt-spacing-xs);font-size:9px;z-index:10}#dtmt-subscription-update-modal .dtmt-subscription-selected-info{margin-bottom:var(--dtmt-spacing-sm)}#dtmt-subscription-update-modal .dtmt-billing-toggle-container{margin-bottom:var(--dtmt-spacing-lg);position:relative;z-index:5}#dtmt-subscription-update-modal .dtmt-pricing-grid{gap:var(--dtmt-spacing-sm);margin-top:var(--dtmt-spacing-4xl);grid-template-columns:repeat(3,1fr);max-width:880px;margin-left:auto;margin-right:auto;justify-items:center;padding:0 var(--dtmt-spacing-sm)}#dtmt-subscription-update-modal .dtmt-pricing-card{min-height:auto;max-height:none;width:100%;max-width:260px}@media (max-width:1024px){#dtmt-subscription-update-modal .dtmt-pricing-grid,#dtmt-subscription-update-modal .dtmt-subscription-update-grid{grid-template-columns:repeat(3,1fr);max-width:100%;gap:var(--dtmt-spacing-xs)}#dtmt-subscription-update-modal .dtmt-pricing-card{max-width:100%}}@media (max-width:768px){#dtmt-subscription-update-modal .dtmt-pricing-grid,#dtmt-subscription-update-modal .dtmt-subscription-update-grid{grid-template-columns:1fr;max-width:100%}#dtmt-subscription-update-modal .dtmt-pricing-card{max-width:100%}}.dtmt-subscription-card{cursor:pointer;transition:all var(--dtmt-transition-normal);isolation:isolate;position:relative}.dtmt-subscription-card:hover{transform:translateY(-4px);box-shadow:var(--dtmt-shadow-xl)}.dtmt-subscription-card.selected{position:relative;box-sizing:border-box;isolation:isolate}.dtmt-subscription-card.selected.dtmt-pricing-card::before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:calc(var(--dtmt-radius-2xl) + 2px);background:var(--dtmt-selected-card-gradient, linear-gradient(135deg, var(--dtmt-primary-400), var(--dtmt-primary-600)));z-index:0;pointer-events:none;transform:rotate(180deg)}.dtmt-subscription-card.selected.dtmt-pricing-card::after{content:"";position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:var(--dtmt-radius-2xl);background:linear-gradient(180deg,rgba(10,12,22,.92),rgba(10,12,22,.76));z-index:1;pointer-events:none;opacity:1;filter:none}.dtmt-subscription-card.selected.dtmt-pricing-card--popular::after{background:var(--dtmt-popular-card-gradient, linear-gradient(180deg, var(--dtmt-primary-600) 0%, var(--dtmt-neutral-900) 100%))}.dtmt-subscription-card.selected.dtmt-pricing-card>:not(.dtmt-subscription-radio):not(.dtmt-pricing-badge){position:relative;z-index:2}.dtmt-subscription-card.selected.dtmt-pricing-card .dtmt-subscription-radio{position:absolute!important;top:var(--dtmt-spacing-md)!important;right:var(--dtmt-spacing-md)!important;z-index:10!important}.dtmt-subscription-card.selected.dtmt-pricing-card .dtmt-pricing-badge{position:absolute!important;top:calc(var(--dtmt-spacing-xl)*-.8)!important;left:50%!important;transform:translateX(-50%)!important;z-index:10!important}.dtmt-subscription-card.selected.dtmt-pricing-card--popular .dtmt-pricing-card-description,.dtmt-subscription-card.selected.dtmt-pricing-card--popular .dtmt-pricing-card-price,.dtmt-subscription-card.selected.dtmt-pricing-card--popular .dtmt-pricing-card-title,.dtmt-subscription-card.selected.dtmt-pricing-card--popular .dtmt-pricing-features,.dtmt-subscription-card.selected.dtmt-pricing-card--popular .dtmt-pricing-features li{position:relative;z-index:3}.dtmt-subscription-card.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dtmt-subscription-radio{position:absolute;top:var(--dtmt-spacing-md);right:var(--dtmt-spacing-md);width:30px;height:30px;margin:0;padding:0;cursor:pointer;z-index:10;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:3px solid var(--dtmt-neutral-400);border-radius:50%;background:0 0;transition:all var(--dtmt-transition-normal);box-sizing:border-box}.dtmt-subscription-radio:hover:not(:disabled){border-color:var(--dtmt-neutral-300);transform:scale(1.1)}.dtmt-subscription-radio:checked{background:var(--dtmt-radio-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6))!important;border-color:transparent!important;box-shadow:0 0 0 3px var(--dtmt-neutral-300),0 0 16px rgba(59,130,246,.6)}.dtmt-subscription-radio:checked::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:var(--dtmt-radio-contrast-color, #ffffff)!important;display:block}.dtmt-subscription-radio:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dtmt-subscription-card.selected .dtmt-subscription-radio{border:0!important;background:var(--dtmt-radio-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6))!important;box-shadow:0 0 0 3px var(--dtmt-neutral-300),0 0 16px rgba(59,130,246,.6)}.dtmt-subscription-card.selected .dtmt-subscription-radio::after{content:"";position:absolute;background:var(--dtmt-radio-contrast-color, #ffffff)!important;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px;border-radius:50%;background:#fff;display:block}.dtmt-user-plan-badge{cursor:pointer;transition:all var(--dtmt-transition-normal)}.dtmt-user-plan-badge:hover{transform:scale(1.05);opacity:.9}.dtmt-import-options{display:flex;gap:var(--dtmt-spacing-md);margin-block:var(--dtmt-spacing-4xl)}.dtmt-import-option,.dtmt-workspace-info{border:1px solid var(--dtmt-neutral-700);display:flex}.dtmt-import-option{align-items:center;justify-content:center;background:var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-lg);cursor:pointer;transition:all var(--dtmt-transition-normal);width:100%}.dtmt-import-option:hover .dtmt-import-option-icon .material-symbols-outlined{color:#fff}.dtmt-import-option-content h4{color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-lg);font-weight:var(--dtmt-font-weight-semibold);margin:0 0 var(--dtmt-spacing-xs)0}.dtmt-import-option-content p{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm);margin:0;line-height:1.4}.dtmt-workspace-info{background:var(--dtmt-neutral-800);border-radius:var(--dtmt-radius-md);padding:var(--dtmt-spacing-md);flex-direction:column;gap:var(--dtmt-spacing-sm)}.dtmt-session-info{display:flex;flex-direction:column;gap:var(--dtmt-spacing-xs)}.dtmt-session-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--dtmt-spacing-xs)0}.dtmt-session-stat-label,.dtmt-session-stat-value{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm)}.dtmt-session-stat-value{color:var(--dtmt-neutral-200);font-weight:var(--dtmt-font-weight-semibold)}.dtmt-workspace-stat{display:flex;justify-content:space-between;align-items:center;padding:var(--dtmt-spacing-xs)0;border-bottom:1px solid var(--dtmt-neutral-700)}.dtmt-workspace-stat:last-child{border-bottom:none}.dtmt-workspace-stat-label,.dtmt-workspace-stat-value{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium)}.dtmt-workspace-stat-value{color:var(--dtmt-neutral-200);font-weight:var(--dtmt-font-weight-semibold)}.dtmt-workspaces-list{max-height:300px;overflow-y:auto;border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-md);background:var(--dtmt-neutral-800)}.dtmt-workspace-item{padding:var(--dtmt-spacing-md);border-bottom:1px solid var(--dtmt-neutral-700);cursor:pointer;transition:all var(--dtmt-transition-normal)}.dtmt-workspace-item:hover{background:var(--dtmt-neutral-700)}.dtmt-workspace-item.selected{background:var(--dtmt-neutral-100);border-color:var(--dtmt-neutral-500);color:var(--dtmt-neutral-800);border-radius:var(--dtmt-radius-lg)}.dtmt-workspace-item-empty{opacity:.6;cursor:default;pointer-events:none}.dtmt-workspace-item-empty:hover{background:var(--dtmt-neutral-800)}.dtmt-workspace-item:last-child{border-bottom:none}.dtmt-workspace-item-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:var(--dtmt-spacing-xs);position:relative}.dtmt-workspace-item-name{color:inherit;font-weight:var(--dtmt-font-weight-semibold);font-size:var(--dtmt-font-size-md);flex:1;min-width:0}.dtmt-workspace-rename-input{width:60%;margin:-2px}.dtmt-workspace-item-date{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium)}.dtmt-workspace-item-description{color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-sm);margin-bottom:var(--dtmt-spacing-xs);line-height:1.4}.dtmt-workspace-item-stats{display:flex;gap:var(--dtmt-spacing-md);font-size:var(--dtmt-font-size-xs);color:var(--dtmt-neutral-400)}.dtmt-workspace-item-actions{margin-inline-start:auto;opacity:0;transition:opacity var(--dtmt-transition-normal);justify-content:flex-end}.dtmt-workspace-info-dropdown-item:hover .dtmt-workspace-item-actions,.dtmt-workspace-item:hover .dtmt-workspace-item-actions{opacity:1}.dtmt-workspace-item-actions .dtmt-btn{padding:var(--dtmt-spacing-xs);min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.dtmt-workspace-item-actions .dtmt-btn .material-symbols-outlined{font-size:18px}.dtmt-workspace-item-actions,.dtmt-workspace-item-stat{display:flex;align-items:center;gap:var(--dtmt-spacing-xs)}.dtmt-workspace-item-shared{border-left:3px solid var(--dtmt-neutral-300)}.dtmt-share-user-avatar,.dtmt-workspace-owner-avatar{width:32px;height:32px;border-radius:50%;flex-shrink:0;border:2px solid var(--dtmt-neutral-600)}.dtmt-workspace-permission-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 6px;border-radius:var(--dtmt-radius-sm);font-size:.625rem;font-weight:var(--dtmt-font-weight-semibold);text-transform:uppercase;gap:0}.dtmt-workspace-permission-badge .material-symbols-outlined{font-size:18px;width:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--dtmt-neutral-400)}.dtmt-workspaces-section-divider{margin:var(--dtmt-spacing-lg)0 var(--dtmt-spacing-md)0;padding-top:var(--dtmt-spacing-md);border-top:1px solid var(--dtmt-neutral-700)}.dtmt-workspaces-section-title{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--dtmt-spacing-sm)}.dtmt-share-list{max-height:300px;overflow-y:auto;border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-md);background:var(--dtmt-neutral-800);padding:var(--dtmt-spacing-sm)}.dtmt-share-list-empty{padding:var(--dtmt-spacing-md);text-align:center;color:var(--dtmt-neutral-500);font-size:var(--dtmt-font-size-sm);font-style:italic}.dtmt-share-item{padding:var(--dtmt-spacing-md);border-bottom:1px solid var(--dtmt-neutral-700);transition:background var(--dtmt-transition-normal)}.dtmt-share-item:last-child{border-bottom:none}.dtmt-share-item:hover{background:var(--dtmt-neutral-700)}.dtmt-share-user-name{color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-semibold)}.dtmt-share-user-email{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-xs)}.dtmt-share-permission-select{background:var(--dtmt-neutral-700);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm);padding:6px 12px;color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);cursor:pointer;transition:all var(--dtmt-transition-normal)}.dtmt-share-permission-select:hover{background:var(--dtmt-neutral-600);border-color:var(--dtmt-neutral-500)}.dtmt-share-remove-btn{color:var(--dtmt-neutral-400);transition:all var(--dtmt-transition-normal)}.dtmt-form-error,.dtmt-share-remove-btn:hover{color:var(--dtmt-error-500);background:rgba(239,68,68,.1)}.dtmt-form-error{font-size:var(--dtmt-font-size-sm);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);border:1px solid rgba(239,68,68,.3);border-radius:var(--dtmt-radius-sm)}.dtmt-workspace-info-section{margin-top:auto;padding-block:var(--dtmt-spacing-md);border-top:1px solid var(--dtmt-neutral-700);position:sticky;background-color:var(--dtmt-neutral-900);inset:auto 0 0 0}.dtmt-workspace-info-banner,.dtmt-workspace-info-header{display:flex;align-items:center;justify-content:space-between}.dtmt-workspace-info-banner{border-radius:var(--dtmt-radius-md);padding:var(--dtmt-spacing-xs)}.dtmt-workspace-info-header{gap:var(--dtmt-spacing-sm);width:100%}.dtmt-workspace-info-name-container{display:flex;align-items:center;gap:var(--dtmt-spacing-xs);flex:1;min-width:0}.dtmt-workspace-info-dropdown-btn{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:4px;border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-normal);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dtmt-workspace-info-dropdown-btn:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-200)}.dtmt-workspace-info-dropdown-btn .material-symbols-outlined{font-size:18px}.dtmt-workspace-info-name-wrapper{display:flex;align-items:center;gap:var(--dtmt-spacing-xs);flex:1;min-width:0;position:relative}.dtmt-workspace-info-name{color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.dtmt-workspace-info-rename-btn{flex-shrink:0;padding:4px;min-width:24px;height:24px;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--dtmt-transition-normal)}.dtmt-workspace-info-name-wrapper:hover .dtmt-workspace-info-rename-btn{opacity:1}.dtmt-workspace-info-rename-btn .material-symbols-outlined,.dtmt-workspace-info-share-btn .material-symbols-outlined{font-size:16px}.dtmt-workspace-info-share-btn{flex-shrink:0;padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);font-size:var(--dtmt-font-size-xs);min-width:auto;display:flex;align-items:center;gap:4px}.dtmt-workspace-info-permission{display:flex;align-items:center;margin-top:var(--dtmt-spacing-xs)}.dtmt-workspace-info-dropdown{position:absolute;bottom:88%;left:0;right:0;background:var(--dtmt-neutral-900);border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-md);margin-bottom:var(--dtmt-spacing-xs);max-height:300px;overflow-y:auto;box-shadow:var(--dtmt-shadow-lg);z-index:var(--dtmt-z-dropdown)}.dtmt-workspace-info-dropdown-section{padding:var(--dtmt-spacing-sm)}.dtmt-workspace-info-dropdown-section:not(:last-child){border-bottom:1px solid var(--dtmt-neutral-700)}.dtmt-workspace-info-dropdown-title{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-semibold);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--dtmt-spacing-xs);padding:0 var(--dtmt-spacing-xs)}.dtmt-workspace-info-dropdown-list{display:flex;flex-direction:column;gap:2px}.dtmt-workspace-info-dropdown-item{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);padding:var(--dtmt-spacing-sm);border-radius:var(--dtmt-radius-sm);cursor:pointer;transition:all var(--dtmt-transition-normal);color:var(--dtmt-neutral-200);position:relative;font-size:var(--dtmt-font-size-sm)}.dtmt-workspace-info-dropdown-item:hover{background:var(--dtmt-neutral-700)}.dtmt-workspace-info-dropdown-item.active{border:1px solid var(--dtmt-neutral-700);background:var(--dtmt-neutral-700)}.dtmt-workspace-info-dropdown-item-avatar{width:24px;height:24px;border-radius:50%;flex-shrink:0;border:1px solid var(--dtmt-neutral-600)}.dtmt-workspace-icon{font-size:20px;color:var(--dtmt-neutral-400);flex-shrink:0;transition:all var(--dtmt-transition-normal)}.dtmt-workspace-icon-active{color:#22c55e;filter:drop-shadow(0 0 6px rgba(34,197,94,.6)) drop-shadow(0 0 12px rgba(34,197,94,.4));animation:dtmt-workspace-icon-glow 2s ease-in-out infinite}.dtmt-workspace-info-dropdown-item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.dtmt-workspace-info-dropdown-item>.dtmt-workspace-info-dropdown-item-name{flex:1}.dtmt-workspace-info-dropdown-item-name{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtmt-workspace-info-dropdown-item-owner{font-size:11px;color:var(--dtmt-neutral-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtmt-workspace-info-dropdown-item .dtmt-workspace-item-actions{display:flex;gap:var(--dtmt-spacing-xs);margin-inline-start:auto;opacity:0;transition:opacity var(--dtmt-transition-normal);justify-content:flex-end;align-items:center;flex-shrink:0}.dtmt-workspace-info-dropdown-item-permission{display:inline-flex}.dtmt-load-warning{display:flex;align-items:flex-start;gap:var(--dtmt-spacing-sm);padding:var(--dtmt-spacing-md);background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:var(--dtmt-radius-md);color:var(--dtmt-warning-400);font-size:var(--dtmt-font-size-sm);line-height:1.4}.dtmt-warning-icon{font-size:var(--dtmt-font-size-md);flex-shrink:0;margin-top:2px}.dtmt-form-input[rows]{resize:vertical;min-height:80px;font-family:var(--dtmt-font-family)}.dtmt-notification{background:var(--dtmt-neutral-700);position:fixed;bottom:20px;left:50%;transform:translateX(-50%) translateY(100%);padding:var(--dtmt-spacing-md) var(--dtmt-spacing-lg);border-radius:var(--dtmt-radius-md);color:var(--dtmt-neutral-50);font-weight:var(--dtmt-font-weight-medium);font-size:var(--dtmt-font-size-sm);z-index:var(--dtmt-z-notification);transition:all var(--dtmt-transition-normal);max-width:300px;width:90%;text-align:center;box-shadow:var(--dtmt-shadow-lg);opacity:0}.dtmt-notification-show{transform:translateX(-50%) translateY(0);opacity:1}.dtmt-token-section{margin-bottom:var(--dtmt-spacing-lg)}.dtmt-tip{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);margin-top:var(--dtmt-spacing-sm);color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm)}.dtmt-tip-icon{font-size:var(--dtmt-font-size-md)}.dtmt-modal-overlay{display:none}.dtmt-modal-overlay.show{display:flex!important}#dtmt-subscription-expiration-modal.dtmt-modal-overlay.show{display:flex!important;z-index:100001!important}#dtmt-subscription-expiration-modal.dtmt-modal-overlay{z-index:100000!important;position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important}#dtmt-subscription-expiration-modal .dtmt-modal.dtmt-subscription-expiration-modal{max-width:700px}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--dtmt-spacing-xl);margin-top:var(--dtmt-spacing-lg)}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-card{position:relative;padding:var(--dtmt-spacing-xl);border-radius:var(--dtmt-radius-lg);background:linear-gradient(180deg,rgba(10,12,22,.92),rgba(10,12,22,.76)) padding-box,linear-gradient(140deg,rgba(141,129,255,.25),rgba(109,248,250,.15),rgba(253,69,149,.2)) border-box;border:1px solid transparent;display:flex;flex-direction:column;gap:var(--dtmt-spacing-md);transition:transform var(--dtmt-transition-normal),box-shadow var(--dtmt-transition-normal)}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-card-header{display:flex;flex-direction:column;gap:var(--dtmt-spacing-sm)}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-card-header h4{font-size:var(--dtmt-font-size-lg);font-weight:var(--dtmt-font-weight-semibold);color:var(--dtmt-neutral-100);margin:0}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-price{display:flex;align-items:baseline;gap:var(--dtmt-spacing-xs)}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-amount{font-size:var(--dtmt-font-size-2xl);font-weight:var(--dtmt-font-weight-bold);color:var(--dtmt-neutral-100)}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-frequency{font-size:var(--dtmt-font-size-sm);color:var(--dtmt-neutral-400)}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-actions{display:flex;flex-direction:column;gap:var(--dtmt-spacing-md);margin-top:var(--dtmt-spacing-xl)}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-details-btn,#dtmt-subscription-expiration-modal .dtmt-mini-pricing-update-btn{width:100%;justify-content:center}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-link{display:inline-flex;align-items:center;justify-content:center;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);border-radius:var(--dtmt-radius-md);background:0 0;border:1px solid var(--dtmt-neutral-600);color:var(--dtmt-neutral-300);text-decoration:none;font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);transition:all var(--dtmt-transition-normal);margin-top:auto}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-link:hover{border-color:var(--dtmt-neutral-400);color:var(--dtmt-neutral-100);background:rgba(255,255,255,.05)}#dtmt-subscription-expiration-modal .dtmt-mini-pricing-card[data-plan-type=startup]{background:linear-gradient(180deg,rgba(10,12,22,.95),rgba(10,12,22,.8)) padding-box,linear-gradient(140deg,rgba(141,129,255,.4),rgba(109,248,250,.25),rgba(253,69,149,.3)) border-box}.dtmt-grid-hidden{background-image:none!important}.dtmt-grid-small{--dtmt-grid-dot-spacing:5px;--dtmt-grid-dot-size:0.5px}.dtmt-grid-medium{--dtmt-grid-dot-spacing:10px;--dtmt-grid-dot-size:0.5px}.dtmt-grid-large{--dtmt-grid-dot-spacing:20px;--dtmt-grid-dot-size:2px}.dtmt-grid-white{--dtmt-grid-dot-color:#ffffff}.dtmt-grid-gray{--dtmt-grid-dot-color:#6b7280}.dtmt-grid-blue{--dtmt-grid-dot-color:#3b82f6}.dtmt-grid-green{--dtmt-grid-dot-color:#10b981}.dtmt-grid-faint{--dtmt-grid-opacity:0.1}.dtmt-grid-subtle{--dtmt-grid-opacity:0.2}.dtmt-grid-visible{--dtmt-grid-opacity:0.4}.dtmt-grid-prominent{--dtmt-grid-opacity:0.6}.dtmt-fade-in{animation:dtmt-fadeIn var(--dtmt-transition-normal) ease-out}.dtmt-slide-in{animation:dtmt-slideIn var(--dtmt-transition-normal) ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0;border-radius:var(--dtmt-radius-sm);opacity:0;transition:opacity var(--dtmt-transition-normal),background var(--dtmt-transition-normal)}::-webkit-scrollbar-thumb{background:0 0;border-radius:var(--dtmt-radius-sm);opacity:0;transition:opacity var(--dtmt-transition-normal),background var(--dtmt-transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--dtmt-neutral-500)}::-webkit-scrollbar-thumb:active{background:var(--dtmt-neutral-400)}::-webkit-scrollbar-corner{background:0 0;opacity:0;transition:opacity var(--dtmt-transition-normal)}::-webkit-scrollbar-thumb:hover,:hover::-webkit-scrollbar-thumb{background:var(--dtmt-neutral-600);opacity:1}.dtmt-sidebar:hover::-webkit-scrollbar-track,::-webkit-scrollbar-track:hover,:hover::-webkit-scrollbar-track{background:var(--dtmt-neutral-800);opacity:1}::-webkit-scrollbar-corner:hover,:hover::-webkit-scrollbar-corner{background:var(--dtmt-neutral-800);opacity:1}.dtmt-container:hover,.dtmt-main:hover,.dtmt-sidebar:hover,:hover{scrollbar-color:var(--dtmt-neutral-600) var(--dtmt-neutral-800)}.dtmt-container,.dtmt-main,.dtmt-sidebar{scrollbar-width:thin;scrollbar-color:transparent transparent}.dtmt-sidebar::-webkit-scrollbar{width:6px}.dtmt-sidebar::-webkit-scrollbar-track{background:0 0;border-radius:var(--dtmt-radius-sm);opacity:0;transition:opacity var(--dtmt-transition-normal)}.dtmt-sidebar::-webkit-scrollbar-thumb{background:0 0;border-radius:var(--dtmt-radius-sm);opacity:0;transition:opacity var(--dtmt-transition-normal),background var(--dtmt-transition-normal)}.dtmt-sidebar:hover::-webkit-scrollbar-thumb{background:var(--dtmt-neutral-600);opacity:1}.dtmt-sidebar::-webkit-scrollbar-thumb:hover{background:var(--dtmt-neutral-500)}.dtmt-sidebar::-webkit-scrollbar-thumb:active{background:var(--dtmt-neutral-400)}.dtmt-container::-webkit-scrollbar,.dtmt-main::-webkit-scrollbar{width:8px;height:8px}.dtmt-container::-webkit-scrollbar-track,.dtmt-main::-webkit-scrollbar-track{opacity:0;transition:opacity var(--dtmt-transition-normal)}.dtmt-container:hover::-webkit-scrollbar-track,.dtmt-main:hover::-webkit-scrollbar-track,.dtmt-token-group:hover .dtmt-token-group-content::-webkit-scrollbar-track{opacity:1}.dtmt-container::-webkit-scrollbar-thumb,.dtmt-main::-webkit-scrollbar-thumb{opacity:0;transition:opacity var(--dtmt-transition-normal)}.dtmt-container:hover::-webkit-scrollbar-thumb,.dtmt-main:hover::-webkit-scrollbar-thumb,.dtmt-token-group:hover .dtmt-token-group-content::-webkit-scrollbar-thumb{opacity:1}.dtmt-btn:focus-visible,.dtmt-form-select:focus-visible{outline:2px solid var(--dtmt-primary-400);outline-offset:2px}.dtmt-loading{opacity:.6;pointer-events:none}.dtmt-loading::after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0-10px;border:2px solid var(--dtmt-neutral-600);border-top:2px solid var(--dtmt-primary-500);border-radius:50%;animation:dtmt-spin 1s linear infinite}.dtmt-d-flex{display:flex}.dtmt-flex-col{flex-direction:column}.dtmt-hidden{display:none!important}.dtmt-text-center{text-align:center}.dtmt-text-left{text-align:left}.dtmt-text-right{text-align:right}.dtmt-align-center{align-items:center}.dtmt-justify-between{justify-content:space-between}.dtmt-justify-center{justify-content:center}.dtmt-gap-sm{gap:var(--dtmt-spacing-sm)}.dtmt-gap-md{gap:var(--dtmt-spacing-md)}.dtmt-gap-lg{gap:var(--dtmt-spacing-lg)}.dtmt-mb-sm{margin-bottom:var(--dtmt-spacing-sm)}.dtmt-mb-md{margin-bottom:var(--dtmt-spacing-md)}.dtmt-mb-lg{margin-bottom:var(--dtmt-spacing-lg)}.dtmt-mt-sm{margin-top:var(--dtmt-spacing-sm)}.dtmt-mt-md{margin-top:var(--dtmt-spacing-md)}.dtmt-mt-lg{margin-top:var(--dtmt-spacing-lg)}.dtmt-mt-xl{margin-top:var(--dtmt-spacing-xl)}.dtmt-mb-xl{margin-bottom:var(--dtmt-spacing-xl)}.dtmt-ml-sm{margin-left:var(--dtmt-spacing-sm)}.dtmt-ml-md{margin-left:var(--dtmt-spacing-md)}.dtmt-ml-lg{margin-left:var(--dtmt-spacing-lg)}.dtmt-ml-xl{margin-left:var(--dtmt-spacing-xl)}.dtmt-mr-sm{margin-right:var(--dtmt-spacing-sm)}.dtmt-mr-md{margin-right:var(--dtmt-spacing-md)}.dtmt-mr-lg{margin-right:var(--dtmt-spacing-lg)}.dtmt-mr-xl{margin-right:var(--dtmt-spacing-xl)}.dtmt-p-sm{padding:var(--dtmt-spacing-sm)}.dtmt-p-md{padding:var(--dtmt-spacing-md)}.dtmt-p-lg{padding:var(--dtmt-spacing-lg)}.dtmt-figma-container{position:relative;display:inline-block}.dtmt-figma-dropdown{position:fixed;left:0;min-width:320px;max-width:400px;z-index:1000;animation:fadeIn .2s ease}.dtmt-figma-panel{background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-md);padding:var(--dtmt-spacing-md);box-shadow:0 8px 24px rgba(0,0,0,.4);transition:all var(--dtmt-transition-normal);position:relative}.dtmt-figma-connection-type,.dtmt-figma-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--dtmt-spacing-md)}.dtmt-figma-connection-type{padding:var(--dtmt-spacing-sm);background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-md)}.dtmt-figma-connection-type-label{display:flex;align-items:center;gap:var(--dtmt-spacing-xs);color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium)}.dtmt-add-to-group-btn span,.dtmt-figma-connection-type-label .material-symbols-outlined{font-size:16px}.dtmt-figma-connection-type-btn,.dtmt-figma-connection-type-toggle{display:flex;gap:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm)}.dtmt-figma-connection-type-toggle{background:var(--dtmt-neutral-700);padding:2px}.dtmt-figma-connection-type-btn{align-items:center;padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);background:0 0;border:0;color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium);cursor:pointer;transition:all var(--dtmt-transition-normal)}.dtmt-figma-connection-type-btn .material-symbols-outlined,.dtmt-token-group-actions button span{font-size:14px}.dtmt-figma-connection-type-btn:hover{color:var(--dtmt-neutral-200);background:var(--dtmt-neutral-600)}.dtmt-figma-connection-type-btn.active{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-50);border:1px solid var(--dtmt-neutral-400);box-shadow:0 2px 4px rgba(0,0,0,.2)}.dtmt-figma-btn.primary:hover,.dtmt-figma-btn.success:hover,.dtmt-figma-connection-type-btn.active:hover{background:var(--dtmt-neutral-500);border-color:var(--dtmt-neutral-300)}.figma-status-indicator{width:10px;height:10px;border-radius:50%;background:var(--dtmt-neutral-400);transition:all var(--dtmt-transition-normal);z-index:10}.dtmt-figma-btn,.dtmt-figma-controls{display:flex;gap:var(--dtmt-spacing-sm);align-items:center}.dtmt-figma-btn{background:var(--dtmt-neutral-700);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm);color:var(--dtmt-neutral-200);cursor:pointer;padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium);transition:all var(--dtmt-transition-normal);flex-grow:1;justify-content:center;gap:var(--dtmt-spacing-xs)}.dtmt-figma-btn:hover{background:var(--dtmt-neutral-600);border-color:var(--dtmt-neutral-500);transform:translateY(-1px)}.dtmt-figma-btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.dtmt-figma-btn.primary,.dtmt-figma-btn.success{background:var(--dtmt-neutral-600);border-color:var(--dtmt-neutral-400);color:var(--dtmt-neutral-50)}.dtmt-figma-btn.danger{background:var(--dtmt-danger-600);border-color:var(--dtmt-danger-500);color:var(--dtmt-neutral-50)}.dtmt-figma-btn.danger:hover{background:var(--dtmt-danger-700);border-color:var(--dtmt-danger-600)}.figma-status-indicator.connected{background:var(--dtmt-success-500);box-shadow:0 0 8px var(--dtmt-success-400)}.figma-status-indicator.connecting{background:var(--dtmt-neutral-300);animation:figma-pulse 1.5s infinite}.figma-status-indicator.disconnected{background:var(--dtmt-neutral-400)}.figma-status-indicator.error{background:var(--dtmt-danger-500);box-shadow:0 0 8px var(--dtmt-danger-400)}.dtmt-figma-sync-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--dtmt-spacing-sm);font-size:var(--dtmt-font-size-xs);color:var(--dtmt-neutral-400)}.dtmt-figma-auto-sync,.dtmt-figma-last-sync{display:flex;align-items:center;gap:var(--dtmt-spacing-xs)}.dtmt-figma-auto-sync input[type=checkbox]{width:14px;height:14px;accent-color:var(--dtmt-primary-500)}.dtmt-figma-conflicts{background:var(--dtmt-warning-50);border:1px solid var(--dtmt-warning-200);border-radius:var(--dtmt-radius-sm);padding:var(--dtmt-spacing-sm);margin-top:var(--dtmt-spacing-sm);display:none}.dtmt-figma-conflicts.show{display:block}.dtmt-figma-conflict-header{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);margin-bottom:var(--dtmt-spacing-xs);color:var(--dtmt-warning-800);font-weight:var(--dtmt-font-weight-semibold)}.dtmt-figma-conflict-item{display:flex;justify-content:space-between;align-items:center;padding:var(--dtmt-spacing-xs)0;border-bottom:1px solid var(--dtmt-warning-200)}.dtmt-figma-conflict-item:last-child{border-bottom:none}.dtmt-figma-conflict-token{font-size:var(--dtmt-font-size-xs);color:var(--dtmt-neutral-700)}.dtmt-figma-conflict-actions{display:flex;gap:var(--dtmt-spacing-xs)}.dtmt-figma-conflict-btn{background:0 0;border:1px solid var(--dtmt-warning-300);border-radius:var(--dtmt-radius-sm);color:var(--dtmt-warning-700);cursor:pointer;padding:var(--dtmt-spacing-xs);font-size:var(--dtmt-font-size-xs);transition:all var(--dtmt-transition-normal)}.dtmt-figma-conflict-btn:hover{background:var(--dtmt-warning-100);border-color:var(--dtmt-warning-400)}.dtmt-figma-conflict-btn.figma-wins{border-color:var(--dtmt-success-300);color:var(--dtmt-success-700)}.dtmt-figma-conflict-btn.figma-wins:hover{background:var(--dtmt-success-100);border-color:var(--dtmt-success-400)}.dtmt-figma-conflict-btn.dtmt-wins{border-color:var(--dtmt-primary-300);color:var(--dtmt-primary-700)}.dtmt-figma-conflict-btn.dtmt-wins:hover{background:var(--dtmt-primary-100);border-color:var(--dtmt-primary-400)}.dtmt-figma-settings-section{margin-bottom:var(--dtmt-spacing-lg);padding-bottom:var(--dtmt-spacing-lg);border-bottom:1px solid var(--dtmt-neutral-700)}.dtmt-figma-settings-section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.dtmt-figma-settings-title{color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-md);font-weight:var(--dtmt-font-weight-semibold);margin-bottom:var(--dtmt-spacing-md)}.dtmt-figma-help-text{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-xs);margin-top:var(--dtmt-spacing-xs);line-height:1.4}.dtmt-figma-help-text a{color:var(--dtmt-primary-400);text-decoration:none}.dtmt-auth-links a:hover,.dtmt-figma-help-text a:hover{text-decoration:underline}.dtmt-token-item.figma-synced{border-left:3px solid var(--dtmt-success-500)}.dtmt-token-item.figma-conflict{border-left:3px solid var(--dtmt-warning-500)}.dtmt-token-item.figma-error{border-left:3px solid var(--dtmt-danger-500)}.dtmt-figma-import-tokens-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;max-height:450px;overflow-y:auto;padding:4px;margin:16px 0}.dtmt-figma-import-token-card{background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);padding:12px;display:flex;flex-direction:column;gap:8px;transition:all .2s ease}.dtmt-figma-import-token-card:hover{background:var(--dtmt-neutral-700);transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.dtmt-figma-import-token-card-header{display:flex;align-items:center;gap:8px}.dtmt-figma-import-token-card-color-preview{width:20px;height:20px;border-radius:4px;border:1px solid var(--dtmt-neutral-600);flex-shrink:0}.dtmt-figma-import-token-card-content{flex:1;min-width:0}.dtmt-figma-import-token-card-name,.dtmt-figma-import-token-card-path{font-size:var(--dtmt-font-size-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtmt-figma-import-token-card-name{font-weight:var(--dtmt-font-weight-medium);color:var(--dtmt-neutral-100);margin-bottom:2px}.dtmt-figma-import-token-card-path{color:var(--dtmt-neutral-200)}.dtmt-figma-import-token-card-value{font-size:var(--dtmt-font-size-xs);color:var(--dtmt-neutral-400);display:flex;align-items:center;gap:4px;margin-top:4px}.dtmt-figma-import-token-card-value-label{opacity:.7}.dtmt-figma-import-token-card-value-text{font-family:"Roboto Mono",monospace}.dtmt-figma-import-token-card-value-reference{color:var(--dtmt-primary-400)}.figma-layer-select{width:100%;padding:6px 8px;background:var(--dtmt-neutral-700);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm);color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-xs);cursor:pointer;margin-top:4px}.dtmt-figma-import-token-card:hover,.figma-layer-select:hover{border-color:var(--dtmt-neutral-500)}.figma-layer-select:focus-visible{outline:0;border-color:var(--dtmt-primary-500);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.dtmt-figma-mapping-modal{max-width:900px;max-height:90vh}.dtmt-figma-mapping-modal-header{display:flex;align-items:center;gap:12px}.dtmt-btn-google svg,.dtmt-figma-mapping-modal-header-icon{flex-shrink:0}.dtmt-figma-mapping-modal-header-content{flex:1}.dtmt-figma-mapping-modal-checkbox-container{margin-top:16px;padding:12px;background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md)}.dtmt-figma-mapping-modal-checkbox-label{display:flex;align-items:center;cursor:pointer;color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-sm)}.dtmt-figma-mapping-modal-checkbox-input{margin-right:8px;cursor:pointer}.dtmt-figma-conflict-resolution-modal{max-width:600px}.dtmt-figma-conflict-resolution-list{max-height:400px;overflow-y:auto}.dtmt-figma-conflict-resolution-item{margin:10px 0;padding:10px;border:1px solid #ccc;border-radius:4px}.dtmt-figma-conflict-resolution-item-actions{margin-top:5px}.dtmt-figma-locked-content{padding:20px;text-align:center;color:var(--dtmt-neutral-400)}.dtmt-figma-locked-icon{font-size:48px;margin-bottom:10px;display:block}.dtmt-figma-locked-text{margin:10px 0}.dtmt-figma-locked-subtext{font-size:12px;margin-top:5px}.dtmt-token-figma-indicator{display:inline-flex;align-items:center;gap:var(--dtmt-spacing-xs);margin-left:var(--dtmt-spacing-xs);font-size:var(--dtmt-font-size-xs);color:var(--dtmt-neutral-400)}.dtmt-token-figma-indicator.synced{color:var(--dtmt-success-500)}.dtmt-token-figma-indicator.conflict{color:var(--dtmt-warning-500)}.dtmt-token-figma-indicator.error{color:var(--dtmt-danger-500)}.dtmt-mobile-sidebar-toggle{display:none!important;visibility:hidden!important}.dtmt-token-group{margin-bottom:8px;border:1px solid var(--dtmt-neutral-600);border-radius:8px;background:var(--dtmt-neutral-800);overflow:hidden;position:relative}.dtmt-token-group-header{display:flex;align-items:center;padding:4px 6px;cursor:pointer;transition:background-color .2s ease}.dtmt-token-group-header:hover{background:var(--dtmt-neutral-650)}.dtmt-token-group-actions button,.dtmt-token-group-toggle{background:0 0;border:0;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.dtmt-token-group-toggle{color:var(--dtmt-neutral-300);margin-right:8px;display:flex}.dtmt-add-to-group-btn:hover,.dtmt-token-group-actions button:hover,.dtmt-token-group-toggle:hover{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-100)}.dtmt-token-group-icon{font-size:16px;transition:transform .2s ease}.dtmt-token-group-name{color:var(--dtmt-neutral-200);flex:1;font-size:var(--dtmt-font-size-xs)}.dtmt-token-group-count{color:var(--dtmt-neutral-400);font-size:12px;margin-left:var(--dtmt-spacing-sm)}.dtmt-token-group-actions{display:flex;gap:4px;opacity:0;transition:opacity .2s ease}.dtmt-token-group-header:hover .dtmt-token-group-actions{opacity:1}.dtmt-token-group-actions button{color:var(--dtmt-neutral-400);font-size:14px}.dtmt-add-to-group-section{margin-top:var(--dtmt-spacing-sm);padding:var(--dtmt-spacing-sm);background:var(--dtmt-neutral-800);border-radius:var(--dtmt-radius-sm);border:1px solid var(--dtmt-neutral-600)}.dtmt-add-to-group-btn,.dtmt-add-to-group-label{margin-bottom:var(--dtmt-spacing-xs);font-size:var(--dtmt-font-size-sm)}.dtmt-add-to-group-label{color:var(--dtmt-neutral-300);font-weight:var(--dtmt-font-weight-medium)}.dtmt-add-to-group-btn{display:block;width:100%;background:var(--dtmt-neutral-700);border:1px solid var(--dtmt-neutral-600);color:var(--dtmt-neutral-200);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);border-radius:var(--dtmt-radius-sm);cursor:pointer;transition:all var(--dtmt-transition-normal);display:flex;align-items:center;gap:var(--dtmt-spacing-xs)}.dtmt-add-to-group-btn:hover{border-color:var(--dtmt-primary-400)}.dtmt-add-to-group-btn:last-child,.dtmt-component-dev-message-content p:last-child{margin-bottom:0}.dtmt-component-property-group:nth-child(n+3){display:none}.dtmt-token-group-content-wrapper{position:relative;overflow:hidden;padding-right:0;transition:padding-right .1s ease}.dtmt-token-group-content{padding:8px;transition:all .3s ease;max-height:1000px;overflow-y:auto;overflow-x:hidden;min-height:20px;box-sizing:border-box;width:100%;scrollbar-color:transparent transparent;scrollbar-width:thin}.dtmt-token-group-content::-webkit-scrollbar{width:6px}.dtmt-token-group-content::-webkit-scrollbar-track{background:var(--dtmt-neutral-900);border-radius:3px;opacity:0;transition:opacity var(--dtmt-transition-normal)}.dtmt-token-group-content::-webkit-scrollbar-thumb{background:var(--dtmt-neutral-600);border-radius:3px;opacity:0;transition:opacity var(--dtmt-transition-normal)}.dtmt-sidebar-tabs::-webkit-scrollbar-thumb:hover,.dtmt-token-group-content::-webkit-scrollbar-thumb:hover{background:var(--dtmt-neutral-500)}.dtmt-token-group:hover .dtmt-token-group-content{scrollbar-color:var(--dtmt-neutral-600) var(--dtmt-neutral-900)}.dtmt-token-group-content-wrapper:has(.dtmt-token-group-content.collapsed){padding-right:0;display:none}.dtmt-token-group-content.collapsed{max-height:0;padding:0 8px;overflow:hidden;display:none}.dtmt-token-group-content.collapsed .dtmt-token-item{display:none}.dtmt-create-group-button{position:absolute;margin-bottom:8px;top:-10px;z-index:10;left:50%;transform:translateX(-50%)}.dtmt-token-item.selected{border:2px solid var(--dtmt-neutral-400)!important;position:relative}.dtmt-token-item.selected .dtmt-token-name{color:var(--dtmt-neutral-100)!important}.dtmt-token-item.selected .dtmt-token-value{color:var(--dtmt-neutral-300)!important}.dtmt-icon-selector-container{display:flex;align-items:center;margin-right:4px}.dtmt-right-icon-selector{margin-right:8px}.dtmt-icon-selection-dropdown,.dtmt-icon-selector-btn{background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-600)}.dtmt-icon-selector-btn{border-radius:var(--dtmt-radius-sm);padding:4px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-width:28px;height:20px;font-size:14px}.dtmt-icon-selector-btn:hover{background:var(--dtmt-neutral-600);border-color:var(--dtmt-primary-500)}.dtmt-icon-selector-btn .material-symbols-outlined{font-size:14px;color:var(--dtmt-neutral-200)}.dtmt-icon-selection-dropdown{position:absolute;top:100%;left:0;border-radius:var(--dtmt-radius-md);box-shadow:0 4px 12px rgba(0,0,0,.3);z-index:1000;min-width:200px;max-width:300px;max-height:300px;overflow-y:auto}.dtmt-icon-selection-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--dtmt-neutral-700);background:var(--dtmt-neutral-750)}.dtmt-icon-selection-header span{color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);font-weight:500}.dtmt-icon-selection-close{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:2px;border-radius:var(--dtmt-radius-sm);transition:all .2s ease}.dtmt-icon-selection-close:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-200)}.dtmt-icon-selection-close .material-symbols-outlined{font-size:16px}.dtmt-icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;padding:8px}.dtmt-icon-option{background:var(--dtmt-neutral-700);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm);padding:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;min-height:36px}.dtmt-icon-option:hover{background:var(--dtmt-neutral-600);border-color:var(--dtmt-primary-500);transform:translateY(-1px)}.dtmt-icon-option .material-symbols-outlined{font-size:18px;color:var(--dtmt-neutral-200)}.dtmt-icon-option:active{transform:translateY(0)}.dtmt-sidebar-right{inset-inline:auto 0;width:280px;transform:translate(-.5rem,-50%);z-index:1000;overflow-y:auto}.dtmt-sidebar-right.hidden{transform:translate(100%,-50%)}.dtmt-sidebar-right .dtmt-sidebar-header{color:var(--dtmt-neutral-400);padding:var(--dtmt-spacing-md);padding-right:calc(var(--dtmt-spacing-md) + 40px);border-bottom:1px solid var(--dtmt-neutral-600);display:flex;align-items:center;justify-content:flex-start;font-size:var(--dtmt-font-size-sm);position:relative}.dtmt-sidebar-right .dtmt-sidebar-toggle{background:var(--dtmt-neutral-800);border:0;color:var(--dtmt-neutral-200);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-normal);position:absolute;top:var(--dtmt-spacing-md);right:var(--dtmt-spacing-md);z-index:20;flex-shrink:0}.dtmt-sidebar-right .dtmt-sidebar-toggle:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-text-primary)}.dtmt-component-layer{margin-bottom:var(--dtmt-spacing-lg)}.dtmt-component-layer-header{display:none;align-items:center;justify-content:space-between;margin-bottom:var(--dtmt-spacing-sm)}.dtmt-component-layer-header h4{color:var(--dtmt-text-primary);font-size:var(--dtmt-font-size-md);font-weight:var(--dtmt-font-weight-medium);margin:0}.dtmt-component-count{color:var(--dtmt-text-secondary);font-weight:var(--dtmt-font-weight-normal)}.dtmt-add-component-btn{background:var(--dtmt-primary-600);border:0;color:#fff;cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-normal)}.dtmt-add-component-btn:hover{background:var(--dtmt-primary-500)}.dtmt-component-dev-message{margin-top:var(--dtmt-spacing-md);position:relative}.dtmt-component-dev-message-content{padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:var(--dtmt-radius-sm);color:var(--dtmt-warning-400);font-size:var(--dtmt-font-size-xs);line-height:1.4;transition:all var(--dtmt-transition-normal);opacity:.55}.dtmt-component-dev-message-content:hover{opacity:1}.dtmt-component-dev-message-content p{margin:0 0 var(--dtmt-spacing-xs)0}.dtmt-component-dev-message-note{color:var(--dtmt-warning-500);font-size:10px;font-style:italic;opacity:.8}.dtmt-component-dev-message-toggle{display:none;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.2);border-radius:var(--dtmt-radius-sm);color:var(--dtmt-warning-500);cursor:pointer;transition:all var(--dtmt-transition-normal);margin:0}.dtmt-component-dev-message-toggle:hover{background:rgba(245,158,11,.15);border-color:rgba(245,158,11,.3);color:var(--dtmt-warning-400)}.dtmt-component-dev-message-toggle .material-symbols-outlined{font-size:16px}.dtmt-component-dev-message.minified .dtmt-component-dev-message-content{display:none}.dtmt-component-dev-message.minified .dtmt-component-dev-message-toggle{display:flex}.dtmt-component-dev-message.expanded .dtmt-component-dev-message-content{display:block}.dtmt-component-dev-message.expanded .dtmt-component-dev-message-toggle{display:flex;margin-top:var(--dtmt-spacing-xs);width:100%;justify-content:flex-start;padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);background:0 0;border:0;color:var(--dtmt-warning-500);font-size:var(--dtmt-font-size-xs);gap:var(--dtmt-spacing-xs)}.dtmt-component-dev-message.expanded .dtmt-component-dev-message-toggle:hover{background:rgba(245,158,11,.08);color:var(--dtmt-warning-400)}.dtmt-component-item,.dtmt-component-list{display:flex;flex-direction:column;gap:var(--dtmt-spacing-sm)}.dtmt-component-item{border:1px solid var(--dtmt-neutral-600);background:var(--dtmt-neutral-800);border-radius:var(--dtmt-radius-md);padding:var(--dtmt-spacing-sm);cursor:grab;gap:var(--dtmt-spacing-xs)}.dtmt-component-item:hover{background:var(--dtmt-neutral-700);border-color:var(--dtmt-neutral-500);box-shadow:var(--dtmt-shadow-md)}.dtmt-component-item.dragging{opacity:.5;transform:rotate(5deg);z-index:1000}.dtmt-component-preview{display:flex;justify-content:center;align-items:center;width:100%;min-height:60px;border-bottom:1px solid var(--dtmt-neutral-600);overflow:visible;padding:4px 0}.dtmt-sidebar-right .dtmt-component-preview-button{max-width:100%;box-sizing:border-box}.dtmt-sidebar-right .dtmt-component-preview-button .component-text{text-underline-offset:2px}.dtmt-component-preview-button-unstyled{background:#e5e7eb;color:#000;border:0;border-radius:0;padding:8px 16px;font-size:14px;font-weight:400;cursor:pointer;transition:none}.dtmt-component-name{color:var(--dtmt-text-primary);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium);text-align:center}.dtmt-component-properties{margin-top:var(--dtmt-spacing-lg);padding:var(--dtmt-spacing-md);background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md)}.dtmt-component-properties-header h5{color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);margin:0 0 var(--dtmt-spacing-md)0}.dtmt-component-property-group{margin-bottom:var(--dtmt-spacing-md)}.dtmt-component-property-label{display:block;color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium);margin-bottom:var(--dtmt-spacing-xs)}.dtmt-component-property-input{width:100%;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);background:var(--dtmt-neutral-700);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm);color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-sm);font-family:var(--dtmt-font-family);transition:border-color var(--dtmt-transition-normal)}.dtmt-component-property-input:focus-visible{outline:0;border-color:var(--dtmt-primary-400);box-shadow:0 0 0 2px rgba(59,130,246,.2)}.dtmt-connection-menu{position:fixed;background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);box-shadow:var(--dtmt-shadow-lg);z-index:10000;display:none;min-width:200px;max-width:300px;overflow:hidden}.dtmt-connection-menu.show{display:block;animation:slideIn .2s ease-out}.dtmt-connection-menu-header{padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-md);background:var(--dtmt-neutral-800);border-bottom:1px solid var(--dtmt-neutral-600);display:flex;align-items:center;justify-content:space-between}.dtmt-connection-menu-title{color:var(--dtmt-neutral-500);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-semibold)}.dtmt-connection-menu-close{background:0 0;border:0;color:var(--dtmt-text-secondary);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-normal);margin-inline-end:-.5rem}.dtmt-connection-menu-close:hover{background:var(--dtmt-neutral-600);color:var(--dtmt-text-primary)}.dtmt-property-options{max-height:300px;overflow-y:auto}.dtmt-property-option{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);width:100%;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);background:0 0;border:0;color:var(--dtmt-text-primary);cursor:pointer;transition:all var(--dtmt-transition-normal);text-align:left;font-size:var(--dtmt-font-size-sm)}.dtmt-property-option:hover{background:var(--dtmt-neutral-700)}.dtmt-property-option .material-symbols-outlined{font-size:16px;color:var(--dtmt-neutral-400)}.dtmt-connection-menu-header{cursor:move;user-select:none}.dtmt-connection-menu-header:hover{background:var(--dtmt-neutral-700)}.dtmt-component-item-controls{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:var(--dtmt-spacing-xs)}.dtmt-component-options-btn{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-normal);display:flex;align-items:center;justify-content:center}.dtmt-component-options-btn:hover{background:var(--dtmt-neutral-600);color:var(--dtmt-neutral-200)}.dtmt-component-dropdown-item-checkbox{display:flex;align-items:center;gap:var(--dtmt-spacing-sm)}.dtmt-component-dropdown-item-checkbox input[type=checkbox]{width:16px;height:16px;accent-color:var(--dtmt-primary-500);cursor:pointer;margin:0}.dtmt-component-dropdown-item-checkbox label{color:inherit;cursor:pointer;flex:1;margin:0}.dtmt-component-item{position:relative}.dtmt-component-item.dropdown-open{z-index:9999}.component-icon{font-size:inherit!important;color:inherit!important;vertical-align:middle;margin:0 4px}.dtmt-sidebar-tabs{display:flex;gap:var(--dtmt-spacing-xs);align-items:center;flex:1;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:var(--dtmt-neutral-600) transparent;-webkit-overflow-scrolling:touch;min-width:0}.dtmt-sidebar-tabs::-webkit-scrollbar{height:4px}.dtmt-sidebar-tabs::-webkit-scrollbar-track{background:0 0}.dtmt-sidebar-tabs::-webkit-scrollbar-thumb{background:var(--dtmt-neutral-600);border-radius:2px}.dtmt-sidebar-tab{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);border-radius:var(--dtmt-radius-sm);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);transition:all var(--dtmt-transition-normal);position:relative;flex-shrink:0;white-space:nowrap;display:flex;align-items:center;gap:var(--dtmt-spacing-xs)}.dtmt-sidebar-tab .material-symbols-outlined{font-size:16px;width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dtmt-canvas-btn-icon-wrapper,.dtmt-tab-icon-wrapper{position:relative;display:inline-flex;align-items:center;justify-content:center}.dtmt-canvas-btn-badge,.dtmt-tab-badge{position:absolute;top:-2px;right:-2px;width:6px;height:6px;background:var(--dtmt-error-500);border-radius:50%;border:1.5px solid var(--dtmt-neutral-800);z-index:1;display:block}.dtmt-sidebar-tab:hover{color:var(--dtmt-neutral-200);background:var(--dtmt-neutral-700)}.dtmt-sidebar-tab.active{color:var(--dtmt-text-primary)}.dtmt-sidebar-tab.active::after{content:"";position:absolute;bottom:-12px;left:0;right:0;height:2px;background:var(--dtmt-neutral-300);border-radius:1px}.dtmt-tab-content{display:none}.dtmt-tab-content.active{display:block}.dtmt-comments-header{margin-bottom:var(--dtmt-spacing-lg)}.dtmt-connections-header h4,.dtmt-new-comment-btn{font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium)}.dtmt-new-comment-btn{width:100%;background:var(--dtmt-neutral-700);border:1px solid var(--dtmt-neutral-600);color:var(--dtmt-neutral-200);cursor:pointer;padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);border-radius:var(--dtmt-radius-md);display:flex;align-items:center;justify-content:center;gap:var(--dtmt-spacing-xs);transition:all var(--dtmt-transition-normal)}.dtmt-new-comment-btn:hover{background:var(--dtmt-neutral-600);border-color:var(--dtmt-neutral-500)}.dtmt-new-comment-btn .material-symbols-outlined{font-size:18px}.dtmt-comments-list{display:flex;flex-direction:column;gap:var(--dtmt-spacing-md)}.dtmt-connections-section{padding:0 var(--dtmt-spacing-md) var(--dtmt-spacing-md)}.dtmt-connections-header{margin-bottom:var(--dtmt-spacing-lg)}.dtmt-connections-header h4{color:var(--dtmt-neutral-400);margin:0;line-height:1.5}.dtmt-connections-group,.dtmt-connections-options{display:flex;flex-direction:column;gap:var(--dtmt-spacing-lg)}.dtmt-connections-group{gap:var(--dtmt-spacing-md)}.dtmt-connections-group:first-child{border-bottom:1px solid var(--dtmt-neutral-600);padding-block-end:var(--dtmt-spacing-xl)}.dtmt-connections-checkbox{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);cursor:pointer;color:var(--dtmt-neutral-200);font-size:var(--dtmt-font-size-sm);transition:color var(--dtmt-transition-normal)}.dtmt-connections-checkbox:hover{color:var(--dtmt-neutral-100)}.dtmt-connections-checkbox input[type=checkbox]{position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid var(--dtmt-neutral-500);border-radius:4px;background:0 0;transition:all var(--dtmt-transition-normal);width:18px;height:18px;cursor:pointer;flex-shrink:0}.dtmt-connections-checkbox input[type=checkbox]:checked{background:var(--dtmt-checkbox-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6))!important;border:0}.dtmt-connections-checkbox input[type=checkbox]:checked::after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--dtmt-checkbox-contrast-color, #ffffff)!important;font-size:12px;font-weight:700;line-height:1}.dtmt-connections-checkbox span{flex:1}.dtmt-comment-item{background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-md);padding:var(--dtmt-spacing-md);transition:all var(--dtmt-transition-normal);cursor:pointer}.dtmt-comment-item:hover{border-color:var(--dtmt-neutral-500);background:var(--dtmt-neutral-750)}.dtmt-comment-item-header{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);margin-bottom:var(--dtmt-spacing-sm);position:relative;width:100%;overflow:visible}.dtmt-comment-author-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#e53935 0,#d32f2f 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dtmt-comment-author-initial{font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-semibold)}.dtmt-comment-author-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow:hidden}.dtmt-comment-author-name{color:var(--dtmt-text-primary);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium)}.dtmt-comment-timestamp{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-xs)}.dtmt-comment-content{color:var(--dtmt-text-primary);font-size:var(--dtmt-font-size-sm);line-height:1.5}.dtmt-comment-text-container{position:relative}.dtmt-comment-text-collapsed{display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dtmt-comment-text-collapsed,.dtmt-comment-text-expanded{color:var(--dtmt-text-primary);font-size:var(--dtmt-font-size-sm);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.dtmt-comment-expand-btn{background:0 0;border:0;color:var(--dtmt-primary-400);cursor:pointer;padding:var(--dtmt-spacing-xs)0;margin-top:var(--dtmt-spacing-xs);display:inline-flex;align-items:center;transition:color var(--dtmt-transition-normal);text-align:left}.dtmt-comment-expand-btn:hover{color:var(--dtmt-primary-300)}.dtmt-comment-expand-btn .material-symbols-outlined{font-size:20px}.dtmt-comments-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.dtmt-comment-icon{position:absolute;width:28px;height:28px;cursor:pointer;pointer-events:all;transition:transform var(--dtmt-transition-normal);z-index:11}.dtmt-comment-icon:hover{transform:scale(1.1)}.dtmt-comment-icon-svg{width:100%;height:100%;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.dtmt-comment-icon-bubble{fill:var(--dtmt-neutral-800);stroke:var(--dtmt-neutral-600);stroke-width:1}.dtmt-comment-icon-circle{fill:#e53935}.dtmt-comment-icon-letter{fill:#fff;font-family:var(--dtmt-font-family);font-size:14px;font-weight:var(--dtmt-font-weight-semibold);text-anchor:middle;dominant-baseline:central}.dtmt-comment-input-container{position:absolute;z-index:100;pointer-events:all;min-width:280px;max-width:400px}.dtmt-comment-input-wrapper{border-radius:var(--dtmt-radius-lg);padding:var(--dtmt-spacing-md);box-shadow:0 4px 12px rgba(0,0,0,.4);display:flex;flex-direction:column;gap:var(--dtmt-spacing-sm);backdrop-filter:blur(20px)}.dtmt-comment-input-header{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);position:relative}.dtmt-comment-input-cancel-btn{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--dtmt-transition-normal);width:24px;height:24px;margin-left:auto;flex-shrink:0}.dtmt-comment-input-cancel-btn:hover,.dtmt-comment-input-textarea{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-200)}.dtmt-comment-input-cancel-btn .material-symbols-outlined{font-size:18px}.dtmt-comment-input-textarea{border:1px solid var(--dtmt-neutral-600);border-radius:var(--dtmt-radius-sm);padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);color:var(--dtmt-text-primary);font-size:var(--dtmt-font-size-sm);font-family:var(--dtmt-font-family);resize:none;min-height:60px;max-height:200px;width:100%;box-sizing:border-box;transition:border-color var(--dtmt-transition-normal)}.dtmt-comment-input-textarea:focus{outline:0;border-color:var(--dtmt-neutral-200)}.dtmt-comment-input-textarea::placeholder{color:var(--dtmt-neutral-400)}.dtmt-comment-input-actions{display:flex;align-items:center;justify-content:space-between}.dtmt-comment-input-icons{display:flex;gap:var(--dtmt-spacing-xs)}.dtmt-comment-icon-btn{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--dtmt-transition-normal)}.dtmt-comment-icon-btn:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-200)}.dtmt-comment-icon-btn .material-symbols-outlined{font-size:18px}.dtmt-comment-save-btn{background:var(--dtmt-neutral-200)!important;color:var(--dtmt-neutral-700)!important}.dtmt-emoji-picker{position:absolute;bottom:100%;left:0;margin-bottom:var(--dtmt-spacing-xs);background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-md);box-shadow:0 4px 12px rgba(0,0,0,.4);z-index:1000;max-width:300px;max-height:300px;overflow-y:auto}.dtmt-emoji-picker-content{display:grid;grid-template-columns:repeat(8,1fr);gap:var(--dtmt-spacing-xs);padding:var(--dtmt-spacing-sm)}.dtmt-comment-send-btn,.dtmt-emoji-item{border:0;cursor:pointer;padding:var(--dtmt-spacing-xs);display:flex;align-items:center;justify-content:center;transition:all var(--dtmt-transition-normal)}.dtmt-emoji-item{background:0 0;color:var(--dtmt-neutral-200);border-radius:var(--dtmt-radius-sm);font-size:20px;aspect-ratio:1}.dtmt-emoji-item:hover{background:var(--dtmt-neutral-700);transform:scale(1.2)}.dtmt-comment-send-btn{background:var(--dtmt-neutral-200);color:var(--dtmt-neutral-700);border-radius:50%;width:32px;height:32px}.dtmt-comment-send-btn:hover{background:var(--dtmt-neutral-100);transform:scale(1.05)}.dtmt-comment-send-btn .material-symbols-outlined{font-size:18px}.dtmt-comment-send-btn:disabled{opacity:.5;cursor:not-allowed}.dtmt-expanded-comment{position:absolute;z-index:200;pointer-events:all;min-width:280px;max-width:400px;backdrop-filter:blur(20px)}.dtmt-expanded-comment-wrapper{border-radius:var(--dtmt-radius-lg);padding:var(--dtmt-spacing-md);box-shadow:0 5px 20px rgba(0,0,0,.3);display:flex;flex-direction:column;gap:var(--dtmt-spacing-sm)}.dtmt-expanded-comment-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--dtmt-spacing-sm)}.dtmt-expanded-comment-author{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);flex:1}.dtmt-expanded-comment-actions{display:flex;gap:var(--dtmt-spacing-xs);align-items:center}.dtmt-comment-close-btn,.dtmt-comment-delete-btn{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--dtmt-transition-normal);width:24px;height:24px}.dtmt-comment-delete-btn:hover{background:var(--dtmt-danger-600);color:#fff}.dtmt-comment-close-btn:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-200)}.dtmt-comment-close-btn .material-symbols-outlined,.dtmt-comment-delete-btn .material-symbols-outlined{font-size:18px}.dtmt-expanded-comment-content{color:var(--dtmt-text-primary);font-size:var(--dtmt-font-size-sm);line-height:1.5;padding-top:var(--dtmt-spacing-sm);border-top:1px solid var(--dtmt-neutral-700)}.dtmt-expanded-comment-content .dtmt-comment-text-container{position:relative}.dtmt-expanded-comment-content .dtmt-comment-text-collapsed{display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.dtmt-expanded-comment-content .dtmt-comment-text-collapsed,.dtmt-expanded-comment-content .dtmt-comment-text-expanded{color:var(--dtmt-text-primary);font-size:var(--dtmt-font-size-sm);line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.dtmt-expanded-comment-content .dtmt-comment-expand-btn{margin-top:var(--dtmt-spacing-sm)}.dtmt-comment-delete-btn-sidebar,.dtmt-comment-edit-btn{background:0 0;border:0;color:var(--dtmt-neutral-400);cursor:pointer;padding:var(--dtmt-spacing-xs);border-radius:var(--dtmt-radius-sm);transition:all var(--dtmt-transition-normal)}.dtmt-comment-edit-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;margin-right:var(--dtmt-spacing-xs)}.dtmt-comment-edit-btn:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-primary-400)}.dtmt-comment-edit-btn .material-symbols-outlined{font-size:18px}.dtmt-comment-delete-btn-sidebar{display:flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;opacity:1!important;flex-shrink:0!important;width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;visibility:visible!important;position:relative!important;z-index:10!important}.dtmt-comment-delete-btn-sidebar:hover{background:var(--dtmt-danger-600);color:#fff}.dtmt-comment-delete-btn-sidebar .material-symbols-outlined{font-size:18px;display:block}body.comment-mode,body.comment-mode *{cursor:url("data:image/svg+xml,%3Csvg width='23' height='21' viewBox='0 0 23 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.7842 0.0771484C21.0025 0.0771484 21.9998 1.07373 22 2.29199L22.0771 13.6611C22.0771 14.8796 21.0798 15.877 19.8613 15.877H6.27637L0 20.3076L1.76953 2.21582C1.76953 0.997429 2.766 7.2826e-05 3.98438 0L19.7842 0.0771484ZM12.7227 4.91504C12.3927 4.91511 12.1231 5.18568 12.123 5.51562V7.31543H10.3232C9.99339 7.31543 9.72289 7.58524 9.72266 7.91504C9.72266 8.24503 9.99325 8.51562 10.3232 8.51562H12.123V10.3154C12.1231 10.6454 12.3927 10.915 12.7227 10.915C13.0526 10.915 13.3232 10.6454 13.3232 10.3154V8.51562H15.123C15.4529 8.51547 15.7227 8.24494 15.7227 7.91504C15.7224 7.58533 15.4528 7.31558 15.123 7.31543H13.3232V5.51562C13.3232 5.18564 13.0526 4.91504 12.7227 4.91504Z' fill='white'/%3E%3C/svg%3E%0A")12 12,pointer!important}.dtmt-component-text-input{width:100%;padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);background:var(--dtmt-neutral-700);border:1px solid var(--dtmt-neutral-400);border-radius:var(--dtmt-radius-sm);color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-sm);font-family:var(--dtmt-font-family)}.dtmt-auth-btn,.dtmt-auth-buttons{width:100%;display:flex;align-items:center}.dtmt-auth-buttons{gap:var(--dtmt-spacing-2xl);border-bottom:1px solid var(--dtmt-neutral-700);padding-block-end:var(--dtmt-spacing-2xl)}.dtmt-auth-btn{padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-lg);border-radius:var(--dtmt-radius-md);font-size:var(--dtmt-font-size-sm);cursor:pointer;transition:all var(--dtmt-transition-normal);border:0;font-family:var(--dtmt-font-family);justify-content:center;gap:var(--dtmt-spacing-xs)}.dtmt-auth-btn-secondary{background:0 0;color:var(--dtmt-neutral-200);border:1px solid var(--dtmt-neutral-600)}.dtmt-auth-btn-secondary:hover{background:var(--dtmt-neutral-700)}.dtmt-btn-google{width:100%;padding:var(--dtmt-spacing-md);background:#000;color:var(--dtmt-neutral-100);border:1px solid var(--dtmt-neutral-800);font-family:var(--dtmt-font-family);transition:all var(--dtmt-transition-normal);justify-content:center}.dtmt-btn-google:hover:not(:disabled){background:var(--dtmt-neutral-700);box-shadow:0 1px 3px 0 rgba(60,64,67,.15);border-color:var(--dtmt-neutral-600)}.dtmt-btn-google:active:not(:disabled){background:#f1f3f4;box-shadow:0 1px 2px 0 rgba(60,64,67,.1)}.dtmt-btn-google:disabled{opacity:.6;cursor:not-allowed}.dtmt-auth-divider,.dtmt-auth-links{text-align:center;font-size:var(--dtmt-font-size-sm);color:var(--dtmt-neutral-400);display:flex}.dtmt-auth-divider{align-items:center;margin:var(--dtmt-spacing-md)0}.dtmt-auth-divider::after,.dtmt-auth-divider::before{content:"";flex:1;border-bottom:1px solid var(--dtmt-neutral-700)}.dtmt-auth-divider span{padding:0 var(--dtmt-spacing-md);background:var(--dtmt-neutral-900);color:var(--dtmt-neutral-400)}.dtmt-auth-links{margin-top:var(--dtmt-spacing-lg);flex-direction:column;gap:var(--dtmt-spacing-xs)}.dtmt-auth-links a{color:var(--dtmt-primary-500);text-decoration:none;cursor:pointer}.dtmt-auth-error,.dtmt-auth-success{margin-top:var(--dtmt-spacing-md);padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);border-radius:var(--dtmt-radius-md);font-size:var(--dtmt-font-size-sm);display:none}.dtmt-auth-error{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#dc2626}.dtmt-auth-success{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:#16a34a}.dtmt-user-menu{display:none;flex-direction:column;gap:var(--dtmt-spacing-xs)}.dtmt-user-menu-header{display:flex;align-items:center;gap:var(--dtmt-spacing-md);padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);background:var(--dtmt-neutral-800);border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-md);cursor:pointer;transition:all var(--dtmt-transition-normal)}.dtmt-user-menu-header:hover{background:var(--dtmt-neutral-700);border-color:var(--dtmt-neutral-600)}.dtmt-user-avatar{width:32px;height:32px;border-radius:50%;background:var(--dtmt-primary-600);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:var(--dtmt-font-weight-semibold);font-size:var(--dtmt-font-size-sm);flex-shrink:0}.dtmt-user-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dtmt-user-name{font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);color:var(--dtmt-neutral-200);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtmt-user-email-row{display:flex;align-items:center;justify-content:space-between;gap:var(--dtmt-spacing-xs);min-width:0}.dtmt-user-email{font-size:var(--dtmt-font-size-xs);color:var(--dtmt-neutral-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dtmt-plan-badge,.dtmt-user-plan-badge{align-items:center;text-transform:uppercase}.dtmt-plan-badge{display:inline-flex;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;letter-spacing:.5px;margin-left:6px;background:linear-gradient(135deg,rgba(141,129,255,.2),rgba(109,248,250,.15));color:var(--dtmt-neutral-200);border:1px solid rgba(141,129,255,.3)}.dtmt-plan-badge[data-plan=startup]{background:linear-gradient(135deg,rgba(109,248,250,.2),rgba(141,129,255,.15));border-color:rgba(109,248,250,.3);color:#6df8fa}.dtmt-plan-badge[data-plan=premium]{background:linear-gradient(135deg,rgba(253,69,149,.2),rgba(255,131,82,.15));border-color:rgba(253,69,149,.3);color:#fd4595}.dtmt-user-plan-badge{display:none;padding:2px 8px;border-radius:999px;font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium);letter-spacing:.04em;background:rgba(59,130,246,.15);color:#8ab4ff;border:1px solid rgba(59,130,246,.35);flex-shrink:0}.dtmt-user-plan-badge[data-plan=free]{background:rgba(255,255,255,.08);color:var(--dtmt-neutral-200);border-color:rgba(255,255,255,.15)}.dtmt-user-plan-badge[data-plan=startup]{background:rgba(45,212,191,.18);color:#5eead4;border-color:rgba(45,212,191,.35)}.dtmt-user-plan-badge[data-plan=premium]{background:rgba(251,191,36,.18);color:#facc15;border-color:rgba(251,191,36,.4)}.dtmt-user-menu-dropdown{position:absolute;top:calc(100% + var(--dtmt-spacing-sm));left:0;z-index:var(--dtmt-z-dropdown);min-width:220px;display:none}.dtmt-user-menu-dropdown.active{display:block}.dtmt-user-menu-toggle{background:0 0;border:0;cursor:pointer;color:var(--dtmt-neutral-400);display:flex;align-items:center;padding:var(--dtmt-spacing-xs);transition:transform var(--dtmt-transition-normal),color var(--dtmt-transition-normal);flex-shrink:0}.dtmt-user-menu-toggle:hover{color:var(--dtmt-neutral-200)}.dtmt-user-menu-dropdown.active .dtmt-user-menu-toggle{transform:rotate(180deg)}.dtmt-user-menu-dropdown-content{background:rgba(22,22,31,.88);border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-radius-lg);box-shadow:var(--dtmt-shadow-xl);min-width:220px;display:none;backdrop-filter:blur(15px)!important;-webkit-backdrop-filter:blur(15px)!important;overflow:hidden;padding:var(--dtmt-spacing-sm);flex-direction:column;gap:var(--dtmt-spacing-xs)}.dtmt-user-menu-dropdown.active .dtmt-user-menu-dropdown-content{display:flex}.dtmt-user-menu-item-info{display:flex;flex-direction:column;gap:2px;padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);cursor:default}.dtmt-user-name-row{display:flex;align-items:center;gap:var(--dtmt-spacing-sm)}.dtmt-gradient-refresh-btn,.dtmt-user-menu-item{display:flex;align-items:center;border:0;color:var(--dtmt-neutral-300);cursor:pointer}.dtmt-gradient-refresh-btn{width:18px;height:18px;border-radius:50%;background:var(--dtmt-neutral-700);justify-content:center;padding:0;transition:all var(--dtmt-transition-fast);flex-shrink:0}.dtmt-gradient-refresh-btn:active{transform:scale(.95)}.dtmt-gradient-refresh-btn .material-symbols-outlined{font-size:15px;line-height:1}.dtmt-user-menu-item-info .dtmt-user-name{font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-semibold);color:var(--dtmt-neutral-100);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.dtmt-user-menu-item-info .dtmt-user-email{font-size:var(--dtmt-font-size-xs);color:var(--dtmt-neutral-400);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dtmt-user-menu-item{gap:var(--dtmt-spacing-md);padding:var(--dtmt-spacing-xs) var(--dtmt-spacing-sm);background:0 0;border-radius:var(--dtmt-radius-sm);font-size:var(--dtmt-font-size-sm);font-weight:var(--dtmt-font-weight-medium);text-align:left;width:100%;transition:all var(--dtmt-transition-normal)}.dtmt-user-menu-item:hover{background:var(--dtmt-neutral-700);color:var(--dtmt-neutral-100)}.dtmt-user-menu-item .material-symbols-outlined{font-size:20px;color:var(--dtmt-neutral-400);transition:color var(--dtmt-transition-normal);flex-shrink:0}.dtmt-user-menu-item:hover .material-symbols-outlined{color:var(--dtmt-neutral-200)}.dtmt-user-menu-item>span:not(.material-symbols-outlined){color:var(--dtmt-neutral-300);font-weight:var(--dtmt-font-weight-medium)}.dtmt-user-menu-item:hover>span:not(.material-symbols-outlined){color:var(--dtmt-neutral-100)}.dtmt-user-menu-item.danger:hover{background:rgba(239,68,68,.1);color:var(--dtmt-danger-300)}.dtmt-user-menu-item.danger,.dtmt-user-menu-item.danger .material-symbols-outlined{color:var(--dtmt-danger-400)}.dtmt-user-menu-item.danger:hover .material-symbols-outlined{color:var(--dtmt-danger-300)}.dtmt-user-menu-item.danger>span:not(.material-symbols-outlined){color:var(--dtmt-danger-400)!important}.dtmt-user-menu-item.danger:hover>span:not(.material-symbols-outlined){color:var(--dtmt-danger-300)!important}.dtmt-user-menu-divider{height:1px;background:var(--dtmt-neutral-700);margin:var(--dtmt-spacing-xs)0}.dtmt-settings-section{margin-bottom:var(--dtmt-spacing-xl);flex:0 1 50%}.dtmt-settings-section h3{margin-block:var(--dtmt-spacing-sm) var(--dtmt-spacing-2xl);background:rgba(255,255,255,.03);padding:.5rem}.dtmt-settings-section p{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm);line-height:1.5;margin-bottom:var(--dtmt-spacing-md)}.dtmt-toggle-switch{appearance:none;-webkit-appearance:none;width:48px;height:24px;background:var(--dtmt-neutral-600);border-radius:12px;position:relative;cursor:pointer;transition:background-color var(--dtmt-transition-normal);border:0;outline:0}.dtmt-toggle-switch:checked{background:var(--dtmt-primary-500)}.dtmt-toggle-switch::before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:var(--dtmt-neutral-100);top:2px;left:2px;transition:transform var(--dtmt-transition-normal);box-shadow:0 2px 4px rgba(0,0,0,.2)}.dtmt-toggle-switch:checked::before{transform:translateX(24px)}.dtmt-toggle-switch:focus-visible{box-shadow:0 0 0 3px rgba(59,130,246,.2)}.dtmt-toggle-switch:hover:not(:disabled){background:var(--dtmt-neutral-500)}.dtmt-toggle-switch:checked:hover:not(:disabled){background:var(--dtmt-primary-600)}.dtmt-account-summary{margin-top:var(--dtmt-spacing-xl);padding:var(--dtmt-spacing-lg);border-radius:var(--dtmt-radius-lg);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:var(--dtmt-spacing-md)}.dtmt-account-summary-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--dtmt-spacing-md);border-block-end:1px solid var(--dtmt-neutral-700);margin-block-end:.5rem;padding-block-end:.5rem}.dtmt-account-summary-label{color:var(--dtmt-neutral-400);font-size:var(--dtmt-font-size-sm);letter-spacing:.08em;text-transform:uppercase}.dtmt-account-summary-value{color:var(--dtmt-neutral-100);font-size:var(--dtmt-font-size-md);font-weight:var(--dtmt-font-weight-medium);text-align:right;max-width:60%;word-break:break-word}.dtmt-account-plan-badge{display:none;align-items:center;padding:4px 10px;border-radius:12px;font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-semibold);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.dtmt-account-plan-badge[data-plan=free]{background:rgba(255,255,255,.08);color:var(--dtmt-neutral-200);border:1px solid rgba(255,255,255,.15)}.dtmt-account-plan-badge[data-plan=startup]{background:rgba(45,212,191,.18);color:#5eead4;border:1px solid rgba(45,212,191,.35)}.dtmt-account-plan-badge[data-plan=premium]{background:rgba(251,191,36,.18);color:#facc15;border:1px solid rgba(251,191,36,.4)}.dtmt-account-summary-label{display:flex;align-items:center}:root{--dtmt-canvas-shadow-color:rgba(0, 0, 0, 0.1);--dtmt-canvas-shadow-blur:15px;--dtmt-canvas-shadow-offset-x:0px;--dtmt-canvas-shadow-offset-y:0px;--dtmt-menu-shadow-color:rgba(0, 0, 0, 0.1);--dtmt-menu-shadow-blur:15px;--dtmt-menu-border-width:1px;--dtmt-node-selected-border-width:2px;--dtmt-node-selected-dash-pattern:5px, 5px;--dtmt-socket-hover-border-color:#ffffff;--dtmt-socket-hover-border-multiplier:1.5;--dtmt-connection-highlighted-color:#ffffff;--dtmt-connection-highlighted-width:2px;--dtmt-connection-highlighted-glow-color:#ffffffa1;--dtmt-connection-highlighted-glow-blur:10px;--dtmt-connection-selected-color:#ef4444;--dtmt-button-icon-line-width:2px;--dtmt-minimap-stroke-width:1px;--dtmt-minimap-viewport-stroke-width:2px;--dtmt-component-default-bg:#e5e7eb;--dtmt-component-default-color:#000000;--dtmt-component-default-border-radius:0px;--dtmt-component-default-padding-x:16px;--dtmt-component-default-padding-y:8px;--dtmt-component-default-border-width:1px;--dtmt-component-default-border-color:#d1d5db;--dtmt-label-bg-color:rgba(0, 0, 0, 0.8);--dtmt-label-text-color:#ffffff;--dtmt-shadow-color:rgba(0, 0, 0, 0.3);--dtmt-shadow-blur:4px;--dtmt-shadow-offset-x:2px;--dtmt-shadow-offset-y:2px;--dtmt-group-border-width:1px;--dtmt-checkbox-active-icon:#10101e;--dtmt-checkbox-inactive-bg:rgba(255, 255, 255, 0.1);--dtmt-checkbox-inactive-border:#313142;--dtmt-checkbox-inactive-icon:rgba(255, 255, 255, 0.75);--dtmt-color-picker-default:#F5F5F5;--dtmt-color-picker-placeholder:#4a90e2;--dtmt-color-picker-checker-even:#ffffff;--dtmt-color-picker-checker-odd:#cccccc;--dtmt-color-picker-black-fallback:#000000;--dtmt-light-animation-color:#ffffff;--dtmt-light-animation-glow-color:#ffffff;--dtmt-light-animation-glow-blur:5px;--dtmt-light-animation-size:1px;--dtmt-light-animation-speed:2.0;--dtmt-light-animation-opacity:0.9;--dtmt-light-animation-core-color:#ffffff;--dtmt-light-animation-core-size:1px;--dtmt-light-color-2:#60a5fa;--dtmt-light-color-3:#34d399;--dtmt-light-color-cycle:false}#dtmt-theme-toggle{opacity:.5;pointer-events:none}.dtmt-token-selection-modal{max-width:600px;max-height:80vh;display:flex;flex-direction:column}.dtmt-token-selection-content{flex:1;overflow-y:auto;padding:var(--dtmt-spacing-md);min-height:200px;max-height:60vh}.dtmt-token-selection-select-all{padding:var(--dtmt-spacing-md);border-bottom:1px solid var(--dtmt-neutral-700);margin-bottom:var(--dtmt-spacing-md)}.dtmt-token-selection-layers{display:flex;flex-direction:column;gap:var(--dtmt-spacing-md)}.dtmt-token-selection-layer{border:1px solid var(--dtmt-neutral-700);border-radius:var(--dtmt-border-radius-md);overflow:hidden}.dtmt-token-selection-layer-header{padding:var(--dtmt-spacing-md);background:var(--dtmt-neutral-800);border-bottom:1px solid var(--dtmt-neutral-700);display:flex;align-items:center;gap:var(--dtmt-spacing-sm)}.dtmt-token-selection-layer-header .dtmt-checkbox-label{flex:1;display:flex;align-items:center;gap:var(--dtmt-spacing-sm);cursor:pointer;margin:0}.dtmt-token-selection-layer-header .dtmt-checkbox-text{font-weight:600;text-transform:capitalize;color:var(--dtmt-label-text-color)}.dtmt-token-selection-layer-tokens{padding:var(--dtmt-spacing-sm);display:flex;flex-direction:column;gap:var(--dtmt-spacing-xs);max-height:300px;overflow-y:auto}.dtmt-token-selection-token-item{padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-md);display:flex;align-items:center;gap:var(--dtmt-spacing-sm);border-radius:var(--dtmt-border-radius-sm);transition:background-color .2s}.dtmt-token-selection-token-item:hover{background:var(--dtmt-neutral-800)}.dtmt-token-selection-token-item .dtmt-checkbox-label{flex:1;display:flex;align-items:center;gap:var(--dtmt-spacing-sm);cursor:pointer;margin:0}.dtmt-token-selection-token-name{font-weight:500;color:var(--dtmt-label-text-color)}.dtmt-token-selection-token-value{font-size:.875rem;color:var(--dtmt-neutral-400);margin-left:auto;font-family:"Courier New",monospace}.dtmt-checkbox-label{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);cursor:pointer;user-select:none}.dtmt-checkbox{display:none}.dtmt-checkbox-custom{width:18px;height:18px;border:2px solid var(--dtmt-neutral-500);border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;background:0 0}.dtmt-checkbox:checked+.dtmt-checkbox-custom{background:var(--dtmt-checkbox-gradient, linear-gradient(135deg, #3b82f6, #8b5cf6))!important;border-color:transparent!important}.dtmt-checkbox:checked+.dtmt-checkbox-custom::after{content:"✓";color:var(--dtmt-checkbox-contrast-color, #ffffff)!important;font-size:12px;font-weight:700}.dtmt-checkbox-label:hover .dtmt-checkbox-custom{border-color:#e9e9ed}.dtmt-checkbox-text{color:var(--dtmt-label-text-color);font-size:.875rem}.dtmt-add-to-canvas-option{margin-top:var(--dtmt-spacing-md);margin-bottom:var(--dtmt-spacing-sm);padding-top:var(--dtmt-spacing-md);border-top:1px solid var(--dtmt-neutral-700)}.dtmt-add-to-canvas-option .dtmt-checkbox-label{display:flex;align-items:center;gap:var(--dtmt-spacing-sm);cursor:pointer;margin:0}.dtmt-add-to-canvas-option .dtmt-checkbox-label input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.dtmt-add-to-canvas-option .dtmt-checkbox-text{color:var(--dtmt-neutral-300);font-size:var(--dtmt-font-size-sm);user-select:none}.skeleton{background:linear-gradient(90deg,var(--dtmt-neutral-900) 25%,var(--dtmt-neutral-800) 50%,var(--dtmt-neutral-900) 75%);background-size:200% 100%;background-position:200%0;animation:skeleton-loading 1.5s infinite;flex-shrink:0}.dtmt-skeleton-container.loading{opacity:1}.dtmt-skeleton-container.loaded{opacity:0;pointer-events:none;transition:opacity .3s ease}#dtmt-skeleton-layer-headers{position:absolute;width:100%;left:0;top:92px}.dtmt-content-while-loading{display:none;opacity:0;visibility:hidden}.dtmt-content-while-loading.loaded{display:flex;opacity:1;visibility:visible;transition:opacity .3s ease}.dtmt-skeleton-toolbar-gradient{position:fixed;top:var(--dtmt-spacing-sm);left:50%;transform:translateX(-50%);width:316px;height:36px;background:linear-gradient(90deg,var(--dtmt-neutral-900) 25%,var(--dtmt-neutral-800) 50%,var(--dtmt-neutral-900) 75%);background-size:200% 100%;background-position:200%0;animation:skeleton-gradient-flow 1.5s infinite;mask-image:url(#dtmt-toolbar-button-mask);mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:url(#dtmt-toolbar-button-mask);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;z-index:100}#dtmt-security-warning{position:fixed;background:rgba(0,0,0,.85);box-shadow:rgba(0,0,0,.3)0 4px 12px;z-index:100000;font-size:24px;animation:.3s slideOut;display:none;inset:1rem;align-items:center;justify-content:center}#dtmt-security-warning.show{display:flex;animation:dtmt-security-slideIn .3s ease}#dtmt-security-warning.hide{animation:dtmt-security-slideOut .3s ease}#dtmt-security-warning .dtmt-plugin-logo{display:flex;align-items:center;justify-content:center;width:auto;height:auto}#dtmt-security-warning .dtmt-plugin-logo svg{filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.dtmt-desktop-only-active body>:not(.dtmt-desktop-only-overlay){visibility:hidden!important;pointer-events:none!important}.dtmt-desktop-only-overlay{position:fixed;inset:0;z-index:2147483647;display:flex;align-items:center;justify-content:center;padding:var(--dtmt-spacing-2xl);font-family:var(--dtmt-font-family);overflow:hidden;animation:dtmt-desktop-only-fade-in .45s ease}.dtmt-desktop-only-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse 80% 60%at 50% -10%,rgba(141,129,255,.22),transparent 55%),radial-gradient(ellipse 70% 50%at 100% 100%,rgba(253,69,149,.14),transparent 50%),radial-gradient(ellipse 60% 45%at 0% 80%,rgba(109,248,250,.12),transparent 45%),var(--dtmt-neutral-900)}.dtmt-desktop-only-card{position:relative;z-index:1;max-width:400px;width:100%;text-align:center;padding:var(--dtmt-spacing-4xl) var(--dtmt-spacing-2xl) var(--dtmt-spacing-3xl);border-radius:var(--dtmt-radius-2xl);border:1px solid transparent;background:linear-gradient(180deg,rgba(18,20,34,.94),rgba(10,12,22,.9)) padding-box,linear-gradient(140deg,rgba(141,129,255,.45),rgba(109,248,250,.3),rgba(253,69,149,.35)) border-box;box-shadow:0 24px 48px rgba(0,0,0,.45),0 0 0 1px rgba(255,255,255,.04) inset;backdrop-filter:blur(20px);animation:dtmt-desktop-only-slide-up .5s ease .05s both}.dtmt-desktop-only-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--dtmt-spacing-xl);border-radius:50%;background:linear-gradient(135deg,rgba(141,129,255,.2),rgba(109,248,250,.12));border:1px solid rgba(141,129,255,.25);box-shadow:0 8px 24px rgba(141,129,255,.15)}

.dtmt-desktop-only-icon .material-symbols-outlined {
    font-size: 28px;
    background: linear-gradient(145deg, #8d81ff, #6df8fa, #fd4595);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
} .dtmt-desktop-only-logo{display:block;margin:0 auto var(--dtmt-spacing-sm);width:118px;height:auto}.dtmt-desktop-only-logo text{font-family:"Manrope",sans-serif;font-weight:800;font-size:77px;letter-spacing:-.038em;font-variant-ligatures:common-ligatures contextual;text-rendering:optimizeLegibility}.dtmt-desktop-only-tagline{margin:0 0 var(--dtmt-spacing-xl);font-family:"Roboto Mono",monospace;font-size:.72rem;font-weight:300;letter-spacing:.08em;text-transform:uppercase;color:var(--dtmt-neutral-400)}.dtmt-desktop-only-title{margin:0 0 var(--dtmt-spacing-lg);font-size:1.65rem;font-weight:var(--dtmt-font-weight-semibold);line-height:1.25;letter-spacing:-.02em;color:var(--dtmt-neutral-50)}.dtmt-desktop-only-message{margin:0 0 var(--dtmt-spacing-2xl);font-size:var(--dtmt-font-size-sm);line-height:1.65;color:var(--dtmt-neutral-400)}.dtmt-desktop-only-hint{display:inline-flex;align-items:center;justify-content:center;gap:var(--dtmt-spacing-sm);padding:var(--dtmt-spacing-sm) var(--dtmt-spacing-lg);border-radius:999px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);font-size:var(--dtmt-font-size-xs);font-weight:var(--dtmt-font-weight-medium);color:var(--dtmt-neutral-300)}.dtmt-desktop-only-hint .material-symbols-outlined{font-size:16px;color:var(--dtmt-neutral-400)}@media (max-width:1100px){.dtmt-start-screen-nav{width:96vw;padding-inline:var(--dtmt-spacing-2xl)}.dtmt-start-screen-nav-inner{gap:var(--dtmt-spacing-lg)}.dtmt-nav-links{gap:var(--dtmt-spacing-md)}.dtmt-nav-link{font-size:12px}.dtmt-nav-btn{padding:.5rem 1.15rem;font-size:13px}.dtmt-start-screen-content{padding:var(--dtmt-spacing-3xl);padding-top:calc(var(--dtmt-spacing-4xl)*1.5);gap:var(--dtmt-spacing-4xl)}.dtmt-start-screen-logo{margin-block:calc(var(--dtmt-spacing-4xl)*-4)}.dtmt-start-screen-logo svg{width:min(100%,1000px)}.dtmt-ai-promo-banner{padding:8vh 8vw}.dtmt-start-screen-section-inner{padding-inline:var(--dtmt-spacing-3xl)}}@media (max-width:960px){.dtmt-start-screen-nav{padding-inline:var(--dtmt-spacing-xl)}.dtmt-start-screen-nav-inner{flex-wrap:wrap;justify-content:space-between;row-gap:var(--dtmt-spacing-md)}.dtmt-start-screen-nav .dtmt-logo-wrapper{width:auto!important}.dtmt-nav-logo{width:88px!important;flex-shrink:0}.dtmt-nav-links{order:3;flex:1 1 100%;justify-content:center;flex-wrap:wrap;gap:var(--dtmt-spacing-sm) var(--dtmt-spacing-lg)}.dtmt-nav-actions{flex-shrink:0;gap:var(--dtmt-spacing-sm)}.dtmt-start-screen-logo{margin-block:calc(var(--dtmt-spacing-4xl)*-3)}.dtmt-start-screen-logo svg{width:min(100%,820px)}.dtmt-start-screen-actions{flex-direction:column;gap:var(--dtmt-spacing-lg);min-width:auto;width:100%;max-width:380px}.dtmt-start-btn{max-width:100%;min-width:100%}.dtmt-start-screen-title{font-size:clamp(1.75rem,5.5vw,2.5rem)}.dtmt-pricing-grid{grid-template-columns:1fr;max-width:420px;margin-inline:auto}.dtmt-start-screen-footer{padding-inline:var(--dtmt-spacing-2xl)}}@media (max-width:860px){.dtmt-nav-links .dtmt-nav-link:last-child{display:none}.dtmt-start-screen-content,.dtmt-start-screen-section-inner{padding-inline:var(--dtmt-spacing-xl)}.dtmt-export-logos-carousel-section h3{font-size:2rem}}@media (max-width:768px){.dtmt-start-screen-nav{top:30px;padding-inline:var(--dtmt-spacing-lg)}.dtmt-nav-link{font-size:11px}.dtmt-nav-btn{padding:.45rem .95rem;font-size:12px}.dtmt-start-screen-content{padding-top:calc(var(--dtmt-spacing-4xl) + var(--dtmt-spacing-2xl));gap:var(--dtmt-spacing-3xl)}.dtmt-start-screen-logo{margin-block:calc(var(--dtmt-spacing-4xl)*-2)}.dtmt-start-screen-logo svg{width:min(100%,680px)}.dtmt-start-screen-title{font-size:clamp(1.5rem,5vw,2rem)}.dtmt-ai-promo-banner{padding:6vh 5vw}.dtmt-start-screen-pricing{padding:var(--dtmt-spacing-4xl)0}.dtmt-start-screen-section-inner{padding-inline:var(--dtmt-spacing-lg)}.dtmt-pricing-card{padding:var(--dtmt-spacing-2xl)}.dtmt-footer-nav{gap:var(--dtmt-spacing-md)}}