:root{--color-bg:#181818;--color-surface-1:#1f1f1f;--color-surface-2:#272727;--color-surface-hover:#2d2d2d;--color-overlay:#101010b8;--color-border:#ffffff0f;--color-border-strong:#ffffff1f;--color-border-focus:#c97a4f8c;--color-text:#eeeff1;--color-text-muted:#eeeff19e;--color-text-dim:#eeeff166;--color-accent:#c97a4f;--shadow-sm:0 1px 2px #0006;--shadow-md:0 4px 14px #00000073;--shadow-lg:0 16px 40px #0000008c;--shadow-focus:0 0 0 2px #c97a4f73;--motion-fast:.12s cubic-bezier(.4, 0, .2, 1);--motion-normal:.2s cubic-bezier(.4, 0, .2, 1)}.an-card{transition:transform var(--motion-fast), box-shadow var(--motion-fast), border-color var(--motion-fast), background var(--motion-fast)}.an-card:hover{border-color:var(--color-border-strong);background:var(--color-surface-hover);box-shadow:var(--shadow-md)}.an-card:hover .an-card-port-ghost{opacity:1}.an-card.is-selected{border-color:var(--color-border-focus)!important;box-shadow:var(--shadow-focus), var(--shadow-md)!important}.an-card-port-ghost{opacity:0;transition:opacity var(--motion-fast), transform var(--motion-fast)}.an-card-port:hover,.an-card-port-ghost:hover{transform:scale(1.4)}.an-canvas-grid{background-color:var(--color-bg);background-image:radial-gradient(#ffffff17 1px,#0000 1.4px);background-position:0 0;background-size:22px 22px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#e2e8f0;background:#0b1d3a;height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}select option{color:#e2e8f0;background:#0f2847}