@tailwind base;@tailwind components;@tailwind utilities;:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace,Menlo,Monaco,"Cascadia Code","Segoe UI Mono","Roboto Mono","Oxygen Mono","Ubuntu Monospace","Source Code Pro","Fira Code","Droid Sans Mono","Courier New",monospace;--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255;--primary-glow:conic-gradient(from 180deg at 50% 50%,#16abff33 0deg,#0885ff33 55deg,#54d6ff33 120deg,#0071ff33 160deg,transparent 360deg);--secondary-glow:radial-gradient(#fff,hsla(0,0%,100%,0));--tile-start-rgb:239,245,249;--tile-end-rgb:228,232,233;--tile-border:conic-gradient(#00000080,#00000040,#00000030,#00000020,#00000010,#00000010,#00000080);--callout-rgb:238,240,241;--callout-border-rgb:172,175,176;--card-rgb:180,185,188;--card-border-rgb:131,134,135;--canvas-bg:#fafafa;--canvas-border:#e5e7eb;--canvas-error:#fee2e2;--canvas-loading:#eff6ff;--canvas-grid:#f0f0f0;--canvas-text:#2c3e50;--canvas-overlay:hsla(0,0%,100%,.95);--pa-primary:#3b82f6;--pa-secondary:#22c55e;--pa-accent:#eab308;--pa-neutral:#64748b;--element-trigger:#e74c3c;--element-task:#3498db;--element-decision:#f39c12;--element-wait:#9b59b6;--element-end:#27ae60;--mobile-touch-target:44px;--mobile-padding:16px;--mobile-margin:12px;--mobile-font-size:16px;--mobile-line-height:1.5;--touch-highlight:rgba(59,130,246,.2);--touch-active:rgba(59,130,246,.3);--mobile-overlay:9999;--mobile-menu:9998;--mobile-tooltip:9997}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0;--primary-glow:radial-gradient(rgba(1,65,255,.4),rgba(1,65,255,0));--secondary-glow:linear-gradient(to bottom right,rgba(1,65,255,0),rgba(1,65,255,0),rgba(1,65,255,.3));--tile-start-rgb:2,13,46;--tile-end-rgb:2,5,19;--tile-border:conic-gradient(#ffffff80,#ffffff40,#ffffff30,#ffffff20,#ffffff10,#ffffff10,#ffffff80);--callout-rgb:20,20,20;--callout-border-rgb:108,108,108;--card-rgb:100,100,100;--card-border-rgb:200,200,200;--canvas-bg:#1f2937;--canvas-border:#374151;--canvas-error:#7f1d1d;--canvas-loading:#1e3a8a;--canvas-grid:#374151;--canvas-text:#f9fafb;--canvas-overlay:rgba(31,41,55,.95)}}*{box-sizing:border-box;padding:0;margin:0}body,html{max-width:100vw;overflow-x:hidden}body{color:rgb(var(--foreground-rgb));background:linear-gradient(to bottom,transparent,rgb(var(--background-end-rgb))) rgb(var(--background-start-rgb))}a{color:inherit;text-decoration:none}@media (prefers-color-scheme:dark){html{color-scheme:dark}}@media (max-width:768px){.btn,.demo-button,[role=button],button,input[type=button],input[type=reset],input[type=submit]{min-height:var(--mobile-touch-target)!important;min-width:var(--mobile-touch-target)!important;padding:12px 20px!important;font-size:var(--mobile-font-size)!important;border-radius:8px!important;touch-action:manipulation!important;-webkit-tap-highlight-color:var(--touch-highlight)!important}a{min-height:44px!important;display:inline-flex!important;align-items:center!important;padding:8px 4px!important;-webkit-tap-highlight-color:var(--touch-highlight)!important}a,input,select,textarea{touch-action:manipulation!important}input,select,textarea{min-height:var(--mobile-touch-target)!important;padding:12px 16px!important;font-size:var(--mobile-font-size)!important;border-radius:8px!important}.container,.demo-content,.demo-section{padding:var(--mobile-padding)!important;margin-bottom:var(--mobile-margin)!important}h1{font-size:1.8rem!important}h1,h2{line-height:1.3!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important}h3,h4{line-height:1.4!important}h4{font-size:1.1rem!important}li,p,span{font-size:var(--mobile-font-size)!important;line-height:var(--mobile-line-height)!important}}.canvas-container{position:relative;width:100%;height:100%;min-height:400px;overflow:hidden;background:var(--canvas-bg);border:1px solid var(--canvas-border);border-radius:8px;display:flex;align-items:center;justify-content:center;contain:layout style;will-change:auto}.canvas-element{display:block;width:100%;height:100%;background:transparent;border-radius:inherit;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.canvas-loading{width:100%;height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--canvas-loading);border:2px solid var(--pa-primary);border-radius:8px;color:#1e40af;font-size:14px;gap:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.canvas-loading-spinner{animation:canvas-spin 1s linear infinite;border-radius:50%}.canvas-error{width:100%;height:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--canvas-error);border:2px solid #ef4444;border-radius:8px;color:#dc2626;font-size:14px;gap:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.canvas-status-indicator{position:absolute;top:8px;right:8px;background:var(--canvas-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:6px;padding:6px 10px;font-size:11px;font-weight:500;color:var(--pa-neutral);pointer-events:none;z-index:10;border:1px solid hsla(0,0%,100%,.2);box-shadow:0 2px 8px rgba(0,0,0,.1)}.canvas-grab{cursor:-webkit-grab;cursor:grab}.canvas-dragging{cursor:-webkit-grabbing!important;cursor:grabbing!important;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.canvas-no-touch{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.canvas-optimized{will-change:transform;transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.demo-canvas-wrapper{width:100%;max-width:1200px;height:600px;position:relative;background:hsla(0,0%,100%,.95);border-radius:16px;padding:1rem;box-shadow:0 20px 40px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:2rem;transition:transform .2s ease,box-shadow .2s ease}.demo-canvas-wrapper:hover{transform:translateY(-2px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.canvasContainer,.demo-canvas,.demo-canvas-container,[class*=Canvas],[class*=canvas]{width:100%!important;height:100%!important;min-height:400px!important;display:block!important;position:relative!important}.canvasContainer{height:600px!important;min-height:600px!important;background:hsla(0,0%,100%,.95)!important;border-radius:16px!important;padding:1rem!important;box-shadow:0 20px 40px rgba(0,0,0,.1)!important;border:1px solid hsla(0,0%,100%,.3)!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;margin-bottom:2rem!important}@media (max-width:768px){.canvas-container,.canvasContainer,.demo-canvas-wrapper,.process-canvas-container{min-height:350px!important;height:350px!important;padding:12px!important;margin:8px 0 16px!important;-webkit-text-size-adjust:100%!important;-ms-text-size-adjust:100%!important;border-width:2px!important;border-radius:12px!important;box-shadow:0 8px 25px rgba(0,0,0,.1)!important}.canvas-container,.canvas-element,.canvasContainer,.demo-canvas-wrapper,.process-canvas,.process-canvas-container{touch-action:none!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.canvas-element,.process-canvas{transition:none!important}.canvas-error,.canvas-loading{min-height:350px!important;font-size:14px!important;padding:20px!important;gap:16px!important}.canvas-error button,.canvas-loading button{min-height:48px!important;padding:14px 24px!important;font-size:16px!important;border-radius:8px!important}}@media (max-width:480px){.canvas-container,.canvasContainer,.demo-canvas-wrapper,.process-canvas-container{min-height:300px!important;height:300px!important;padding:8px!important;margin:4px 0 12px!important}.canvas-error,.canvas-loading{min-height:300px!important;font-size:12px!important;padding:16px!important}}.mobile-touch-feedback{position:relative;overflow:hidden}.mobile-touch-feedback:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:var(--touch-active);transform:translate(-50%,-50%);transition:width .3s ease,height .3s ease;pointer-events:none;z-index:1}.mobile-touch-feedback:active:before{width:200px;height:200px}@media (hover:none) and (pointer:coarse){.canvas-container:hover,.demo-button:hover,.demo-canvas-wrapper:hover{transform:none!important;box-shadow:inherit!important}.demo-button:active{transform:scale(.98)!important;background:var(--touch-active)!important}}@media (max-width:768px){.demo-header{text-align:center!important}.demo-controls,.demo-header{margin-bottom:20px!important;padding:0 16px!important}.demo-controls{flex-direction:column!important;gap:12px!important}.demo-content{padding:16px!important;margin:0 8px 16px!important}.demo-content,.demo-footer{border-radius:12px!important}.demo-footer{padding:20px 16px!important;margin:16px 8px 0!important}.demo-nav-links{flex-direction:column!important;gap:12px!important}.demo-nav-link{min-height:48px!important;padding:14px 20px!important;font-size:16px!important;text-align:center!important;border-radius:8px!important}body{-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important}body,html{overflow-x:hidden!important}:focus{outline:2px solid #3b82f6!important;outline-offset:2px!important;box-shadow:0 0 0 4px rgba(59,130,246,.2)!important}}@media (max-width:768px){:focus:not(:focus-visible){outline:none!important;box-shadow:none!important}}@media (max-width:768px){*{animation-duration:.2s!important;transition-duration:.2s!important}.canvas-container,.demo-canvas-wrapper{animation:none!important}.canvas-element,.demo-button,.mobile-menu-item{will-change:auto!important;transform:translateZ(0)!important;-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important}.canvas-status-indicator,.demo-button,.mobile-menu-item{color-contrast:auto!important}div,li,p,span{letter-spacing:.01em!important;word-spacing:.05em!important}.demo-header h1,.demo-header h2{margin-bottom:12px!important}.canvas-error,.error-message{text-align:center!important;padding:24px 20px!important;border-radius:12px!important}}.mobile-only{display:none!important}.desktop-only{display:block!important}@media (max-width:768px){.mobile-only{display:block!important}.desktop-only{display:none!important}}.mobile-spacing{padding:var(--mobile-padding)!important;margin:var(--mobile-margin) 0!important}.mobile-touch-target{min-height:var(--mobile-touch-target)!important;min-width:var(--mobile-touch-target)!important}.mobile-font{font-size:var(--mobile-font-size)!important;line-height:var(--mobile-line-height)!important}@media (max-width:768px){.canvas-gesture-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(59,130,246,.8);color:#fff;padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500;z-index:var(--mobile-tooltip);pointer-events:none;animation:mobile-gesture-fade 2s ease forwards}@keyframes mobile-gesture-fade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}20%{opacity:1;transform:translate(-50%,-50%) scale(1)}80%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}}@keyframes canvas-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes canvas-pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes loading-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes canvas-bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.animate-canvas-pulse{animation:canvas-pulse 2s infinite}.animate-canvas-spin{animation:canvas-spin 1s linear infinite}.animate-canvas-bounce{animation:canvas-bounce 1s infinite}.animate-fade-in{animation:fade-in .3s ease-out}.animate-loading-skeleton{animation:loading-skeleton 1.5s infinite}.bg-element-trigger{background-color:var(--element-trigger)!important}.bg-element-task{background-color:var(--element-task)!important}.bg-element-decision{background-color:var(--element-decision)!important}.bg-element-wait{background-color:var(--element-wait)!important}.bg-element-end{background-color:var(--element-end)!important}.clip-path-hexagon{-webkit-clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%);clip-path:polygon(30% 0,70% 0,100% 50%,70% 100%,30% 100%,0 50%)}canvas:focus{outline:2px solid var(--pa-primary);outline-offset:2px}.canvas-container[aria-busy=true]{pointer-events:none}.canvas-container[aria-disabled=true]{opacity:.6;pointer-events:none}.canvas-drag-preview{opacity:.8;transform:scale(1.02);filter:drop-shadow(0 4px 8px rgba(0,0,0,.2));transition:all .1s ease-out}.canvas-drop-zone{outline:2px dashed var(--pa-primary);outline-offset:4px;background:rgba(59,130,246,.1)}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.canvas-element{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}}@media print{.canvas-container{background:#fff!important;border:1px solid #000!important}.canvas-element{max-width:100%!important;height:auto!important}.canvas-status-indicator{display:none!important}}.demo-button,.demo-button-danger,.demo-button-primary,.demo-button-secondary,.demo-button-success,.demo-button-warning,.demo-content,.demo-controls,.demo-footer,.demo-header,.demo-nav-link,.demo-nav-links,.demo-section{@apply px-6 py-3 rounded-lg font-medium transition-all duration-200 transform hover:scale-105 bg-gradient-to-r from-blue-500 to-green-500 text-white hover:from-blue-600 hover:to-green-600 shadow-md hover:shadow-lg}@media (max-width:768px) and (orientation:landscape){.canvas-container,.canvasContainer,.demo-canvas-wrapper{height:280px!important;min-height:280px!important}.mobile-nav-header{padding:.75rem 1.5rem!important}.mobile-nav-title h1{font-size:1rem!important}.demo-header{margin-bottom:16px!important}.demo-header h1{font-size:1.5rem!important}}@supports (-webkit-appearance:none){@media (max-width:768px){.canvas-container,.demo-canvas-wrapper{-webkit-transform:translateZ(0)!important;-webkit-backface-visibility:hidden!important}input,select,textarea{-webkit-appearance:none!important;border-radius:8px!important}}}@media (max-width:768px){.canvas-element{image-rendering:-webkit-optimize-contrast!important;image-rendering:crisp-edges!important}}@-moz-document url-prefix(){@media (max-width:768px){.canvas-element{-moz-user-select:none!important}}}